MyBBDepo - Türkiyenin MyBB Deposu Forumuna Hoşgeldiniz
Eğer sitemize yaptığınız ilk ziyaretiniz ise, lütfen öncelikle Forum Kurallarını okuyunuz. Forumumuzda bilgi alışverişinde bulunabilmeniz için Kayıt olmalısınız. Üye olmayanlar forumumuzdan yararlanamazlar.
Eğer zaten kayıtlı kullanıcı iseniz, lütfen kullanıcı adınız ve şifreniz ile, Giriş yapınız. (Sitemize üyelik ücretsizdir).
007combatant avatar
Konuyu Oyla:
  • Derecelendirme: 5/5 - 1 oy
  • 1
  • 2
  • 3
  • 4
  • 5

Derecelendirme: 5/5 - 1 oy

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


Sponsor Reklam
media venus

Çevrimdışı 007combatant
 Tarih: 22-12-2011, Saat:11:29
#1
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.

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

Eklenti-Plugin 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 Link Demo Site-ler: Oval MyBB Teması

Resim-Grafik Eklenti Önizlemeleri:
resim
(MyBB Tema Köşeleri Oval,Ekran Görüntüsü)

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

AlıntıKaynak: www.mybb.com.tr


Ek Dosyalar
.rar   tablo.rar (Dosya Boyutu: 4.28 KB / İndirme Sayısı: 82)
Cevapla
Bunu Beğenenler: xpserkan , Respect , jungi
Sponsor Reklam
sponsor reklam sponsor reklam

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  MyBB - Youtube Tarzı Duyuru Panosu Screwy 6 2,865 28-05-2016, Saat:12:36
Son Yorum: cemsidar
  Mybb Multi Color Tema Yapımı Detaylı Anlatım... ßyßurak 14 6,140 10-02-2015, Saat:12:34
Son Yorum: xPyrion
  [1.8] MyBB Konu Buton İconlarını FontAwesome Yapmak [Ders] - [1.8] ßyßurak 0 937 15-01-2015, Saat:14:23
Son Yorum: ßyßurak
  MYBB Nasıl tame çizilir ve kodlanır nasayunsu 10 2,132 29-11-2014, Saat:06:23
Son Yorum: naklow12
  [MCTR] MyBB Tema Yapımı Videolu Anlatım 007combatant 17 8,591 07-11-2014, Saat:20:28
Son Yorum: LeafLanterman18



Konuyu Okuyanlar: 1 Ziyaretçi