Wordpress'te Resim Üzerine Birden Fazla Link Verme

10-11-2013, 14:10:52

Bir resmin üzerine farklı noktalarda link vermek istiyorum. Bunu wordpress'te yapabilmem için bir eklenti biliyormusunuz ? Yada kodlaması nasıl olmalı ? Yardımcı olabilecek arkadaşların ilgilenmesini rica ediyorum.

10-11-2013, 14:15:48

#2

boy

Kimlik doğrulama veya yönetimden onay bekliyor.

Image map sistemi kullanarak yapabilirsin. yalnız günümüz kodlamasına uygunluğu hakkında pek bilgim yok ama eskilerden hatırladığım vasat bir kodlamadır tavsiye etmem. uygulamak istediğin işlem tek resim ile alakalı ise parçalara bölüm ayrı ayrı link vermen daha mantıklı.

10-11-2013, 14:32:25

#3

~~kungfuwp~~

Üyeliği durduruldu

<style type="text/css">
.resim img{ position:absolute; z-index:0;}
.resim .link_bir { position:absolute; z-index:1; margin-top:5px;}
.resim .link_iki {position:absolute; z-index:1; margin-top:15px;}
.resim .link_uc {position:absolute; z-index:1; margin-top:25px;}
</style>
<div class="resim">
	<img src="http://img1.loadtr.com/b-194472-ilgin%C3%A7_resim.jpg" width="200" height="200" />
    <a class="link_bir">1 Link</a>
    <a class="link_iki">2 Link</a>
    <a class="link_uc">3 Link</a>
</div>

İşinize yararsa r10+ Butonuna tıklarsanız sevinirim.

10-11-2013, 15:42:10

#4

CZO

kungfuwp adlı üyeden alıntı: mesajı görüntüle

<style type="text/css">
.resim img{ position:absolute; z-index:0;}
.resim .link_bir { position:absolute; z-index:1; margin-top:5px;}
.resim .link_iki {position:absolute; z-index:1; margin-top:15px;}
.resim .link_uc {position:absolute; z-index:1; margin-top:25px;}
</style>
<div class="resim">
	<img src="http://img1.loadtr.com/b-194472-ilgin%C3%A7_resim.jpg" width="200" height="200" />
    <a class="link_bir">1 Link</a>
    <a class="link_iki">2 Link</a>
    <a class="link_uc">3 Link</a>
</div>

İşinize yararsa r10+ Butonuna tıklarsanız sevinirim.

Çok teşekküerler hocam

11-11-2013, 18:22:46

#5

OzgurX

çözüm bulunmuş ancak bende şöyle yardımcı bir link vereyim bulunsun.
http://www.image-maps.com/