(24-05-2012, Saat:20:06)xpserkan Adlı Kullanıcıdan Alıntı: Eklentinin son sürümünde bu özellik mevcut arkadaşlar. mybb.com adresinden eklentinin son sürümünü bulup indirin..

(05-02-2012, Saat:03:47)xpserkan Adlı Kullanıcıdan Alıntı: MyBB için Genel Bakış - Ajaxlı Overview Eklentisine icon Resim + mouseover Efekt Eklemek - [Ders]

Evet yine sürekli sorulan ve istek yapılan modifikasyonlardan birine daha imzamızı atıyoruz. Bu konudaki anlatım sayesinde, şuan da MC-TR genel bakış eklentisindeki gibi renkli + İkonlu bir genel bakışa sahip olacaksınız.


Sözü daha fazla uzatmadan 3 aşamada hemen MC-TR stil genel bakış modifiyesini uygulamaya geçelim..

Adım 1:
Admin paneli Temalar & Şablonlar Şablonlar Sekmesinden Genel şablonlara giriyorsunuz. (Resimdeki gibi..)



Not: Aşağıdaki vermiş olduğum kodları şablona yapıştırmadan önce mutlaka, not.txt içine kaydedip sonra şablona ekleyiniz, aksi halde kayma ve bozulmalar oluşabilir..

Adım 2:
Açılan şablon listesinden ilk önce index_overview_2_columns_row şablonundaki kodların tümünü silip aşağıdaki kodlarla değişiyoruz:

index_overview_2_columns_row Şablonu için değişmesi gereken kodlar:

Kod:

<tr class="{$trow}" style="background: none no-repeat scroll right bottom rgb(244, 244, 244); cursor: pointer;" onclick="window.location.href=''" onmouseover="this.style.background='#FFC0CB no-repeat bottom right'; this.style.cursor='pointer'" onmouseout="this.style.background='#f4f4f4 no-repeat bottom right';">
        <td valign="top"><div class="smalltext"><img src="images/son-mesaj.gif" alt="Son Mesaj" style="vertical-align: middle;" height="16" width="16" border="0" /> {$val1}</div></td>
        <td align="right" valign="top"><div class="smalltext">{$val2}</div></td>
        </tr>

Adım 3:
Daha sonra, yine aynı yerden index_overview_3_columns_row şablonundaki kodların tümünü silip aşağıdaki kodlar ile değiştiriyoruz.

index_overview_3_columns_row Şablonu için değişmesi gereken kodlar:

Kod:

<tr class="{$trow}" style="background: none no-repeat scroll right bottom rgb(244, 244, 244); cursor: pointer;" onclick="window.location.href=''" onmouseover="this.style.background='#D7FFBF no-repeat bottom right'; this.style.cursor='pointer'" onmouseout="this.style.background='#f4f4f4 no-repeat bottom right';">
        <td valign="top"><div class="smalltext"><img src="images/son-konu.png" alt="Son Konu" style="vertical-align: middle;" height="16" width="16" border="0" /> {$val1}</div></td>
        <td valign="top"><div class="smalltext">{$val2}</div></td>
        <td align="right" valign="top"><div class="smalltext">{$val3}</div></td>
        </tr>

Son olarak, ftp'den images klasörünün içine ek olarak vermiş olduğum son-mesaj.gif ve son-konu.png ikonlarını yüklüyorsunuz...


Sonuç Ekran Görüntüsü:

MC-TR Stil Modifiyeli İkonlu + Renkli Genel Bakış