Flash'ta Facebook Beğen Butonu Eklemek

Flash'ta Facebook Beğen Butonu Eklemek

Bu derste bir Flash dosyasına Facebook Beğen butonu eklemeyi öğreneceksiniz.

Bu derste bir Flash dosyasına Facebook Beğen butonu eklemeyi öğreneceksiniz. Doğrusunu isterseniz bir Facebook Beğen butonunu direk olarak bir flash dosyasına eklemeniz neredeyse imkansızdır. Ancak bu derste iki ayrı CSS div ile aynı sonucu alabileceğimiz bir çalışma yapacağız. İlk DIV layer'ı Flash dosyasını içeriyor, diğer DIV ise Facebook Beğen butonunu kapsıyor. Sonrasında z-index ve yerleşimini CSS ile kullanarak ikinci DIV'in ilkinin en üstünde konumlanmasını sağlıyarak problemi çözüyoruz.

CANLI ÖRNEĞİ GÖRMEK İÇİN TIKLAYIN.

Yaptığımız bir örneğin görüntüsü şu şekilde:

Kodlar:

<!--Hepsini kapsayan div oluşturuluyor. -->
<div style="width:589px; height:165px; position:relative;">

	<!-- Flash dosyası ekleniyor -->
	<div style="position:absolute; z-index:1;">
	<embed src="sanalkurs.swf" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" quality="high" allowscriptaccess="always" wmode="transparent" align="middle" width="589" height="165"></embed>
	</div>
	<!-- Flash dosyası div sonu-->
	
	<!-- Facebook Beğen Butonu ekleniyor -->
	<div style="position:relative; top:8px; left:8px; z-index:2;">
	<script src="http://connect.facebook.net/tr_TR/all.js#xfbml=1"></script><fb:like href="http://www.facebook.com/sanalkursnet" show_faces="false" width="500"></fb:like>
	</div>
	<!-- Facebook Beğen Butonu div sonu -->

</div>
<!--Hepsini kapsayan div sonu -->

NELER YAPTIK?

  • Flash dosyasının z-index değerine 1 verdik, position absolute yaptık ve sabitledik.
  • Beğen butonu için z-index değerini ise 2 yaptık ve gerekli boşlukları vererek en üste almış olduk.
  • Div'lere class ismi vererek ayrı ayrı da yapabilirdik, ama hepsini bir arada görmeniz için bu şekilde sanırım daha anlaşılır olacaktır.
  • Kendi çalışmanıza uygulayacağınız zaman flash dosyasına ait boyutları değiştirmeyi unutmayın. Kolay gelsin.

Bu dersin hazırlanmasında burdan yararlandık.

Siraceddin El
1999 yılından bu yana web tasarımcı olarak yurt içinde ve yurt dışında sayısız projede yer aldı. 2002 yılında Sanalkurs.net'i kuran ekiptendir. Etkinlik.com.tr'nin de kurucularındandır. Girişimci, tasarımcı ve eğitmen olarak çalışmalarını sürdürmektedir.
Yorum Yaz

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

bu soruyu burada soruyorum çünkü yerinde net cevap lamıyorum e dergi yapma konusunda bir ders hazırlayacak mısınız?

Yukarı Git