Target _Blank Linklere Farklı Stil
İnternet sayfalarının ana dili olan linkler bu sitelerin vazgeçilmezleridir. Ama bazen çok sıkıcı olabiliyorlar. Ard arda başka sayfalarda açılan linkler zaman kaybı yaratabiliyor.
Eğer bir link başka bir sayfada açılacaksa bunu Html’de target=”_blank” olarak kodlarız ve bu link tıklandığında sayfa yeni bir pencerede açılır. İşte bu tarz, yeni sayfada açılacak linklerin yanına, yeni sayfada açılacağına dair bir işaret koymamız veya farklı bir renk uygulamamız en doğrusu olur kullanıcı açısından. Kullanıcı açacağı sayfanın yeni sayfada açılacağını bilir ve ona göre açar.
Bunu yapabilmenin en kolay yolu CSS’ten geçer. Css dosyasımıza küçük bir ekleme bu işi hallediverir. Aşağıdaki kod parçasını özelleştirebilir veya linklere image atayabilirsiniz.
a[target] { background:blue; }a[target=_blank] { background:blue; }Bu kodun Internet Explorer ‘da çalıştırabilmek için de küçük bir script kodunu <head></head> takılarının arasına eklememiz gerekiyor.
<!--[if lt IE 7]>
<style type="text/css" media="screen">
a { background: expression((this.target) ?
'yellow' : 'none'); }
</style>
< ![endif]-->
Artık yeni sayfada açılacak linklerimiz, istediğimiz şekilde gösterilecektir.
thankıs