MyBB Destek Forumu

Orjinalini görmek için tıklayınız: MyBB Forum Kategorileri - Temanın Alt ve Üst Köşelerini Oval Yapmak
Şu anda (Arşiv) modunu görüntülemektesiniz. Orjinal Sürümü Görüntüle internal link
Sayfalar: 1 2 3 4
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:
85066215312245285572.png
(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.
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.
emegıne saglık kanka super anlatmıssın.
teşekkürler ama ben bu tek parçaya karşıyım Sırıtmak
bazen kaymalar olabiliyo Sırıtmak
ama ellerine sağlık serkan abi
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ı...
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.
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 />
Sayfalar: 1 2 3 4