**$ERK@N** Admin
Mesaj Sayısı : 910 Yaş : 33 Nerden : Bursa Kayıt tarihi : 21/01/08
| Konu: Space İçin Kayan Yazı, Resim Yapma ve Marquee Kullanımı C.tesi Ocak 26, 2008 10:16 pm | |
| Birşeyi kaydırmak için gerekli kodumuz <marquee></marquee> Örneğin msnekstra yazısını kaydırmak için <marquee>msnekstra</marquee> deriz. kod:
- Kod:
-
<html> <head> <title>Kayan Yazı-msnekstra </title> </head> <body> <marquee>msnekstra </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:
- Kod:
-
<html> <head> <title>Kayan Yazı-msnekstra</title> </head> <body> <marquee behavior="alternate">msnekstra</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:
- Kod:
-
<html> <head> <title>Kayan Yazı-msnekstra</title> </head> <body> <marquee behavior="alternate" bgColor="red">msnekstra</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ı-msnekstra</title> </head> <body> <marquee direction="up" bgColor="red">msnekstra</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ı-msnekstra</title> </head> <body> <marquee direction="up" bgColor="red" width="100" heigth="800">msnekstra</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ı msnekstra</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ı msnekstra</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ı msnekstra</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ı msnekstra</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> Blogtan HTML koduna tıklayıp direkt yapıştırın | |
|