Tıklanabilir Katmanlar

Zaman zaman tasarımlarımızda tıklanabilir katmanlara veya daha bilinen haliyle tıklanabilir kutulara ihtiyaç duyarız.Bunu gerçeklemenin birkaç yolu olsada sanırım en basiti csstricks.com‘un bize sunduğu yöntem;

<div onclick="location.href='AdresinizBuraya';" style="cursor: pointer;"></div>

Gördüğünüz gibi oldukça basit yöntem.Bunun yanında nispeten daha uzun olan jquery yönteminide size tavsiye ederim.Ana hatları ile aşağıda görüldüğü gibi bir yapı kullanılıyor.


HTML

<div id="tiklananKatman" rel="http://hakanersu.com"></div>

Jquery

$('#tiklananKatman').click(function(){
    document.location.href=$(this).attr('rel');
});

CSS

#tiklananKatman {
    cursor:pointer;
}

Bunun yanında askthecssguy size bu konuda yol gösterebilir.