[1.6] MyBB Forum Kategorileri - Temanın Alt ve Üst Köşelerini Oval Yapmak

[xpserkan]

MyBB Forum Kategorileri - Temanın Alt ve Üst Köşelerini Oval Yapmak
Merhaba arkadaşlar; yine çok istenen bir konu ve ne yazık ki doru dürüst açıklaması ve anlatımı yapılmamış konulardan biri daha,
Anlatım tamamen tarafımdan yapılmış olup sizlerin paylaşımına sunulmuştur.

Eklentinin ismi: MyBB Tema Oval Köşe Yapımı
Eklentinin Yapımcısı: xpserkan
Test Durumu: Denemiştir-sorunsuz
Eklenti Uyumluluk: MyBB-1.4.x - 1.6 -(Extra: tüm tarayıcıları destekler)
Eklentinin Açıklaması: Bu Kodlama sayesinde Forum Kategorilerinizin üst ve alt kısımlarının oval olmasını sağlarsınız.
Eklenti Güvenlimi ?: Güvenli

Eklentinin Kurulumu:

İlk olarak Global.css için gerekli kodlarımızı ekliyelim.

Global.css'ye eklenicek kodlarımız:

Kod:

.orta1 {
    background: url(images/tablo/orta1.png) top left repeat-x;
    color: #000000;
}

.orta1 a:link {
    color: #000000;
    text-decoration: none;
}

.orta1 a:visited {
    color: #000000;
    text-decoration: none;
}

.orta1 a:hover, .orta1 a:active {
    color: #000000;
    text-decoration: underline;
}

.thead2 {
    background: url(images/tablo/thead2.png) top left repeat-x;
        width: 100%;
        text-align:right;
        font-weight:bold;
        color:#ffffff;
}

.thead2 a {
    color:#ffffff;
}

.thead2 a:hover {
    color:#FF8000;
}

.thead2 a:visited {
    color:#ffffff;
}


.tfoot2 {
    background: url(images/tablo/altc.png) top left repeat-x;
        width: 100%;
}

Evet Global.css için gerekli kodlarımızı eklediysek hemen,forumbit_depth1_cat için gerekli kodlarımıza geçiyoruz.
Kullandığınız temanın forumbit_depth1_cat sablonunu açınız ve alttaki kodlarla komple değişiniz.

forumbit_depth1_cat sablonuna eklenicek kodlarımız:

Kod:

<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="{$theme['imgdir']}/tablo/theadl.png" alt="" /></td>
<td class="orta1" style="white-space:nowrap;"><strong><a href="{$forum_url}">{$forum['name']} </a></strong> <span class="smalltext" style="font-style:italic"> {$forum['description']}</span></td>
<td><img src="{$theme['imgdir']}/tablo/orta2.png" alt="" /></td>
<td class="thead2"><span class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" /></span></td>
<td><img src="{$theme['imgdir']}/tablo/theadr.png" alt="" /></td>
</tr>
</table>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" width="35"> </td>
<td class="tcat"><strong>{$lang->forumbit_forum}</strong></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_threads}</strong></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><strong>{$lang->forumbit_posts}</strong></td>
<td class="tcat" width="200" align="center"><strong>{$lang->forumbit_lastpost}</strong></td>
</tr>
{$sub_forums}
</tbody>
</table>
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td><img src="{$theme['imgdir']}/tablo/altl.png" alt="" /></td>
<td class="tfoot2"></td>
<td><img src="{$theme['imgdir']}/tablo/altr.png" alt="" /></td>
</table>
<br/>

Ve son olarak ek'te vermiş olduğum,oval grafiklerimizi Ftp/images klasörüne atınız.

Demo Site-ler: Oval MyBB Teması

Eklenti Önizlemeleri:

(MyBB Tema Köşeleri Oval,Ekran Görüntüsü)

Ek Not: Anlatımdaki Uygulama Tüm Tarayıcılarda Sorunsuz Olarak Oval'dir.