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

Başlatan snrj, 13 Eki 2017 16:06

« önceki - sonraki »

0 Üye ve 1 Ziyaretçi konuyu incelemekte.

snrj

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 :D
ö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ç]
<?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 :D
ş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ç]
array(
'id' => 'og_image',
'label' => $txt['og_image'],
'description' => $txt['og_image_desc'],
'type' => 'url',
),
altına ekleyin
Kod [Seç]
'',
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ç]
/*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 :o
ş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ç]
echo '
<div id="content_section">
<div id="main_content_section">';
altına ekleyin
Kod [Seç]
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 :D 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ç]
.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;}