Hoşgeldin Ziyaretçi



Konuyu Oyla:
  • Toplam: 0 Oy - Ortalama: 0
  • 1
  • 2
  • 3
  • 4
  • 5
MCTR Stil Modifiyeli İkonlu + Renkli Genel Bakış Yapımı
#1
Bu konudaki anlatım sayesinde, şuan da MC-TR genel bakış eklentisindeki gibi renkli + ikonlu 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..

Admin KP >> Şablon & Stil >> Şablonlar >> Genel şablonlara giriyorsunuz. 

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..

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 ;


Kod:
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="http://i.hizliresim.com/N4GJ1k.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>




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 ;


Kod:
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="http://i.hizliresim.com/kg0RWv.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>


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

86394437317491540668.png
Cevapla
Teşekkür verenler: ...
#2
Teşekkürler
Cevapla
Teşekkür verenler: ...


Hızlı Menü:


Şu anda bu konuyu okuyanlar: 4 Ziyaretçi


10tl.net Destek Forumu -

Online Shopping App
Online Shopping - E-Commerce Platform
Online Shopping - E-Commerce Platform
Feinunze Schmuck Jewelery Online Shopping