24-01-2007, 03:14 PM
|
 #1 (permalink)
|
|||||||||||||
|
Kayan Yazı, Resim Yapma ve Marquee Kullanımı
Birşeyi kaydırmak için gerekli kodumuz
<marquee></marquee> Örneğin Sanalkurs yazısını kaydırmak için <marquee>Sanalkurs</marquee> deriz. kod: Kod:
<html> <head> <title>Kayan Yazı-Sanalkurs</title> </head> <body> <marquee>Sanalkurs</marquee> </body> </html> örnek site: sanalkurs.sitemynet.com/k.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ı-Sanalkurs</title> </head> <body> <marquee behavior="alternate">Sanalkurs</marquee> </body> </html> örnek site : [Linkleri Sadece Üyelerimiz Görebilir... ] 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ı-Sanalkurs</title> </head> <body> <marquee behavior="alternate" bgColor="red">Sanalkurs</marquee> </body> </html> örnek site: [Linkleri Sadece Üyelerimiz Görebilir... ] 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ı-Sanalkurs</title> </head> <body> <marquee direction="up" bgColor="red">Sanalkurs</marquee> </body> </html> örnek site: [Linkleri Sadece Üyelerimiz Görebilir... ] Ş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ı-Sanalkurs</title> </head> <body> <marquee direction="up" bgColor="red" width="100" heigth="800">Sanalkurs</marquee> </body> </html> örnek site: [Linkleri Sadece Üyelerimiz Görebilir... ] Ş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ı Sanalkurs</title> </head> <body> <marquee width="950" height="100" bgcolor="red"> <img src="1.jpg" width="100px" heigth="800px"> </marquee> </body> </html> örnek site : [Linkleri Sadece Üyelerimiz Görebilir... ] Şimdi 3 tane resmi yan yana kaydıralım 3 tane resmimizi çağırıyoruz kod: Kod:
<html> <head> <title>Kayan Yazı Sanalkurs</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> örnek site: [Linkleri Sadece Üyelerimiz Görebilir... ] 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ı Sanalkurs</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> örnek site: [Linkleri Sadece Üyelerimiz Görebilir... ] 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ı Sanalkurs</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> örnek site: [Linkleri Sadece Üyelerimiz Görebilir... ] eğer resimlerin arasına boşluk olmasını istiyorsanız kodu ile koyabilirsiniz ne kadar çok koyarsanız o kadar boşluk olur. alıntıdır..! |
|||||||||||||
|
«
Önceki Konu
|
Sonraki Konu
»
| Konu Araçları | |
| Mod Seç | |
Düzenli Mod
|
|
|
||||
| Konu | Konuyu Başlatan | Forum | Yanıt | Son Mesaj |
| ProShow Gold 3.0+serial.. kendi filminizi kendiniz yaratın. | €urotash | Resimli Program Anlatımları | 30 | 10-05-2008 10:49 AM |
| artrage v2.05 ekranda resim yapma programı+serial | çiyager21 | Program Download | 1 | 23-01-2008 12:31 PM |
Forum saati Türkiye saatine göredir. GMT +2. Şuan saat: 03:40 AM .
(Türkiye için GMT +2 seçilmelidir.)
(Türkiye için GMT +2 seçilmelidir.)
