MyBB Destek Forumu

MCTR Stil Güncel Duyuru Panosu - [Kodlu - Manuel Modifikasyon]

Merhaba arkadaşlar,
Bir süredir bu duyuru stili birçok kişi tarafından istek yapılıyordu, fakat yeterli vakit olmadığı için sürekli erteliyordum, sanırım bunu daha fazla ertelemenin anlamı yok ve paylaşıma sunuyorum..

İlk önce kullandığınız temanın => Global.css kalıplarına girip aşağıdaki kodları en sona ekleyin.

PHP Kod:

.XsBB_DYR li {
    list-style: none;
    text-align: left;
}

.XsBB_DYR_Title {
    color: maroon;
    font-family: Georgia;
    font-size: 11px;
    font-weight: bold;
}

.slideright:hover {
    -webkit-transform: translate(1em, 0pt);
    -moz-transform: translate(1em, 0pt);
    -o-transform: translate(1em, 0pt);
    -ms-transform: translate(1em, 0pt);
}


.showbox {
    -webkit-transition: all 1s ease-in-out 0s;
    -moz-transition: all 1s ease-in-out 0s;
    -o-transition: all 1s ease-in-out 0s;
    -ms-transition: all 1s ease-in-out 0s;
}

.xsbox {
    font-weight: bold;
    font-style: normal;
    font-size: 9pt;
        font-family: Georgia;
        border-right: 2px solid #183150 !important;
        border-left: 2px solid #183150 !important;
        border-top: 2px solid #183150 !important;
        border-radius: 5px 5px 0 0;
        box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    padding: 7px;
} 

Daha sonra aşağıdaki HTML kodları yine kullandığınız temanın => İndex şablonlarında duyurunun çıkmasını/gözükmesini istediğiniz yere ekleyin. (Tavsiyem: {$header} kodunun altına eklenmesidir, ya da genel bakış kullanıyorsanız onun altınada ekleyebilirsiniz.)

Kod:

<table border="0" cellpadding="3" cellspacing="1" class="tborder">

<tr>

<td class="thead" colspan="3">

<div class="showbox slideright" style="margin-top: 5px;"><span class="xsbox"><img src="images/ikon/duyuru.png" alt="duyuru" style="vertical-align: middle;" height="18" width="18" border="0" />&nbsp;Güncel Duyurular!</span></div>

</td>

</tr>

<tr>

<td class="tcat" width="50%"><span class="XsBB_DYR_Title">Güncel MyBB Dökümanları..</span></td>

<td class="tcat" width="50%"><span class="XsBB_DYR_Title">Güncel + Orjinal MyBB Sürümleri..</span></td>

</tr>

<tr>

<td class="trow1" valign="middle" width="50%" align="left">

<span style="float: left; margin-right: 0px; padding: 9px;">

<img src="images/ikon/bilgi-icon.png" alt="bilgi" style="vertical-align: middle;" width="32" height="32" border="0" />

</span>

<div class="XsBB_DYR" id="sol-dyr">

<li class="showbox slideright"><a href="http://destek.mybb.com.tr/showthread.php?tid=2483" title="MyBB Kurulumu, Videolu Anlatım Konusu">MyBB Kurulumu - Videolu Anlatım Konusu</a>&nbsp;<img src="images/ikon/external_link.png" alt="URL'ye Git" width="10" height="10" /></li>

<li class="showbox slideright"><a href="http://destek.mybb.com.tr/showthread.php?tid=10658" title="MyBB için Google Seo Kurulumu, Resimli Anlatım Konusu - Yeni">Google Seo Kurulumu - Resimli Anlatım Konusu</a>&nbsp;<img src="images/ikon/external_link.png" alt="URL'ye Git" width="10" height="10" /></li>

<li class="showbox slideright"><a href="http://destek.mybb.com.tr/showthread.php?tid=10655" title="MyBB için Google Seo Eklentisi, Full Türkçe Kurulum Paketi İndir - Yeni">MyBB Google Seo Eklentisi İndir</a>&nbsp;<img src="images/ikon/external_link.png" alt="URL'ye Git" width="10" height="10" /></li>

</div></td>

<td class="trow2" valign="middle" width="50%" align="left">

<span style="float: left; margin-right: 0px; padding: 9px;">

<img src="images/ikon/bilgi-icon.png" alt="mybb" style="vertical-align: middle;" width="32" height="32" border="0" />

</span>

<div class="XsBB_DYR" id="sag-dyr">

<li class="showbox slideright"><a href="http://destek.mybb.com.tr/showthread.php?tid=12272" title="MyBB 1.6.8 Resmi Türkçe Sıfır Kurulum Paketi İndir - Download">MyBB 1.6.8 Resmi Türkçe Sıfır Kurulum Paketi İndir</a>&nbsp;<img src="images/ikon/external_link.png" alt="URL'ye Git" width="10" height="10" />&nbsp;<img src="images/yeni-icon.gif" alt="yeni - new" style="vertical-align: middle; display: none;" width="23" height="13" border="0" /></li>

<li class="showbox slideright"><a href="http://destek.mybb.com.tr/showthread.php?tid=12273" title="MyBB 1.6.8 Güvenlik &amp; Bakım Güncelleme Paketi İndir - Download">MyBB 1.6.8 Güvenlik Güncellemesi İndir</a>&nbsp;<img src="images/ikon/external_link.png" alt="URL'ye Git" width="10" height="10" />&nbsp;<img src="images/yeni-icon.gif" alt="yeni - new" style="vertical-align: middle; display: none;" width="23" height="13" border="0" /></li>

<li class="showbox slideright"><a href="http://destek.mybb.com.tr/showthread.php?tid=12274" title="MyBB 1.6.8 Tema Güncellemesi - [Manuel]">MyBB 1.6.8 Tema Güncellemesi - [Manuel]</a>&nbsp;<img src="images/ikon/external_link.png" alt="URL'ye Git" width="10" height="10" />&nbsp;<img src="images/yeni-icon.gif" alt="yeni - new" style="vertical-align: middle; display: none;" width="23" height="13" border="0" /></li>

</div></td>

</tr>

</table>

<br />

Son olarak ekten indirereceğiniz ikon klasörünü ftp'den ./images klasörü içine yükleyin tamamdır. Gerekli linkleri ve başlıkları kendinize göre düzenlersiniz..

Not: Vermiş olduğum kodları önce not.txt dosyasına kaydedip sonra şablona ekleyin. Bu şekilde html boşluk kodları oluşmasını ve kaymaları engellenmiş olursunuz. Ayrıca bazı sitelerin temaları farklı kodlar içeriyorsa biraz bozukluk olabilir bilginize..

Dip Not: İlerleyen günlerde, bu uygulamanın admim panelinden kontrol edilebilir versiyonunu yayınlayacağım bilginize. Plugin hali daha kolay kullanım sağlayacaktır, link ve link başlıkları açısından..

Ekran Görüntüsü:

Rar Şifresi: mybb.com.tr

xpserkan