16-08-2013, Saat:18:26
Merhaba arkadaşlar bu kendi yazımımdır başka yerlerde paylaşaıcaksanız ise alıntıdır - Ripbyrustavi02 diye sevinirim neyse şimdi konumuza dönelim size oval tema yapma rehberini göstericem
ilk olarak theadları oval yapalım KONU: Oval Thead Yapma - L3DRI
Admin KP ► Şablon & Stil ► Temalar (Solda) ► global.css ► Gelişmiş düzen
bölümünden şu iki kodu bulun:
ve
bu kodların hemen altına şu kodları ekleyin
yaptıktan sonra görüntü böyle olucaktır.
şimdi ise konu içlerini ovalleştirelim KONU: Alt Forumlar Blok Halinde -Jocqer
Global Css'ye eklenicek kod'lar:
Daha sonra Kullandığınız temanın Forum Bit Şablonlar'ından / forumbit_deph3 şablonunu alttaki kod ile komple değişiyoruz.
forumbit_deph3 şablonunda değiştirilicek kod'lar:
Son Olarak yine Kullandığınız temanın Forum Bit Şablonlar'ından / forumbit_subforums şablonunu açıyor ve alttaki kod ile komple değişiyoruz.
forumbit_subforums şablonunda değiştirilicek kod'lar:
Alt Forumları 3 ve 4 blok halinde yapmak için alttaki CSS kodlarını Kullanabilirsiniz,şablonlara eklenen kodlar aynıdır...
3 Blok Yapmak İçin:
4 Blok Yapmak İçin:
ve bittikten sonra böyle olucak
şimdi ise Üst headeri ovallicez KONU: Oval Header Yapımı - Ripbyrustavi02
admin kp -> şablon stil -> temanız -> global.css -> yeni css ekle -> bu kodu yazıyoruz;
2. adımımız ise Header e girip logo yazısının üstüne ekliyoruz
Şimdi yaptıktan sonra böyle olucak
Demo: Treatime.10tl.net
şimdi ise footere geldik footeri ovallamicez biz bu sefer oval footer kullanıcaz isterseniz beğendiniz footer varsa
örneğin
kodunun altına
bunu ekleyebilirsiniz.
şimdi oval footere geçelim geçtiğimiz günlerde kyoya ile yaptığımız footeri örnek vericem
Admin kp -> şablon stil -> temanız -> gelişmiş mod -> en alta ekleyin.
Bunlarıda footer şablonundaki kodların hepsini silin yapıştırın.
Ve görüntümüz böyle olacak :
ve bir dersimin sonuna geldik iyi oval tema yapmalar
ilk olarak theadları oval yapalım KONU: Oval Thead Yapma - L3DRI
Admin KP ► Şablon & Stil ► Temalar (Solda) ► global.css ► Gelişmiş düzen
bölümünden şu iki kodu bulun:
Kod:
.tborder {ve
Kod:
.thead {Kod:
border-radius: 7px 7px 7px 7px;yaptıktan sonra görüntü böyle olucaktır.
şimdi ise konu içlerini ovalleştirelim KONU: Alt Forumlar Blok Halinde -Jocqer
Global Css'ye eklenicek kod'lar:
Kod:
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 50%; float: left;}Daha sonra Kullandığınız temanın Forum Bit Şablonlar'ından / forumbit_deph3 şablonunu alttaki kod ile komple değişiyoruz.
forumbit_deph3 şablonunda değiştirilicek kod'lar:
Kod:
<li>{$statusicon}<a href="{$forum_url}" title="{$forum_viewers_text_plain}">{$forum['name']}</a></li>Son Olarak yine Kullandığınız temanın Forum Bit Şablonlar'ından / forumbit_subforums şablonunu açıyor ve alttaki kod ile komple değişiyoruz.
forumbit_subforums şablonunda değiştirilicek kod'lar:
Kod:
<br />{$lang->subforums}<br /><ul class="alt_forumlar">{$sub_forums}</ul>Alt Forumları 3 ve 4 blok halinde yapmak için alttaki CSS kodlarını Kullanabilirsiniz,şablonlara eklenen kodlar aynıdır...
3 Blok Yapmak İçin:
Kod:
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 33%; float: left;}Kod:
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 25%; float: left;}ve bittikten sonra böyle olucak
şimdi ise Üst headeri ovallicez KONU: Oval Header Yapımı - Ripbyrustavi02
admin kp -> şablon stil -> temanız -> global.css -> yeni css ekle -> bu kodu yazıyoruz;
Kod:
#header2 {
border-radius: 7px 7px 7px 7px;
background: url(http://o1306.hizliresim.com/1b/t/pknbk.png) repeat scroll left transparent;
height: 180px;
margin-left: -8px;
width: 101.2%;
border-bottom: 1px solid #333333;
border-top: 1px solid #191919;
}Kod:
<div id="header2">Şimdi yaptıktan sonra böyle olucak
Demo: Treatime.10tl.net
şimdi ise footere geldik footeri ovallamicez biz bu sefer oval footer kullanıcaz isterseniz beğendiniz footer varsa
örneğin
Kod:
#footer {kodunun altına
Kod:
border-radius: 7px 7px 7px 7px;bunu ekleyebilirsiniz.
şimdi oval footere geçelim geçtiğimiz günlerde kyoya ile yaptığımız footeri örnek vericem
Admin kp -> şablon stil -> temanız -> gelişmiş mod -> en alta ekleyin.
Kod:
#footer {
background: url(http://www.resimagaci.com/img/0l0h7t5.png);
width: auto;
height: 296px;
color: #000;
}
#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
color: #000;
}
.bottommenu {
width: 180px;
float: left;
margin-top: 60px;
margin-left: 10px;
}
#copyright {
color: #000;
padding: 8px;
text-align: center;
font-size: 11px;
}
#copyright a {
color: #000;
}
.mybb {
position: relative;
top: 130px;
}Bunlarıda footer şablonundaki kodların hepsini silin yapıştırın.
Kod:
<div id="footer">
<div id="debug"><debugstuff></div>
<div class="bottommenu">
<span class="bottomhead">dost siteler</span><br />
<li><a href="#">eklencek</a><br /></li>
<li><a href="#">eklencek</a><br /></li>
<li><a href="#">eklencek</a><br /></li>
</div>
<div class="bottommenu">
<span class="bottomhead">kolay menü</span><br />
<li><a href="eklencek target="_blank">oyun bölümü</a></li>
<li><a href="eklencek" target="_blank">sponsor</a></li>
<li><a href="eklencek" target="_blank">portal</a></li>
</div>
<div class="clear"></div>
<div class="float_right">
<div id="copyright">
<div class="mybb">
{$lang->powered_by} <a href="http://mybb.com/" target="_blank">MyBB{$mybbversion}</a> <a href="http://mybb.com/" target="_blank">MyBB Group</a>.<br />
</div>
</div>
</div>
<!-- Removal of either copyright/credit notice will result in loss of support by the theme author and MyBB respectively. -->
<!-- Don't remove this stuff, it's used for running MyBB tasks and such. -->
{$task_image}{$auto_dst_detection}
</div>ve bir dersimin sonuna geldik iyi oval tema yapmalar