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;}
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