Space İçin Kayan Yazı, Resim Yapma ve Marquee Kullanımı
Birşeyi kaydırmak için gerekli kodumuz
<marquee></marquee>
Örneğin frmtr yazısını kaydırmak için
<marquee>frmtr</marquee> deriz.
kod:
<html>
<head>
<title>Kayan Yazı-frmtr </title>
</head>
<body>
<marquee>frmtr </marquee>
</body>
</html>
Ama yazımız sağdan sola doğru kayıyor bunu istersek sağa sola çarptırabiliriz
bunun için behavior="alternate" kullanıcaz bu kodumuz sağa sola çarptırmak için gerekli olan kodumuzdur.
kod:
<html>
<head>
<title>Kayan Yazı-frmtr</title>
</head>
<body>
<marquee behavior="alternate">frmtr</marquee>
</body>
</html>
Eğer kırmızı bir şerit üzerinde kaymasını istiyorsak marquee'nin rengini değiştirebiliriz
bunun için bgColor="red" kodunu kullanabiliriz.
kod:
<html>
<head>
<title>Kayan Yazı-frmtr</title>
</head>
<body>
<marquee behavior="alternate" bgColor="red">frmtr</marquee>
</body>
</html>
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 çok sitede görmüşünüzdür duyurular bölümü diye
alttan üste doğru kayan yazılar bizde böyle birşey yapabiliriz. Ben bu durumda behavior="alternate" kodunu
silicem silmesekde calışır ama ben çarptırmak istemediğim için siliyorum.Şimdi kodumuzu yazalım
kod:
Kod:
<html>
<head>
<title>Kayan Yazı-frmtr</title>
</head>
<body>
<marquee direction="up" bgColor="red">frmtr</marquee>
</body>
</html>Şimdi burada dikkatimizi çeken bir olay var marquee alanı biraz geniş bunu küçültmemiz gerekmezmi
bunun için width="100" heigth="800" kodlarımızı kullanıyoruz burada width marquee'nin enini heigth ise
boyunun boyutunu belirler.
kod:
Kod:
<html>
<head>
<title>Kayan Yazı-frmtr</title>
</head>
<body>
<marquee direction="up" bgColor="red" width="100" heigth="800">frmtr</marquee>
</body>
</html>Şimdi Gelelim resim kaydırmaya aslında bununda yazıdan hiçbir farkı yoktur.
Şimdi bir kırmızı şerit üzerinde bir resmimizi kaydıralım
kod:
Kod:
<html>
<head>
<title>Kayan Yazı frmtr</title>
</head>
<body>
<marquee width="950" height="100" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html>Şimdi 3 tane resmi yan yana kaydıralım 3 tane resmimizi çağırıyoruz
kod:
Kod:
html>
<head>
<title>Kayan Yazı frmtr</title>
</head>
<body>
<marquee width="950" height="100" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html>Ben şimdi resimleri aşağıdan yukarı doğru kaydırmak istiyorum bunun içinde kayan yazıdaki gibi direction="up"
kodumu kullanıcam ama birazda heigth ide genişletcem
kod:
Kod:
<html>
<head>
<title>Kayan Yazı frmtr</title>
</head>
<body>
<marquee direction="up" width="800" height="400" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html>Ama Yukardaki kodumuz da resimler yan yana peki bunu alt alta nasıl yapabiliriz
bunuda resimlerin arasına <br> kodumuzu koyarak yapabiliriz <br> kodumuz enter görevini üstlenir burada
ve birazda marqueenin width boyutu ile oynucam
kod:
Kod:
<html>
<head>
<title>Kayan Yazı frmtr</title>
</head>
<body>
<marquee direction="up" width="100" height="400" bgcolor="red">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
<img src="1.jpg" width="100px" heigth="800px">
</marquee>
</body>
</html> > ALINTIDIR <
Blogtan HTML koduna tıklayıp direkt yapıştırın her düzenlemesini kendim yaptım çok güzel oldu sizde begeneceksinizdir.İlk Konumdur Yorumsuz Ve Emeğe Karşılıksız Bırakmayınız
Etiketler: Webmaster
0 Yorum:
Yorum Gönder
Kaydol: Kayıt Yorumları [Atom]
<< Ana Sayfa