Beşiktaş Haber Portalı

Bazı sitelerde görürüz, var olan bağlantıların üzerine gittiğimizde açılacak olan sitenin küçük bir resmi gösterilir. İşte bunu ufak bir javascript ve css ile halledebiliriz. İlk olarak sayfanın en altında bulunan download butonuna tıklayarak gerekli dosyaları indirin. Bu .rar içerisinde iki adet dosya çıkacak. Biri javascript dosyası biri de image…

Şimdi ilk olarak javascript dosyamızı sitemizde head kodları arasına şu kodla ekleyelim (Not: Dosyalar sitenizin ana dizininde olduğu düşünülerek dosya yolu belirtilmiştir. Eğer başka bir dizine koyarsanız o yolu değiştirmeyi unutmayın.):

1

<script language="JavaScript" type="Text/JavaScript" src=" arc90_linkthumb.js"></script>

Şimdi de css kodlarımız arasına şu kodu da ekleyelim:

1
2
3
4
5

.arc90_linkpic { display: none; position: absolute; left: 0; top: 1.5em; } 
.arc90_linkpicIMG {
 padding: 0 4px 4px 0; 
background: #FFF url(linkpic_shadow.gif) no-repeat bottom right;
 }