+- Tiryaki Board (https://tiryakiboard.com)
+-- Forum: GENEL KÜLTÜR BİLGİLERİ (https://tiryakiboard.com/forumdisplay.php?fid=10)
+--- Forum: GENEL KÜLTÜR BiLGiLERi MAiN (https://tiryakiboard.com/forumdisplay.php?fid=229)
+---- Forum: Webmaster Bilgileri (https://tiryakiboard.com/forumdisplay.php?fid=232)
+---- Konu Başlığı: MyBB için Alt Forumları CSS ile 2 Blok Halinde Yapmak (/showthread.php?tid=55)
MyBB için Alt Forumları CSS ile 2 Blok Halinde Yapmak - RasitTunca - 05-25-2018
Makale-Not Eklentinin ismi: Alt Forumlar Yan Yana Çift-2 Blok Halinde
Yapımcı Eklentinin Yapımcısı: Blackinci
Araç-Test Test Durumu: Denemiştir-sorunsuz Onay-Cevap
Eklenti-Plugin Eklenti Uyumluluk: MyBB-1.6 ve 1.8
Bilgi-Kaynak Eklentinin Açıklaması: Bu eklenti sayesinde alt forumlarınızı 2 , 3 ve 4 blok halinde görüntülenmesini sağlarsınız.
Güvenlik Eklenti Güvenlimi ?: Güvenli Onay-Cevap
Eklenti-Plugin Eklentinin Kurulumu: İlk olarak Global Css'yi açıyoruz ve en alta şu kodları ekliyoruz;
Global Css'ye eklenicek kod'lar:
Kod:
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:
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:
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...[/color]
3 Blok Yapmak İçin:
Kod:
Kod:
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 33%; float: left;}4 Blok Yapmak İçin:
Kod:
Kod:
.alt_forumlar {list-style: none; margin: 0; padding: 0;}
.alt_forumlar li {width: 25%; float: left;}