Rollover Banner Yapımı

Web sitelerinde sıkça gördüğümüz rollover (açılır) bannerları nasıl yapabiliriz?

Web sitelerinde sıkça gördüğümüz rollover (açılır) bannerlar, normalde küçük olarak gözüken mouse ile üzerine geldiğimizde sayfanın üzerine açılan bannerlardır. Peki biz de sitemize nasıl rollover banner yapabiliriz?


1.Aşama

Flash programında bannerımızı tasarlıyoruz. Flash dokümanının boyutu bannerın açılmış boyutuna eşit olmalıdır. Rollover bannerlarda açılmış halin boyutu 468x220 dir. Flash programında 468x220 boyutunda bannerımızı tasarlıyoruz.



Flash dokümanın içerisinde ilk olarak 468x60 boyutu (bannerın kapalı hali) gözükmeli. Mouse ile üzerine geldiğimizde ise banner flashın tamamını kaplayacak şekilde olmalıdır.


2. Aşama

Rollover bannerımızı flash içerisinde tamamladıktan sonra banner.swf olarak export ediyoruz.


3. Aşama

Web sitemizde bannerın gözükmesini istediğimiz yere aşağıdaki kodu ekliyoruz.


<script language="JavaScript1.1" src="rollover.js"></script>



4. Aşama

Rollover bannerın aktif olması için gerekli javascript kodu kullandığımız sayfa ile aynı klasöre kopyalıyoruz.

Rollover bannarımız kullanıma hazır...
Ek dosyaları indirmek için tıklayın.
  • 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!

abi bi de sağ üst köşede üstüne gelince açılan var onu nasıl yapıyorlar yardımcı olursan sevinirim abi kolay gelsin
Birazcık yuzeysel olmus daha ayrıntılı bılgı verılebılır dı.
eline sağlık uzun süredir merak ettiğim bir konuydu iyi çalışmalar
Flash dokümanın içerisinde ilk olarak 468x60 boyutu (bannerın kapalı hali) gözükmeli. Mouse ile üzerine geldiğimizde ise banner flashın tamamını kaplayacak şekilde olmalıdır. şu kısımı daha ayrıntılı anlatır mısınz
Selamlar. Bu konu hakkında yaptığım araştırmalarda hep bu metinle karşılaşıyorum. Metni yazan kişiye uğraşı için teşekkür etmek gerekir fakat içerik olarak maalesef beklediğim bilgiyi edinemedim.

Yukarı Git