smf 2.1 Kullanılan tema kısmına temanız için ayarlar ekleme

Tema yapmak isteyen arkadaşlar için ufak ipuçlarını paylaşmaya devam ediyoruz
bu konuya daha önce burda değinmiştim biraz daha detaylandırmaktan sakınca gelmez değilmi
öncelikle Temamıza eklememiz gereken kısımlar Default temadan Settings.template.php yi temamıza kopyalayalım
sonra temamızda "languages" adlı bir klasör yoksa oluşturalım ve içinde Settings.english.php adında bir dosya oluşturup içine alttaki örnek ekleyelim

Kod Seç Expand

<?php
global $settings;
$txt['theme_thumbnail_href'] = $settings['images_url'] . '/thumbnail.png';
$txt['theme_description'] = 'Html5, responsive, css sprite icon <br /><br />Smf.konusal.com <a href="http://smf.konusal.com">Smf Destek</a>';üstte eklediğimiz örnek üyelerin profilinde görünüm ve tasarım kısmında kendi temalarını seçmek istedikleri zaman görünecek tema resimi ve yapımcı bilgisi bunu her yaptığınız temaya standart olarak ekleyin tabi kendinize göre düzenleyin yoksa tema yapımcısı smf.konusal.com olur
şimdi buraya kadar herşeyi yaptıysak  gelelim temamız için özel ayarlar eklemeye
ben örnek olarak vision temamızda olan divbox ayarlarından gösterecem zaten gayet basit mantığı çözerseniz bir çok şey eklersiniz temalarınıza
temamıza eklediğimiz Settings.template.php açıp bulun

Kod Seç Expand

array(
'id' => 'og_image',
'label' => $txt['og_image'],
'description' => $txt['og_image_desc'],
'type' => 'url',
),altına ekleyin

Kod Seç Expand

'',
array(
'id' => 'global_vision_divbox1',
'label' => $txt['global_divbox1'],
'description' => $txt['global_divbox_desc'],
'type' => 'textarea',
),
array(
'id' => 'global_vision_divbox1_color',
'label' => $txt['divbox_color'],
'options' => array(
0 => $txt['default'],
1 => $txt['success'],
2 => $txt['info'],
3 => $txt['warning'],
4 => $txt['danger'],
),
'type' => 'number',
),
array(
'id' => 'global_vision_divbox2',
'label' => $txt['global_divbox2'],
'description' => $txt['global_divbox_desc'],
'type' => 'textarea',
),
array(
'id' => 'global_vision_divbox2_color',
'label' => $txt['divbox_color'],
'options' => array(
0 => $txt['default'],
1 => $txt['success'],
2 => $txt['info'],
3 => $txt['warning'],
4 => $txt['danger'],
),
'type' => 'number',
),sonra dil dosyamızı açalım(Settings.english.php) ve içine ekleyelim

Kod Seç Expand

/*Global divbox*/
$txt['global_divbox1'] = 'Global divbox 1.box';
$txt['global_divbox2'] = 'Global divbox 2.box';
$txt['global_divbox_desc'] = 'You can enter html content';
/*divbox color*/
$txt['divbox_color'] = 'choose color';
$txt['default'] = 'default';
$txt['success'] = 'success';
$txt['info'] = 'info';
$txt['warning'] = 'warning';
$txt['danger'] = 'danger';ayarımızı ve yazılarımız eklediğimize göre artık bu ayarlar admin panelde Kullanılan tema kısmında gözüküyor
peki güzel bu ayarları yaptık içeriğimizi vs girdik ama sitede bir yerde gözükmedi
şimdi gelelim sitemizde gözükmesini istedeğimiz yere ben örnek olarak index.template.php de gösterecem siz kendinize veya temanıza göre uygun yere eklersiniz
temamızın index.template.php açıp bulalım

Kod Seç Expand

echo '
<div id="content_section">
<div id="main_content_section">';altına ekleyin

Kod Seç Expand

echo'
',!empty($settings['global_vision_divbox1'])?'<div class="gdivbox divbox-'.$settings['global_vision_divbox1_color'].'"> '.$settings['global_vision_divbox1'].'</div><br>':'','
',!empty($settings['global_vision_divbox2'])?'<div class="gdivbox divbox-'.$settings['global_vision_divbox2_color'].'"> '.$settings['global_vision_divbox2'].'</div>':'','
';bu kadar yaw arkadaş iyi güzelde bu kadar verdin bari css sinide ver diyen arkadaşlar içinde
temanızın index.css de en alta ekleyin

Kod Seç Expand

.gdivbox {
padding:5px 0px;
width: 100%;
border: 1px solid transparent;
border-radius: 4px;
}
.divbox-0 {
    color: #000;
    background-color: #fff;
    border-color: #ccc;
}
.divbox-0 a{color: #000;}
.divbox-1 {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.divbox-1 a{color: #3c763d;}
.divbox-2 {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.divbox-2 a{color: #31708f;}
.divbox-3 {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.divbox-3 a{color: #8a6d3b;}
.divbox-4 {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.divbox-4 a{color: #a94442;}
.divbox-0 a,.divbox-4 a,.divbox-3 a,.divbox-2 a,.divbox-1 a{font-weight:bold;cursor: pointer;text-decoration: none;}