Herkese merhabalar arkadaşlar bu yazımızda sizlere siteniz için yağmur yağdırma kodlarını paylaşacağız.Umarız faydalı olur.
Bu kodlar sayesinde sitenize ücretsiz bir şekilde yağmur yağdırma efekti ekleyeceksiniz.Kodlar başka bir siteden çekilmemektedir.O yüzden seo açısından herhangi bir olumsuz etkisi bulunmamaktadır.Hemen kodlarımızı paylaşalım ardından ekran görüntümüze bakalım.
Öncelikle aşağıda verilen kodları sitenizde “<head> </head>” kodları arasına eklemeniz gerekiyor.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
<style> .drop { position: absolute; width: 3; filter: flipV(), flipH(); font-size: 40; color: blue } </style> <script language="javascript"> kar = false; karmmsrn = " * " yagmurmmsrn = " ' " kackere = 50 if(kar){mmsrn = karmmsrn; speed=1; angle=10; drops=kackere} else{mmsrn = yagmurmmsrn; speed=50; drops=kackere; angle=6} movex = -speed/angle; movey = speed; count = 0; function yagmuryagdirma(){ for(move = 0; move < drops; move++){ xx[move]+=movex; yy[move]+=mv[move]; hmm = Math.round(Math.random()*1); if(xx[move] < 0){xx[move] = maxx+10;} if(yy[move] > maxy){yy[move] = 10;} drop[move].left = xx[move] drop[move].top = yy[move]+document.body.scrollTop; }setTimeout('yagmuryagdirma()','1')} </script> |
Ardından aşağıdaki verdiğimiz kodu ise sitenizin “<body> </body>” kodları arasına eklemeniz gerekiyor.Aşağıdaki kodu da üstteki kodu nereye eklediyseniz oraya eklemeniz gerekiyor.Mesela wordpress kullananlar header.php dosyasında head’ların arasına üstteki kodu ve body’lerin arasına ise alttaki kodu eklemesi gerekmektedir.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<script> drop = new Array(); xx = new Array(); yy = new Array(); mv = new Array() ly = "document.all[\'"; st = "\'].style" for(make = 0; make < drops; make++){ document.write('<div id="drop'+make+'" class=drop>'+mmsrn+'</div>'); drop[make] = eval(ly+'drop'+make+st); maxx = document.body.clientWidth-40 maxy = document.body.clientHeight-40 xx[make] = Math.random()*maxx; yy[make] = -100-Math.random()*maxy; drop[make].left = xx[make] drop[make].top = yy[make] mv[make] = (Math.random()*5)+speed/4; drop[make].fontSize = (Math.random()*10)+20; if(kar){col = 'white'}else{col = 'blue'} drop[make].color = col; } window.onload=yagmuryagdirma </script> |
Kodların ekran görüntüsü ise bu şekildedir;
Kodlarda yer alan bazı yerlerde kendinize göre ayarlamalar yapabilirsiniz.Mesela aşağıda verdiğimiz kodlarda gördüğünüz gibi kackere=50 kısmını değiştirerek yağmurun hızlanmasını veya yavaşlamasını sağlayabilirsiniz.Yukarıdaki kodlarda mavi renkle belirttik.
karmmsrn = ” * ” ==> Karla karışık yağmur simgesini bu şekildedir.Bunu istediğiniz gibi değiştirebilirsiniz.
yagmurmmsrn = ” ‘ ” ==> Yağmur şekli bu şekildedir.Yine aynı şekilde istediğiniz karakter yapabilirsiniz.
kackere = 50 ==> Burada ise yağmurun yağış hızını ayarlayabilirsiniz.
Kodlar bu şekildedir.Umarız faydalı olur.Herkese iyi çalışmalar dileriz…
Bu Yazıya Tepkin Ne Oldu ?