HTML'de Marquee Etiketinin Kullanımı?

HTML’de Marquee Etiketinin Kullanımı? Merhaba arkadaşlar, HTML dersi ile devam ederiz ve konumuz <marquee> etketini kullanarak resim ve ova kaydırma işlemleri. Bu html etiketi web sayfalarının bazılarında tercih edilmekte. Belki karşılaşmışsınızdır. Film indirme sitelerinde film afişleri kayan resim şeklindedir ya da blog sitelerine girdiğiniz süre kayan bir ova halinde hoşgeldiniz ile karşılaşırsınız. Bende bu dersimizde bunlara teker teker değineceğim kodlarını da yazacağım. Umarım yardımı dokunur…     Birşeyi kaydırmak için lüzumlu kodumuz: <marquee></marquee> şeklindedir. Örneğin; EmreSupcin yazısını kaydırmak için – <marquee>EmreSupcin</marquee> komutunu kullanırız. ..     KLASİK SAĞDAN SOLA KAYDIRMA   1 <html> 2 <head> üç <title>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee>EmreSupcin</marquee> 7 </body> 8 </html> YAZIYI SAĞA SOLA ÇARPTIRMAK   Ama yazımız sağdan sola doğru kayıyor. Bunu istersek sağa sola çarptırabiliriz. Bunun için behavior=”alternate” kullanacağız. Bu kodumuz sağa sola çarptırmak için lüzumlu olan koddur.     1 <html> 2 <head> üç <titl>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee behavior=”alternate”>EmreSupcin</marquee> 7 </body> 8 </html> RENKLİ BİR ŞERİT ÜZERİNDE KAYDIRMA   Eğer al bir şerit üstünde kaymasını istiyorsak marquee’nin rengini değiştirebiliriz. Bunun için bgColor=”red” kodunu kullanabiliriz.     1 <html> 2 <head> üç <title>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee behavior=”alternate” bgColor=”red”>ES</marquee> 7 </body> 8 </html> AŞAĞIDAN YUKARI KAYDIRMAK   Yazımızı alttan üste doğru çıkartmak istiorsak direction=”up” kodunu kullanırız. Eğer üstten alta doğru kaydırmak istiyorsak direction=”down” deriz. Ama bir aşırı sitede görmüşünüzdür; duyurular kısmı diye alttan üste doğru kayan yazılar vardır. Biz de böyle birşey yapabiliriz. Ben bu halde behavior=”alternate” kodunu sileceğim. Silmesek de calışır ama ben çarptırmak istemediğim için siliyorum. Şimdi kodumuzu yazalım:     1 <html> 2 <head> üç <title>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee direction=”up” bgColor=”red”>EmreSupcin</marquee> 7 </body> 8 </html> Şimdi burada dikkatimizi çeken bir hadise var: Marquee sektörü biraz geniş, bunu küçültmemiz gerekmez mi? Bunun için width=”100″ heigth=”800″ kodlarımızı kullanıyoruz. Burada width marquee’nin enini heigth ise boyunun boyutunu belirler.     1 <html> 2 <head> üç <title>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee direction=”up” bgColor=”red” width=”100” heigth=”800”>ES</marquee> 7 </body> 8 </html> BİR RESMİ KAYDIRMAK   Şimdi Gelelim resim kaydırmaya gerçekte bununda yazıdan hiç bir farkı yoktur. Şimdi bir al şerit üstünde bir resmimizi kaydıralım…     1 <html> 2 <head> üç <title>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee width=”950” height=”100” bgcolor=”red”> 7 <img src=”es1.jpg” width=”100px” heigth=”800px”> 8 </marquee> 9 </body> on </html> ÇOKLU RESİM KAYDIRMAK   Şimdi üç tane resmi yan yana kaydıralım. üç tane resmimizi çağırıyoruz     1 <html> 2 <head> üç <title>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee width=”950” height=”100” bgcolor=”red”> 7 <img src=”es1.jpg” width=”100px” heigth=”800px”> 8 <img src=”es2.jpg” width=”100px” heigth=”800px”> 9 <img src=”es3.jpg” width=”100px” heigth=”800px”> on </marquee> 11 </body> 12 </html> RESİMLERİ AŞAĞIDAN YUKARI KAYDIRMAK   Ben şimdi resimleri aşağıdan yukarı doğru kaydırmak istiyorum. Bunun için de kayan yazıdaki benzeri direction=”up” kodumu kullanacağım, ama biraz da heigth değerini genişleteceğim.     1 <html> 2 <head> üç <title>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee direction=”up” width=”800” height=”400” bgcolor=”red”> 7 <img src=”es1.jpg” width=”100px” heigth=”800px”> 8 <img src=”es2.jpg” width=”100px” heigth=”800px”> 9 <img src=”es3.jpg” width=”100px” heigth=”800px”> on </marquee> 11 </body> 12 </html> Ama yukardaki kodumuzda resimler yan yana. Peki bunu alt alta nasıl yapabiliriz? Bunu da resimlerin arasına <br> kodumuzu koyarak yapabiliriz. <br> kodumuz enter vazifesini üstlenir burada ve biraz da marquee’nin width boyutu ile oynayacağım.     1 <html> 2 <head> üç <title>Kayan Yazı - EmreSupcin</title> 4 </head> 5 <body> altı <marquee direction=”up” width=”100” height=”400” bgcolor=”red”> 7 <img src=”es1.jpg” width=”100px” heigth=”800px”> 8 <img src=”es2.jpg” width=”100px” heigth=”800px”> 9 <img src=”es3.jpg” width=”100px” heigth=”800px”> on </marquee> 11 </body> 12 </html> Eğer resimlerin arasına boşluk olmasını istiyorsanız &nbsp; kodu ile koyabilirsiniz. Ne kadar çok fazla &nbsp; koyarsanız o kadar boşluk olur.


Yapılan Yorumlar
Erdem OFLAZ

Bir mum, diğer mumu tutuşturmakla ışığından bir şey kaybetmez.
 Kategoriler
 Popüler yazılar