Phpbb3 Hestia tema ceşitlerinde genişliği düzenleme



Bilindigi üzere Phpbb3 lerde temalar ekranın %100 ünü kaplayacak şekilde ayarlanmistir , gel gelelim genis ekranlarda bu oldukca rahatsiz edici olabilir , eger Hestia tema türünü kullanıyor ve tema

genisligini ayarlamak istiyorsanız aşağıdakileri yapmaniz yeterlidir.

1. Öncelikle aşağıdaki yerde yeralan ca_config.html yi notepad ile acalim
styles\hestia\template\ca_config.html
Asağidaki kodu bulalim

<!-- DEFINE $CA_WIDTH = '100%' -->

Asağidaki ile degistirelim

<!-- DEFINE $CA_WIDTH = '880px' -->

2.Sonrasinda overall_header.html yi notepad ile acalim (aşağıdaki yerde)
/styles/hestia/template/overall_header.html
sonrasinda aşağıdaki kodlari bulup yenileri ile degistirelim:
Asağidakini bulalim

<div id="logo-row">

Asağidaki ile degistirelim

<div id="logo-row" style="width: 880px; margin: 0 auto;">

Asağidakini bulalim

<div class="navrow">

Asağidaki ile degistirelim

<div class="navrow" style="width: 880px; margin: 0 auto;">

Asağidakini bulalim

<div id="content">

Asağidaki ile degistirelim

<div id="content" style="width: 880px; margin: 0 auto;">

stylesheet.cssyi acalim (styles\hestia\theme) ve aşağıdakini silelim

#content {
    background: url(images/bg_top1.gif) top left repeat-x;
    padding: 0 10px 10px;
}

Son olarak aşağıdaki yeri şu şekle getirelim

textarea.posting-textarea, #ie8#fix {
width: 700px; 
height: 270px; 
min-width: 98%;
width: 670px;	
max-width: 670px;

width ve max-width değerlerini isteğimize göre ayarladık , eğer üstteki ayarlardan sonra Özel mesaj yollanması sırasında temada kayma oluyorsa üstteki width kısmını aşağıdaki şekle getirip düzelip düzelmediğini kontrol ediniz:

textarea.posting-textarea, #ie8#fix {
max-width: 500px; 
height: 270px; 
min-width: 98%;

sonrasında aşağıdaki kısma küçük bir ilave yapalım

.codecontent {
width: 650px;
direction: ltr;
font-weight: normal;
font-size: 11px;
font-family: Monaco, 'Courier New', monospace;
color: #444;

width: 650px; diyerek code içindeki uzun metinlerin temayı bozmasını önledik

Velociraptor


Yorum Ekle

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Captcha