Menü ve Reklam Alanı
Sayfayı Paylaş

THB - Ücretsiz Hizmetler

linklerbilgikutucugu

Linklere Bilgi Kutucuğu Ekleme

 Çoğu adreste görmüşüzdür, herhangi bir linkin üzerine fare imlecini getirdiğimizde hareketli bir bilgi kutucuğu çıkmakta ve şimdi bunu bizde sitemize ekleyebileceğiz.

Gerekli Resimler:


Önizleme:

Bedava-Sitem
Bu katman 620px genişliğinde bu yazı kadar yüksektir.

CSS kodu:
#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

Script kodu:


Notlar:
//Bu kodları linklerde kullanabileceğiniz gibi katmanlarda da kullanabilirsiniz.
//Örnekler ve düzenleyeceğiniz kodlar için aşağıyı inceleyin.
//Kodun içerisinde noktalama işareti kullanmayın.

Son olarak linklerinize veya katmanlarınıza aşağıdaki komutları eklediğiniz takdirde bilgi kutucuğu görünecektir.
onMouseover="ddrivetip('THB Ücretsiz Hizmetler', 300)"; //Bilgi kutucuğunda görünecekler, arkaplan rengi ve genişliği
onMouseout="hideddrivetip()" //imleci çektiğinizde kutucuğun kaybolması için

Örnek kodlar:
<a href="http://www.bedava-sitem.com" onMouseover="ddrivetip('Ziyaret et')" onMouseout="hideddrivetip()">Bedava-Sitem</a>
<DIV onMouseover="ddrivetip('Bu katman bilgi kutucuğuna sahip', '#EFEFEF')";    onMouseout="hideddrivetip()">Bu katman 620px genişliğinde bu yazı kadar yüksektir.</div>
Bugün 19 ziyaretçi (42 klik) sitemizi ziyaret etti.

Copyright 2012. THB. Tüm hakları saklıdır. Tasarımlayan: Oğuzhan Acımaz.
Bu web sitesi ücretsiz olarak Bedava-Sitem.com ile oluşturulmuştur. Siz de kendi web sitenizi kurmak ister misiniz?
Ücretsiz kaydol