1.Alt-çizgisiz linkler
Sayfalarınızda sadece üzerine gittiğiniz zamanlarda alti çizili hale gelen linkler için sayfanızın <HEAD> .....</HEAD> komutları arasına yazmanız gereken kodları aşağıda bulabilirsiniz.
<style type="text/css">
<!--
A {
font-size : 2;
font-family : Verdana, Arial, Helvetica;
color : Red;
text-decoration : none;
}
A:Visited {
font-size : 2;
font-family : Verdana, Arial, Helvetica;
color : Navy;
text-decoration : none;
}
A:Active {
font-size : 2;
font-family : Verdana, Arial, Helvetica;
color : Red;
text-decoration : none;
}
A:Hover {
font-size : 2;
font-family : Verdana, Arial, Helvetica;
color : Red;
text-decoration : underline;
}
-->
</style>
2.Arkaplan'a fade efekti
Sayfanızın açılışına "Fade" efekti vermek isterseniz ilgili kodlar aşağıda. Bu kodları sayfanın <head>.....</head> takıları arasına yazmanız gerekiyor.
<SCRIPT>
<!--
/*Background fade by Dave Methvin,
Windows Magazine
May be used/modified if credit line is
retained*/
function BgFade(red1, grn1, blu1, red2,
grn2, blu2, steps) {
sred = red1; sgrn = grn1; sblu = blu1;
ered = red2; egrn = grn2; eblu = blu2;
inc = steps;
step = 0;
RunFader();
}
function RunFader() {
var epct = step/inc;
var spct = 1 - epct;
document.bgColor =
Math.floor(sred * spct + ered *
epct)*256*256 +
Math.floor(sgrn * spct + egrn * epct)*256 +
Math.floor(sblu * spct + eblu * epct);
if ( step < inc ) {
setTimeout('RunFader()',50);
}
step++;
}
BgFade(0x00,0x00,0x00, 0xFF,0xFF,0xFF,10);
//-->
</SCRIPT>
3.Link açıklamasını status bar'da görüntüleme
Verdığıniz link'le ilgili açıklamayı status barda görüntülemek için aşağıdaki script'i kullanabilirsiniz.
a href="
http://www.bedavamaster.com" onMouseover="window.status='BedavaMaster Kaynak Arsivi ';return true" onMouseout="window.status='">BedavaMaster[/url]
a href="
http://www.bedavamaster.com" onMouseover="window.status='BedavaMaster Kaynak Arsivi ';return true" onMouseout="window.status='">BedavaMaster[/url]
meta http-equiv="refresh"
content="1; URL=http://www.bedavamaster.com">
4.Rastgele yazı görüntüleme
Sayfanızda her gün ayrı bir başlık yada her gün ayrı bir ipucu yayınlamak isteyebilirsiniz. işte bunun için gerekli script'i aşağıda bulabilirsiniz.
<CENTER>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
var a = Math.random() + ""
var rand1 = a.charAt(5)
quotes = new Array
quotes[1] = "1. yazi"
quotes[2] = "2. yazi"
quotes[3] = "3. yazi"
quotes[4] = "4. yazi"
quotes[5] = "5. yazi"
quotes[6] = "6. yazi"
quotes[7] = "7. yazi"
// quotes from
www.tmbg.comvar quote = quotes[rand1]
document.write(quote);
// End -->
</SCRIPT>
</CENTER>
5.Üstüne gidince açılan linkler
Sayfanızdaki linklerin tıklanmaya gerek olmadan sadece üstüne gidildiğinde açılmasını istermisiniz ?
Bunun için öncelikle aşağıdaki script'i sayfanızın <HEAD> .............. </HEAD> tag'leri arasına yazmalısınız.
script>/*Script by Website Abstraction(
http://wsabstract.com)Over 400+ free original scripts here*/function loadfollow(which){if (!window.win2||win2.closed)win2=window.open(which.href)elsewin2.location=which.href}</script>
Bundan sonra üstüne gidilince açılmasını istediğiniz her bir link'e aşağıdaki komutu eklemelisiniz.
onMouseover="loadfollow(this)"
6.Pencereyi kapatın
Bir ziyaretçinin Browser penceresini kapatmak için sayısız seçeneği var. Ama yinede kolay bir yere Kapat düğmesi koyabilirsiniz:
<A HREF=JavaScript:Window.Close()">Bu Pencereyi kapatmak için burayı tıklayınız.[/url]
7.Status Bar'da kayan yazı
Status Bar'da şu anda bu sayfada gördügünüz gibi kayan yazı yaratmak için öncelikle aşağıdaki JS kodunu sayfanızın ...<HEAD>............</HEAD>... tag'leri arasına yazmalısınız.
<script language="JavaScript"><!-- Hide the script from old browsers --function scrollit(seed){ var m1 = "
WWW.BEDAVAMASTER.COM "; var msg=m1; var out = " "; var c = 0; if (seed > 100) { seed--; var cmd="scrollit(" + seed + ")"; timerTwo=window.setTimeout(cmd,7); } else if (seed <= 100 && seed > 0) { for (c=0 ; c < seed ; c++) { out+=" "; } out+=msg; seed--; var cmd="scrollit(" + seed + ")"; window.status=out; timerTwo=window.setTimeout(cmd,7); } else if (seed <= 0) { if (-seed < msg.length) { out+=msg.substring(-seed,msg.length); seed--; var cmd="scrollit(" + seed + ")"; window.status=out; timerTwo=window.setTimeout(cmd,7); } else { window.status=" "; timerTwo=window.setTimeout("scrollit(100)",75); } }}// --End Hiding Here --></script>
Sonrada <BODY ile baslayıp örneğin bgcolor="#fffff" ..... diye giden kısıma aşağıdaki takıyı eklemeniz gerekiyor.
{ onLoad="timerONE=window.setTimeout('scrollit(100)',500)" }
8.Drop-Down Menu
Drop-Down Menu'yü sayfamızda kullanmadan önce "GIT" tuşuna basıldığı zaman ilgili link'e gitmeyi sağlayan java script'i <HEAD>...........</HEAD> komutları arasına paste etmeniz gerekiyor.
<script>
<!--
function land(ref, target)
{
if (target=="_self") {window.location=loc;}
else {if (target=="_top") {top.location=loc;}
else {if (target=="_blank") {window.open(loc);}
else {if (target=="_parent") {parent.location=loc;}
else {parent.frames[target].location=loc;};
}}}
}
function jump(menu)
{
ref=menu.choice.options[menu.choice.selectedIndex].value;
splitc=ref.lastIndexOf("&");
target="";
if (splitc!=-1)
{loc=ref.substring(0,splitc);
target=ref.substring(splitc+1,1000).toLowerCase();}
else {loc=ref; target="_self";};
if (ref != "") {land(loc,target);}
}
//-->
</script>
Bundan sonra Drop-Down Menu için gerekli kodları menünün yer almasını istediğiniz yere yazmanız gerekiyor. Bu kodlarda ben url1, url2 ve url3 isimlerini verdim. Siz menüyü yarattıktan sonra isterseniz bunları değiştirebilirsiniz.
Menüyle ilgili kodlar aşağıdadır.
<form><select name="choice" size="1"><option value="
http://www.uzmanweb.net">UzmanWeb.Net</option><option value="
www.test.com">url1</option><option value="
www.test2.com">url2</option><option value="
www.test3.com">url3</option></select><input TYPE="button" VALUE="GIT" onClick="jump(this.form)"></form>
Eğer standart buton yerine kendi hazırladığınız bir resmi kullanmak istiyorsaniz, <input TYPE="button"..... komutu yerine <input TYPE="image" <image scr="istediginiz_resim.gif/resim.jpeg">..... yazmanız gerekiyor.
Ekleyen: admin
Konu: Faydalı Kodlar (Okunma sayısı 2124 defa)
Ekim 06, 2007, 10:13:53 ÖÖ