05.02.2012, Saat: 03:47
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.
Ayrıca daha önce nasıl resim/ikon ekleneceğini şuradaki konuda anlatmıştım..
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:
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:
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ış
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.
Ayrıca daha önce nasıl resim/ikon ekleneceğini şuradaki konuda anlatmıştım..
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ış
MyBB.Com.TR XpSerkan.Com FB.Com/XpSerkan
Google: +MyBBGrup FaceBook: #MyBBGrup Twitter: @MyBBGrup YouTube: ►MyBBGrup
MyBB Destek MyBB Tema MyBB Eklenti MyBB Seo
≧◔◡◔≦ I Love You MyBB (>‿♥)
Google: +MyBBGrup FaceBook: #MyBBGrup Twitter: @MyBBGrup YouTube: ►MyBBGrup
MyBB Destek MyBB Tema MyBB Eklenti MyBB Seo
≧◔◡◔≦ I Love You MyBB (>‿♥)