Oval Tema Yapma Rehberi [Geniş / Anlatım]

[Ripbyrustavi]

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:

Kod: Tümünü Seç Tümünü Kopyala

.tborder {

ve

Kod: Tümünü Seç Tümünü Kopyala

.thead {

bu kodların hemen altına şu kodları ekleyin

Kod: Tümünü Seç Tümünü Kopyala

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: Tümünü Seç Tümünü Kopyala

.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: Tümünü Seç Tümünü Kopyala

<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: Tümünü Seç Tümünü Kopyala

<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: Tümünü Seç Tümünü Kopyala

.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 33%; float: left;}

4 Blok Yapmak İçin:

Kod: Tümünü Seç Tümünü Kopyala

.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: Tümünü Seç Tümünü Kopyala

#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;
}

2. adımımız ise Header e girip logo yazısının üstüne ekliyoruz

Kod: Tümünü Seç Tümünü Kopyala

<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: Tümünü Seç Tümünü Kopyala

#footer {

kodunun altına

Kod: Tümünü Seç Tümünü Kopyala

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: Tümünü Seç Tümünü Kopyala

#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: Tümünü Seç Tümünü Kopyala

<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 görüntümüz böyle olacak :



ve bir dersimin sonuna geldik iyi oval tema yapmalar ;)

[Time Traveler]

Emeğine sağlık dostum. Sade ve detaylı bir anlatım olmuş +1.

[Ripbyrustavi]

Emeğine sağlık dostum. Sade ve detaylı bir anlatım olmuş +1.

teşşekür ederim daha iyi anlatabilirdim'de evden aniden çıkmam gerekti

[Ripbyrustavi]

güncel+

[TrLyy]

Anlatım İçin Saol

[Ripbyrustavi]

Anlatım İçin Saol

önemli değil :)