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

Ç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

 


Konu ile Alakalı Benzer Konular
Konular Yazar Yorumlar Okunma Son Yorum
  [DERS] MyBB Siyah Tooltip Yapımı. Feyz 8 4,061 24-02-2017, Saat:04:36
Son Yorum: batuhanbarut
  MyBB - Youtube Tarzı Duyuru Panosu Screwy 6 3,673 28-05-2016, Saat:12:36
Son Yorum: cemsidar
  Mybb Multi Color Tema Yapımı Detaylı Anlatım... ßyßurak 14 7,137 10-02-2015, Saat:12:34
Son Yorum: xPyrion
  [1.8] MyBB Konu Buton İconlarını FontAwesome Yapmak [Ders] - [1.8] ßyßurak 0 1,273 15-01-2015, Saat:14:23
Son Yorum: ßyßurak
  MYBB Nasıl tame çizilir ve kodlanır nasayunsu 10 2,935 29-11-2014, Saat:06:23
Son Yorum: naklow12



Konuyu Okuyanlar: 1 Ziyaretçi