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