Ana Sayfa   -   Forum   -   Dersler   -   Dosyalar   -   Kaynak Siteler   -   E - Kitaplar   -   Etiketler
Yukarı Aşağı, Sağa Sola Kayan Resimler
Ana Sayfa / Makaleler / Html | 2 Yorum | 5392 Okuma
Gönderen: altayalp | Tarih: 22 Kasım 2005
Selam ile arkadaşlar. Web sayfası yapmayı az çok biliyorsunuz yada diğer dersleri okursanız bir şeyler öğrenebilirsiniz. Madem sayfa tasarımını yapabiliyorsunuz biraz da sayfalarınıza renk katın. Kayan yazı eklemeyi bir dersimizde öğrenmiştiniz. Kayan yazılarımızı


KOD:
<marquee>kayan yazı</marquee>


Şeklinde ekliyorduk. Yazılarımızın ne yöne kayacağını da


KOD:
direction=""


parametresiyle belirliyorduk. Bunları hem hatırlamanız için hem de aynı yöntemi kullanacağımız için yazdım. Bu arada sayfalara resim eklemeyi de biliyorsunuz
değil mi? Bilmiyorsanız resimlerle çalışmak konulu makaleyi okumanızı öneririm.
Hemen örnek bir kod veriyim ve konuyu pekiştirelim.


KOD:
<marquee>
<img src="4.gif">
<img src="3.gif">
<img src="2.gif">
<img src="1.gif">
</marquee>


Kodlarda gördüğünüz gibi kayan yazı eklerken kullandığımız yöntemi kullandık. Tek fark kayan yazının olduğu kısma resim kodunu girmiş olmamız. Bu kodla resimlerimiz sağdan sola doğru kayarlar. Eğer soldan sağa kaymalarını istersek;


KOD:
<marquee direction="right">
<img src="4.gif">
<img src="3.gif">
<img src="2.gif">
<img src="1.gif">
</marquee>


Şeklinde direction parametresini eklememiz gerekir. Yukarıya kayan resimler yapalım;


KOD:
<marquee direction="up">
<img src="4.gif">
<img src="3.gif">
<img src="2.gif">
<img src="1.gif">
</marquee>


Evet resimlerimiz yukarı doğru kayıyor fakat hepsi yan yana. Hemen onları alt alta sıralayalım. Bunun için de


KOD:
<br>


kodundan yararlanacağız.


KOD:
<marquee direction="up">
<img src="4.gif"><br>
<img src="3.gif"><br>
<img src="2.gif"><br>
<img src="1.gif"><br>
</marquee>


Aşağı kayan resimler için de;


KOD:
<marquee direction="down">
<img src="4.gif"><br>
<img src="3.gif"><br>
<img src="2.gif"><br>
<img src="1.gif"><br>
</marquee>


Kodunu kullanırız. İşte bu kadar. Hepsi bildiğimiz komutlar. Sadece bunları bir araya getirdik.
Çalışan örneği görmek için tıklayın
Herhangi bir sorunuz yada sorununuz olursa forumumuza yazabilirsiniz.
[ Makaleyi İndir ] [ Yazıcı Görüntüsü ] [ Tavsiye Et ] [ Takibe Al ] [ Yorum Ekle ]
Bu sayfayı Paylaşın : del.icio.us | Furl | Digg | Technorati | Reddit | Google Bookmarks | Simpy
 
● Toplam 2 Yorum Yapılmış
onMouseOver ile | altayalp | 08 Mart 2008 Cumartesi
@syndata marquee etiketine


KOD:

onMouseOver="this.stop();" onMouseOut="this.start();"

eklersen üzerine geldiğin zaman durur. Gidince de tekrar çalışır
otomatik dursun | syndata | 08 Mart 2008 Cumartesi
bir ara forumda vardı. üstüne gelince duruyordu. o nasıl olacak. üstüne gelince otomatik dursun.

Makale Yazarı
Kullanıcı Adı: altayalp
Diğer Makaleleri ( 100 )
22 Kasım 2005
Bu Kategoriye Yeni Makale Ekle

Üye Alanı
Toplam Üye: 2577
Üye Adı:
Şifre:
Yükleniyor
İşlem Yapılıyor Lütfen Bekleyin...
Şifremi Unuttum
Üye Olmak İçin Tıklayın
Çevrimiçi: 1 Ziyaretçi, 0 Üye Toplam 1 Kişi Bulunmakta

Dersler

Aklınıza Takılan Herhangi Bir Sorun Mu Var? Forumlarımızdan Yardım İsteyebilirsiniz...

Dersler.Org altyapı olarak kendi kodladığımız Enderûn İçerik Yönetim Sistemini kullanmaktadır.

Tüm AYYILDIZ sevdalılarına, Aziz ŞEHİTLERE, VATAN kutsaldır diyen yiğitlere ithaf olunmuştur.
© altayalp 2007 Her Hakkı Saklıdır
İzinsiz kullanılamaz. Enderûn İçerik Yönetim Sistemi
Ubuntu, Linux
Çalmak, Çırpmak Haliyle Yasaktır
ve maalesef en iyi internet explorer ile izlenir
eXTReMe Tracker