Ana Sayfa www 24 Ekim 2013 1285 Görüntüleme

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

Yorumlar

Yorumlar (Yorum Yapılmamış)

Yazı hakkında görüşlerinizi belirtmek istermisiniz?

Dikkat! Suç teşkil edecek, yasadışı, tehditkar, rahatsız edici, hakaret ve küfür içeren, aşağılayıcı, küçük düşürücü, kaba, pornografik, ahlaka aykırı, kişilik haklarına zarar verici ya da benzeri niteliklerde içeriklerden doğan her türlü mali, hukuki, cezai, idari sorumluluk içeriği gönderen Üye/Üyeler’e aittir.

ÖzTürkTASARIM