Sayfa Açılış Efekti

Hazırladığınız web sayfalarında istediğiniz açılış efektini kullanarak, sitenizin herhangi bir sayfası açılırken farklı bir etki yaratabilirsiniz...

Hazırladığınız web sayfasının açılış esnasında bir efekt ile ekrana gelmesini istiyorsanız sayfanızın kodlarını görüntüleyerek

... tagları arasına aşağıdaki kodu yazmanız yeterli!


<META HTTP-EQUIV="Page-Enter" 

CONTENT="RevealTrans (Duration=4, Transition=23)">



Bu kod bloğunun HTTP-EQUIV kısmında bulunan Page-Enter deyimi sayfa açılışında devreye girmesini belirlemektedir. CONTENT kısmındaki revealTrans(Duration=4, Transition=23) kısmındaki Duration değeri sayfa açıldıktan ne kadar süre sonra efektin uygulanacağını, Transition değeri ise nasıl bir geçiş olacağını belirler.

Sayfa geçişleri sırasında kullanabileceğiniz efektler ise aşağıdaki gibidir...

revealTrans(Duration=3,Transition=0)
Kenarlardan ortaya doğru kutu şeklinde açılış...

revealTrans(Duration=3,Transition=1)
Ortadan kenarlara doğru kutu şeklinde açılış...

revealTrans(Duration=3,Transition=2)
Kenarlardan ortaya daire şeklinde açılış...

revealTrans(Duration=3,Transition=3)
Ortadan kenarlara doğru daire şeklinde açılış...

revealTrans(Duration=3,Transition=4)
Alttan üste doğru açılış...

revealTrans(Duration=3,Transition=5)
Üstten alta doğru açılış...

revealTrans(Duration=3,Transition=6)
Soldan sağa doğru açılış...

revealTrans(Duration=3,Transition=7)
Sağdan sola doğru açılış...

revealTrans(Duration=3,Transition=8)
Dikey panjur şeklinde açılış...

revealTrans(Duration=3,Transition=9)
Yatay panjur şeklinde açılış...

revealTrans(Duration=3,Transition=10)
Soldan sağa dama tahtası şeklinde açılış...

revealTrans(Duration=3,Transition=11)
Yukarıdan aşağıya dama tahtası şeklinde açılış...

revealTrans(Duration=3,Transition=12)
Rastgele erime şeklinde açılış...

revealTrans(Duration=3,Transition=13)
Yatayda kenardan ortaya doğru açılış...

revealTrans(Duration=3,Transition=14)
Yatayda ortadan kenara doğru açılış...

revealTrans(Duration=3,Transition=15)
Dikeyde kenardan ortaya doğru açılış...

revealTrans(Duration=3,Transition=16)
Dikeyde ortadan kenara doğru açılış...

revealTrans(Duration=3,Transition=17)
Sağ üst köşeden sol alt köşeye doğru açılış...

revealTrans(Duration=3,Transition=18)
Sağ alt köşeden sol üst köşeye doğru açılış...

revealTrans(Duration=3,Transition=19)
Sol üst köşeden sağ alt köşeye doğru açılış...

revealTrans(Duration=3,Transition=20)
Sol alt köşeden sağ üst köşeye doğru açılış...

revealTrans(Duration=3,Transition=21)
Rastgele yatay çizgiler şeklinde açılış...

revealTrans(Duration=3,Transition=22)
Rastgele dikey çizgiler şeklinde açılış...

revealTrans(Duration=3,Transition=23)
Rastgele açılış...
  • Etiketler;
Hakan Çamoğlu
1983 İstanbul doğumludur. 1999 yılından bu yana web tasarımı/programlama üzerine çalışan Hakan Çamoğlu, halen 2004 yılında kurduğu ajansında işlerini sürdürmektedir. Aynı zamanda özel eğitim merkezlerinde web tasarımı konusunda eğitmenlik ve danışmanlık yapmaktadır. Vidobu.com kurucu ve ortağıdır. Flash, Dreamweaver ve Captivate konularında Adobe Certified Expert sertifikasına sahiptir. Vazgeçemediği hobileri ise fotoğraf çekmek ve gitar çalmaktır.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yauv bu efektler güzel fakat sayfaların geç açılmasına sebebiyet verebiliyor maalesef ve galiba bir tek internet explorer destekliyor... Ayrıca localhost'ta çok fazla kasma problemleri olmasa da internet üzerinden olabiliyor.
not defterinden kodları girdim ancak olmadı sebebi not defterimi başka nerede deneyebilirim
eline emeğine sağlık saolasın
ee ben head arasına yazdım olmuyor yaaa
güzelmiş yaa:kirp:
revealTrans(Duration=3,Transition=12) bunu kullanıyorum öneririm ders için teşekkürler
bi türlü olmuyor hocam :S
ya yaptım olmadıııı değişen bişey yokkk:agla::agla::-dusun::-dusun:
ARKADŞLAR SADECE EXPLORER'DA OLUYOR.
head arasına yazdım ama bi türlü olmuyor
guzel bi efekt teşekkürler fakat firefox da işlemiyo
taşekürler faydalı oldu:D:D:D:D:D:D
site konusunda yardım edilir [email protected]
cok saolun tam aradıgım seydı :D:D:kirp:
tesekküerler
tesekküerler
Teşekkürler.

Yukarı Git