Tablo içi kayan yazı yapma kodu (CSS+HTML)

Arkadaşlar temanızın herhangi bir yerinde kayan yazı yapmak istiyorsunuz bunun kodları aslında 3 aşşağı 5 yukarı bellidir. Marquee kodu. Peki bu kodu daha kullanışlı hale nasıl getirebiliriz. Yani örneğin arka planında bir resim olsa sonra div yada table kodları arasında olsa ve ben bu şekilde sınırlayabilsem. Sonrasında arka plan (background) resim için sağ, sol, üst, alt boşluklarını kolayca verebilsem diyorsanız bu kodlar işinize yarayacak. Küçük bir css (styla) ufacık da html ile işlem tamamdır. Haydi lafı fazla uzatmadan kodlara bir göz atalım.

Kullanmanız gereken kodlar:

<style> 
.resim
{
background:url(resim-adresi.png) transparent no-repeat;
width:600px;
height:100px;
}
marquee
{
margin-top:40px;
margin-left:110px;
width:440px;
height:50px;
}
</style> 
<div class="resim"> 
<marquee>Bu yazı deneme yazısıdır</marquee> 
</div>

Yorum Yapın

Şüphesiz ki Allah tövbekar genci sever. (H.Ş.)