[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.

[xpserkan]

Arkadaşlar eğer ps biliyorsanız benim vermiş olduğum grafikler yerine kendinize göre grafiklerde yapabilir,verdiklerimle değişebilirsiniz,ayrıca global.css için vermiş olduğum kodlardaki orta1 ve thead2 için renk kodlarınıda kendinize göre düzenleyebilirsiniz.

[casper_23]

emegıne saglık kanka super anlatmıssın.

[CraCkEr-16]

teşekkürler ama ben bu tek parçaya karşıyım
bazen kaymalar olabiliyo
ama ellerine sağlık serkan abi

[ALeeNN]

arkadaşlar ben dediklerinizin aynısını yaptım ama olmadı sadece oval olan kısımlar çıktı forum isimleri falan çıkmadı collapse falan çalışmadı en önemlisi de forumlar çıkmadı sadece oval resimler çıktı...

[xpserkan]

hem global,hemde forumbit_depth1_cat sablonu için verdiğim kodları not olarak pc'ye kayıtlayın sonra ordan alıp sablona ekleyin düzelmesi gerekli.

[ALeeNN]

arkdaşım olmadı senin dediğin gibi yapıyorum kopyala işlemini de senin dediğin gibi yapıyorum çünkü direk kopyalarsam sorun çıkıyor ama ben forumları iki blok haline getirmek için (bu sitedeki gibi) bu sitede anlatılan iki blok yapma konusunu okumuş ve forumbit_depth1_cat , forumbit_depth2_forum, ve forumdisplay_subforums kodlarıyla oynamıştım. Şimdi sana bu kodların hepsini ve benim kendi oval tablo resimlerimin isimlerini veriyorum.

Oval tablo resimlerimin forum yolları: siteadi.com/forum/images/yesilmavi/...........png
Oval tablo isimlerim: sol.png , sag.png, orta.png, alt_sol.png , alt_orta.png ve alt_sag.png.

forumbit_depth1_cat Kodum Şu:

Kod:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"><thead><tr><td class="thead"><div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div><div><strong><a href="{$forum_url}">{$forum['name']}</a></strong><br /><div class="smalltext">{$forum['description']}</div></div></td></tr></thead><tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e"><tr><td class="trow2"><ul class="forum_iki_blok">{$sub_forums}</ul></td></tr></tbody></table><br />

forumbit_depth2_forum Kodum Şu:

Kod:

<li><div id="forum"><table border="0" cellpadding="5" cellspacing="0" width="100%" id="table1"><tr><td valign="top" width="30" class="trow2" align="center"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}" title="{$lightbulb['altonoff']}" class="ajax_mark_read" id="mark_read_{$forum['fid']}" /></td><td valign="top" height="65" class="trow2" title="{$threads}{$unapproved['unapproved_threads']} / {$posts}{$unapproved['unapproved_posts']}"><strong><a href="{$forum_url}">{$forum['name']}</a></strong><span class="smalltext">({$forum_viewers_text}{$threads}{$unapproved['unapproved_threads']} / {$posts}{$unapproved['unapproved_posts']}){$subforums}</span><div class="smalltext">{$forum['description']}{$modlist}</div></td></tr></table></div></li>

forumdisplay_subforums Kodum Şu:

Kod:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder"><tr><td class="thead" align="center"><strong>{$lang->sub_forums_in}</strong></td></tr><tr><td class="trow2"><ul class="forum_iki_blok">{$forums}</ul></td></tr></table><br />