Forumunuzda "Kayan Resimli Manşet" eklentisini kurmadan kod ile Kayan Resimli Manşet yapabilirsiniz. Resmin üstüne geldiğinizde tüm resimler durur ve seçili resim belirginleşir. (Resim Sınırı Yok!)-
-
Aşağıdaki kodu manşetin nerede çıkmasını istiyorsanız o şablona yapıştırın ve kaydedin. [Index ya da Header şablonları]-
-Kod:--
Aşağıdaki kodu ise "global.css" en altına ekleyin ve kaydedin.-
-Kod:--
Aşağıdaki kodu manşetin nerede çıkmasını istiyorsanız o şablona yapıştırın ve kaydedin. [Index ya da Header şablonları]-
-Kod:--
Kod:
<div class="hovergallery">
<marquee onmouseover="this.stop()" onmouseout="this.start()">
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
<a target="_blank" href="http://www.SiteAdresi.com"><img src="Resim Yolu" height="200" alt="Image"></a>
</marquee>
</div>Aşağıdaki kodu ise "global.css" en altına ekleyin ve kaydedin.-
-Kod:--
Kod:
.hovergallery img{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-o-transform:scale(1.0);-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;opacity:.7;margin:10px 5px}
.hovergallery img:hover{-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);box-shadow:0 0 10px gray;-webkit-box-shadow:0 0 10px gray;-moz-box-shadow:0 0 10px gray;opacity:1}