MyBB Türkçe Destek Forumu

Tam Versiyon: MyBB Kayan Resimli Manşet [Kodlu]
Şu anda arşiv modunu görüntülemektesiniz. Tam versiyonu görüntülemek için buraya tıklayınız.
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!)

[Resim: GpNdNV.png]

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