Sanırım bugun kendimi aştım :)
Gün içerisinde, sürekli oalrak fare imlecinini takip eden bir kayan yazı kutucuğu eklemiştim.
Bunun üzerine gelen bir istek
1- Aynısının resimlisi de olsun du (Ekledik
)
2- Sadece Link Üzerine gelince kayan yazı çıksın dı (Oda burda:) )
----------------------------------------------------------------------------
Özellik :
- Link veya içerik üzerine gelindiğinde fare imlecinin hemen yanında kayan yazı beliriyor.
Kullanım :
Adım 1 : Arkadaşlar ilk önce
Link Kodu bölmesinde bulunan kodu <body> tagları içine yerleştirin.
Adım 2:
"showtip2(this,event,'Siteye girmek için tıklayın')" Link kodu içerisinde bulunan bu alanı kendinize göre değiştirin bu yazı: Link üzerine geldiginde çıkacak olan mesajdır.
Adım 3 :
Photoshop Uzmanı - Türkiyenin Photoshop Portalı - Anasayfa yazan yerdeki url yi kendinize göre değiştirin.
(Not : burada http : // www. siteadi. com şeklinde bi adres var ama forumda görünmüyor.)
Adım 4 :
Photoshopuzmani.Com Aynı kod içerisindeki bu alanıda yine kendinize göre değiştirin bu alanda yazacagınız yazı veya içerik link in görünen kısmı olacak?
Adım 5 : Yine <body> tagları içine (yani link kodunun hemen altına)
Script : kodunu yapıştırın.
Adım 6 : burda ise
Özelleştirme : diye adlandırdıgım kodu yine <body> tagları içine (yani script kodunun hemen altına) yapıştırın. Link Kodu : Script : Code:
<script type="text/javascript">
/***********************************************
* Scrolling Tooltip Script- © ERDOGANCAKAR
* Link üzerine gelindiğinde kayan yazı
* cakarcy@hotmail.com
* Photoshopuzmani.com Üyeleri
***********************************************/
function ietruebody(){ //Photoshopuzmani.com / cakarcy@hotmail.com
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}
if (!document.layers&&!document.all)
event="test"
function showtip2(current,e,text){
if (document.all&&document.readyState=="complete"){
document.all.tooltip2.innerHTML='<marquee style="border:1px solid black">'+text+'</marquee>'
document.all.tooltip2.style.pixelLeft=event.clientX+ietruebody().scrollLeft+10
document.all.tooltip2.style.pixelTop=event.clientY+ietruebody().scrollTop+10
document.all.tooltip2.style.visibility="visible"
}
else if (document.layers){
document.tooltip2.document.nstip.document.write('<b>'+text+'</b>')
document.tooltip2.document.nstip.document.close()
document.tooltip2.document.nstip.left=0
currentscroll=setInterval("scrolltip()",100)
document.tooltip2.left=e.pageX+10
document.tooltip2.top=e.pageY+10
document.tooltip2.visibility="show"
}
}
function hidetip2(){
if (document.all)
document.all.tooltip2.style.visibility="hidden"
else if (document.layers){
clearInterval(currentscroll)
document.tooltip2.visibility="hidden"
}
}
function scrolltip(){
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)
document.tooltip2.document.nstip.left-=5
else
document.tooltip2.document.nstip.left=150
}
</script> Özelleştirme : Code:
<div id="tooltip2" style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:white">
<layer name="nstip" width=1000px bgColor="white"></layer>
</div>
Not : Bunu birden fazla linke uygulamak için sadece
LİNK KODU nu kopyalayın.. (Kod un tamamını değil yani :) )
Elimden geldğince detaylı ve en Kolay şekilde anlatmaya çalıştım. Umarım faydası olur
Kolay gelsin...
Ve
Son olarak özel isteklerde bulunmayın arkadaşlar.
Bu ricamı hepinizin anlayışla karşılayacağından eminim.
Web tasarımını ticari amaçla yapan bir tasarımcıyım ve bana ait kodların tamamını burda paylaşırsam, iyi olmaz sanırım.
Ama elimden geldiğince nette gezen saçma scriptler yerine daha kalitelilerini paylaşacağım.Yani burdaki ayrıcalığı fark edeceksiniz
[Alıntı yapılabilir . Author bilgilerini değiştirmeyin]