Resim Üzerine Sosyal Paylaşım Butonu Ekleme


  • Anasayfa
  • Resim Üzerine Sosyal Paylaşım Butonu Ekleme

WordPress resim üzerine sosyal paylaşım butonları ekleme işi css kullanarak bu şekilde olabilir. fare ile üzerine gelince açılan sosyal paylaşım butonları…Kodlamalar umarım birilerinin işine yarar. single.php veya sitede hangi alana eklenecekse ilgili divler o alana eklenip sosyal paylaşım butonlarına da linkler verilebilir. Resim kodlaması burada tek bir resim için verilse de tüm resimler için kullanmak isteyenler kullanılan temadaki resim kodunu <div class=”frk”>…</div> arasına yazabilirler.
ilgili kodlamalar aşağıdaki gibi…

<div class="frk">
	<img src="http://www.farukozturk.com.tr/resimdeneme/resim/atam.jpg" alt="faruk öztürk kişisel site webmaster webtasarım" />
	<span><a href="http://www.facebook.com/sharer.php?u=http://www.farukozturk.com.tr/resimdeneme/resim/atam.jpg" title="faruk öztürk kişisel sitesi" target="blank"><img src="http://www.farukozturk.com.tr/resimdeneme/resim/facebook.png" alt="faruk öztürk kişisel site webmaster webtasarım" /></a></span>
</div>

css dosyası

body { font-family: Arial; margin: 0 auto; }
.frk {position:relative; width:200px; height:70px;}
.frk span {display:none; position:absolute; top:50%; left:20%; width:200px; height:70px; margin:-25px 0 0 -25px; }
.frk:hover span {display:block;}

ÖRNEK GÖRÜNÜM

  www
24 10 2013


Resim Üzerine Sosyal Paylaşım Butonu Ekleme Yazısı için Yorum Yapabilirsiniz

facebook twitter ffozturk rss feed

HAKKIMDA

Eskiden bir kağıt.. bir kalem.. bir de sigaram.. diye başlayan şiirlerim vardı. yalnızlığımın tek dostu gecelerde karalanmış cümleler ile anlatmaya çalışırdım kendimi… Bazen umut olurdu her kelimem bazen de koca bir YOK luk...

DEVAMINI OKU


Bu sitenin tasarımı, kodlaması ve bilimum içeriği kopyalanabilir.
Sorun tam da burada başlıyor... kalem, sigara ve gecenin karanlığı...
Film İzle, Online Film İzle, HD Film İzle