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:
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:
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.
Kaynak: www.mybb.com.tr
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.
Kaynak: www.mybb.com.tr