Kayan Resimler Şablonu Kodları

Çoğu oyun sitelerinde gördüğümüz “Sizin İçin Seçtiklerimiz” şeklinde de karşımıza çıkan kayan resim şablonunun kodlarını burada bulabilirsiniz.

<div class=”duyuru”>
<center><strong><i class=”fa fa-bullhorn” aria-hidden=”true”></i> İLGİNİZİ ÇEKEBİLECEK OYUNLAR <a href=”#”></a></strong></center>
</div>
<marquee behavior=”alternate”>
<a href=”BURAYA-LİNKİ-VERİN”><img src=”BURAYA-RESMİ-VERİN” width=”151″ height=”171″ border=”0″ alt=””></a>
&nbsp;&nbsp;&nbsp;

</marquee>

Yukarıdaki kodları sitenizde koyacağınız yere yapıştırın. Şimdi ise bunun css kodlarına yani tasarımına gelelim.

.duyuru {
background: #1abc9c;
color: #ecf0f1;
border-bottom-right-radius: 35px;
border-top-right-radius: 35px;
height: 35px;
border: 2px solid #16a085;
line-height: 35px;
font-size: 14px;
transition: 0.6s;
}

Yukarıdaki kodları sitenizin css kodlarına ekleyin. Renkleri değiştirerek istediğiniz şekilde kişiselleştirebilirsiniz.

Örnek bir resim aşağıdakidir.

untitled

 

Yazar: admin

Melomanya.com Kurucusu. 2013 yılında Melomanya.com'u kurdum. Site isminin anlamı Müziksever'dir. Başlangıçta müziksever olarak devam etsek de birçok kez silinip tekrar yüklenmiştir. Bunun sonucunda 2016 yılında sabit blog olarak devam ettik. Bir süre sonra yenilikler ile yeni blogu kurduk. Eski bloga hala duruyor. İsteyen gidebilir. 2017 yılından beri aktif olarak devam etmekteyiz. İlgi Alanlarım : Oyunlar, kitaplar, filmler, müzikler, kodlama, yazılım, teknoloji...