www.cihansalim.net

  Hedef Gösterici!
  
Web sayfanıza fareyi kovalayan yazılar yerleştirmek
tıklayın, destekleyin:
son derece kolay. İmlecin peşinden göze hoş bir dalga efektiyle yol alan yazılar göze son derece hoş geliyor. Küçük boş bir sayfada örnek görmek için BURAYA tıklayabilirsiniz.

Öncelikle yeni bir sayfa açıp <head> ve de </head> komutları arasına aşağıdaki iki grup kodu yerleştirelim:
<style type="text/css">
<!--
.spanstyle {
position:absolute;
visibility:visible;
top:-50px;
font-size:15pt;
font-family:Verdana;
font-weight:bold;
color:#cc0000;
}
BODY {
width:100%;overflow-x:hidden;overflow-y:scroll;
}
-->
</style>
Yukardaki parametrelerle oynayarak yazının görünümünü değiştirebilirsiniz.

<script language="JavaScript1.2">
<!--
var x,y
var kern=20
var flag=0
var message="Yazı Buraya"
message=message.split("")
var xpos=new Array()
for (i=0;i<message.length;i++) {
xpos[i]=-50
}
var ypos=new Array()
for (i=0;i<message.length;i++) {
ypos[i]=-50
}
function handlerMM(e){
x = (e) ? e.pageX : document.body.scrollLeft+event.clientX
y = (e) ? e.pageY : document.body.scrollTop+event.clientY
flag=1
}
function makebanner() {
if (flag==1) {
for (i=message.length-1; i>=1; i--) {
xpos[i]=xpos[i-1]+kern
ypos[i]=ypos[i-1]
}
xpos[0]=x+kern
ypos[0]=y
for (i=0; i<message.length; i++) {
if (document.getElementById) {
var thisspan = document.getElementById("span"+i).style
} else {
var thisspan = eval((document.layers)?"document.span"+i:"span"+(i)+".style")
}
if (thisspan.posLeft) {
thisspan.posLeft=xpos[i]
thisspan.posTop=ypos[i]
}
if (!thisspan.posLeft) {
thisspan.left=xpos[i]
thisspan.top=ypos[i]
}
}
}
var timer=setTimeout("makebanner()",30)
}
window.onload=makebanner;
//-->
</script>
Burada altıncı satırdaki "Yazı Buraya" bölümüne fare imlecini kovalamasını istediğiniz mesajı yazın.

Son olarak <body> ile </body> arasına da şu kodları ekleyelim:
<script language="JavaScript1.2">
<!--
for (i=0;i<message.length;i++) {
document.write("<span id='span"+i+"' class='spanstyle'>")
document.write(message[i])
document.write("</span>")
}
if (document.layers){
document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
//-->
</script>

Fare kovalayıcı için yapılması gerekenler bunlar, artık sayfanın geri kalanını da hazırlayabiliriz...

 


- İngilizceniz varsa size önerdiğim belli başlı tasarım siteleri şunlar:

- Builder.com (CNET'in popüler bölümü)
- GlassDog (Bu oldukça profesyonel)
- About.com (bu site derin ama hedefe varmak için biraz dolaşmanız lazım)
- Tips&Tricks
- Web Monkey (Tripod'un desteğiyle gün geçtikçe genişliyor)
- Web Techniques (Aylık yenilenen bir dergi mantığında)

- Ve en önemlisi Web'in bir anlamda 'sorumlusu' olan World Wide Web Konsorsiyumu yani W3'e ulaşmak da www.w3.org. Burada bu dile yeni eklenenleri, varolanlar hakkında açıklama ve değişiklikleri öğrenebilirsiniz.