KASTELEKOM

www.kastelekom.com Dünya' ya Açılan Pencereniz...

JAVA UYGULAMALARI

Arkaplan Efektleri

Buton Scriptleri

Link Scriptleri

Mouse Scriptleri

Saat Scriptleri

Yazı Efektleri

Browser Efektleri

Gerekliler

Menü Scriptleri

Resim Efektleri

Statusbar Efektleri

Diğer Scriptler

RENK KODLARI

Renk Kodları -1-

Renk Kodları -2-

MENÜ -8-

1 2 3 4 5 6 7 8 9

Bu menü hiç yerinde durmuyor, bir aşağı bir yukarı...

</div>

var YY=0;  
	var ch=0;
	var oh=0;
	var yon=0;
	var agent = navigator.userAgent.toLowerCase();
	var brw=3;

NSBr=(document.layers);
	IEBr=(document.all);
	isDOM=((document.getElementById)&&(!IEBr))?true:false;
	if(IEBr){brw=1;}
	if(NSBr){brw=2;}
	if(isDOM){brw=3;}

if(brw==1)
	{
		YY=document.body.clientHeight;
		point1.style.top=YY;
	}
	else if(brw==2)
	{
		YY=window.innerHeight;
		document.point1.pageY=YY;
		document.point1.visibility="hidden";
	}
	else if(brw==3)
	{
		YY=innerWidth;
		document.getElementById("point1").style.top=YY+"px";
	}

function reloc1()
	{

if(yon==0){YY=YY-xstep;}
		else{YY=YY+xstep;}
		if(brw==1)
		{
			ch=document.body.clientHeight;
			oh=point1.offsetHeight;
		}
		else if(brw==2)
		{
			ch=window.innerHeight;
			oh=document.point1.clip.height;
		}
		else if(brw==3)
		{
			ch=innerHeight;
			oh=document.getElementById("point1").offsetHeight;
		}
		
		if(YY<0){yon=1;YY=0;}
		if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
		if(brw==1)
		{
			point1.style.left=XX;
			point1.style.top=YY+document.body.scrollTop;
		}
		else if(brw==2)
		{
			document.point1.pageX=XX;
			document.point1.pageY=YY+window.pageYOffset;
		}
		else if(brw==3)
		{
			document.getElementById("point1").style.left=XX+"px";
			document.getElementById("point1").style.top=YY+pageYOffset+"px";
		}

}

Bu kod, bulunduğu sayfaya ulaşana kadar geçtiği bütün dizin adreslerini otomatik olarak link şeklinde gösterir.

Windows menü1

<head>
<style>
.link a{text-decoration:none;}
</style></head>
<body>
<script language="JavaScript">
links = [
["kapali.gif","acik.gif",".: BAŞLIK 1","http://www.gezginler.net","_top",
 [
  ["  » Link 1","http://www.gezginler.net","_top"],
  ["  » Link 2","http://www.gezginler.net","_top"],
  ["  » Link 3","http://www.gezginler.net","_top"],
  ["  » Link 4","http://www.gezginler.net","_top"],
  ["  » Link 5","http://www.gezginler.net","_top"]
 ]
],
["kapali.gif","acik.gif",".: BAŞLIK 2","http://www.gezginler.net","_top",
 [
  [" » Link 1","http://www.gezginler.net","_top"],
  [" » Link 2","http://www.gezginler.net","_top"],
  [" » Link 3","http://www.gezginler.net","_top"],
  [" » Link 4","http://www.gezginler.net","_top"],
  [" » Link 5","http://www.gezginler.net","_top"],
  [" » Link 6","http://www.gezginler.net","_top"],
  [" » Link 7","http://www.gezginler.net","_top"],
  [" » Link 8","http://www.gezginler.net","_top"]
 ]
],["kapali.gif","acik.gif",".: BAŞLIK 3","http://www.gezginler.net","_top",
 [
  [" » Link 1","http://www.gezginler.net","_top"],
  [" » Link 2","http://www.gezginler.net","_top"],
  [" » Link 3","http://www.gezginler.net","_top"],
  [" » Link 4","http://www.gezginler.net","_top"]
 ]
],
["kapali.gif","acik.gif",".: BAŞLIK 4","http://www.gezginler.net","_top",
 [
  [" » Link 1","http://www.gezginler.net","_top"],
  [" » Link 2","http://www.gezginler.net","_top"],
  [" » Link 3","http://www.gezginler.net","_top"],
  [" » Link 4","http://www.gezginler.net","_top"]
 ]
]
]

prop = [
20, // Menü başlığının, sayfa üstüne olan yakınlığı
220, // Menü başlığının, sola yakınlığı
120, // Menü başlığının, uzunluğu
15, // Menü başlığının, yüksekliği
1, // Menü başlıkları arasındaki aralık mesafe (yatay)
5, // Menü başlığı ile alt kategoriler arasındaki aralık mesafe (dikey)
"#0000a0", // Menü başlığının, arkaplan rengi
true, 
"",
"",
120, // Alt kategori uzunluğu
15, // Alt kategori yüksekliği
-1, // Alt kategoriler arasındaki aralık mesafe (yatay)
"#182ec5", // Alt kategori arkaplan rengi
"#f2f2f2", // Menü başlığının, font rengi
"10px", // Menü başlığının, font büyüklüğü
"verdana", // Menü başlığının, font tipi
"font-weight:bold;border:1px solid #ff3300;valign:middle", // Menü başlığının, extra özellikleri
"5", // Klasör resminin, menü başlığına olan uzaklığı
"#0000a0", // Mouse imleci üzerine getirildiğinde, menü başlık fontunun dönüşeceği renk
"aqua", // Mouse imleci üzerine getirildiğinde, menü başlığı arkaplanın dönüşeceği renk
"aqua", // Alt kategori font rengi
"10px", // Alt kategori font büyüklüğü
"verdana", // Alt kategori font tipi
"border:1px solid red;valign:middle", // Alt kategori extra özellikleri
"5", 
"blue", // Mouse imleci üzerine getirildiğinde, alt kategori başlık fontunun dönüşeceği renk
"aqua" // Mouse imleci üzerine getirildiğinde, alt kategori arkaplanın dönüşeceği renk
]

</script>
<script language="JavaScript">//http://www.ScriptBreaker.com
var counter = 0
var container = new Array()

function doopen()
{
 clearTimeout(container[this.counter].timer);
 container[this.counter].fast_hide();
 this.open = true
 this.ielement.src = this.over
 this.element.style.backgroundColor= this.bgover;
 this.element.style.color = this.overcolor;
 for(k=0;k<this.container.length;k++)
 {
  this.container[k].onshow();
 }
}

function doclose()
{
 this.open = false
 this.ielement.src = this.img
  this.element.style.backgroundColor= this.bg;
 this.element.style.color = this.color;
  for(k=0;k<this.container.length;k++)
 {
  this.container[k].onhide();
 }
}

function item(nri,ali,api,b,l,nr)
{
 this.id = "item"+nr+"_"+ nri +"_"+counter
 this.left = api[7]?l:(l+api[5]+api[2])
 this.counter = counter
 this.top = b + ((api[11]+api[12])*nri)
 this.onshow = doshow
 this.onhide = dohide
 this.color = api[21];
 this.overcolor = api[26];
 this.bg = api[13]
 this.bgover = api[27];
 this.onmouseover = doover
 this.onmouseout = doout
 document.write("<a href=\""+ali[1]+"\" target="+ali[2]+"  style='cursor:hand;position:absolute;width:"+api[10]+";height:"+api[11]+";top:"+this.top+";left:"+this.left+"' onmouseover='container["+counter+"].container["+nr+"].container["+nri+"].onmouseover();' onmouseout='container["+counter+"].container["+nr+"].container["+nri+"].onmouseout();' ><div id='"+this.id+"' style='width:"+api[10]+";height:"+api[11]+";visibility:hidden;background-color:"+api[13]+";color:"+api[21]+";font-size:"+api[22]+";font-family:"+api[23]+";"+api[24]+"'>"+ali[0]+"</div></a>")
 this.element = document.getElementById(this.id)
}

function doover()
{
 clearTimeout(container[this.counter].timer);
 this.element.style.backgroundColor= this.bgover;
 this.element.style.color = this.overcolor;
}

function doout()
{
 this.element.style.backgroundColor= this.bg;
 this.element.style.color = this.color;
 container[this.counter].hide_all();
}

function doshow(){this.element.style.visibility = "";this.element.style.zIndex = 0;}

function dohide(){this.element.style.visibility = "hidden";this.element.style.zIndex = 1;}

function Menu(al,ap)
{
 document.write("<div class=link>")
 var headers = new Array()
 for(i=0;i<al.length;i++) headers[i] = new header(i,al[i],ap)
 this.container = headers;
 this.hide_all = dohide_all
 this.fast_hide = catcht
 this.timer = null
 this.counter = counter
 container[counter] = this
 counter++;
 document.write("</div>")
}

function dohide_all(){this.timer = setTimeout("container["+this.counter+"].fast_hide();",2000);}
function catcht(){for(i=0;i<this.container.length;i++)this.container[i].onmouseout();}
  </script>
<script language="JavaScript">
var ScriptBreaker = new Menu(links,prop)
               </script>

Windows menü2

<head>
<style>
.link a{text-decoration:none;}
</style></head><body bgcolor="ebe2d3">
<script language="JavaScript">
links = [
["kapali.gif","acik.gif",".: BAŞLIK 1","http://www.gezginler.net","_top",
 [
  ["  » Link 1","http://www.gezginler.net","_top"],
  ["  » Link 2","http://www.gezginler.net","_top"],
  ["  » Link 3","http://www.gezginler.net","_top"],
  ["  » Link 4","http://www.gezginler.net","_top"],
  ["  » Link 5","http://www.gezginler.net","_top"]
 ]
],
["kapali.gif","acik.gif",".: BAŞLIK 2","http://www.gezginler.net","_top",
 [
  [" » Link 1","http://www.gezginler.net","_top"],
  [" » Link 2","http://www.gezginler.net","_top"],
  [" » Link 3","http://www.gezginler.net","_top"],
  [" » Link 4","http://www.gezginler.net","_top"],
  [" » Link 5","http://www.gezginler.net","_top"],
  [" » Link 6","http://www.gezginler.net","_top"],
  [" » Link 7","http://www.gezginler.net","_top"],
  [" » Link 8","http://www.gezginler.net","_top"]
 ]
],["kapali.gif","acik.gif",".: BAŞLIK 3","http://www.gezginler.net","_top",
 [
  [" » Link 1","http://www.gezginler.net","_top"],
  [" » Link 2","http://www.gezginler.net","_top"],
  [" » Link 3","http://www.gezginler.net","_top"],
  [" » Link 4","http://www.gezginler.net","_top"]
 ]
],
["kapali.gif","acik.gif",".: BAŞLIK 4","http://www.gezginler.net","_top",
 [
  [" » Link 1","http://www.gezginler.net","_top"],
  [" » Link 2","http://www.gezginler.net","_top"],
  [" » Link 3","http://www.gezginler.net","_top"],
  [" » Link 4","http://www.gezginler.net","_top"]
 ]
]
]

prop2 = [
20, // Menü başlığının, sayfa üstüne olan yakınlığı
40, // Menü başlığının, sola yakınlığı
120, // Menü başlığının, uzunluğu
15, // Menü başlığının, yüksekliği
5, // Menü başlıkları arasındaki aralık mesafe (yatay)
5, // Menü başlığı ile alt kategoriler arasındaki aralık mesafe (dikey)
"#0000a0", // Menü başlığının, arkaplan rengi
false, 
"",
"",
120, // Alt kategori uzunluğu
15, // Alt kategori yüksekliği
-1, // Alt kategoriler arasındaki aralık mesafe (yatay)
"#182ec5", // Alt kategori arkaplan rengi
"#f2f2f2", // Menü başlığının, font rengi
"10px", // Menü başlığının, font büyüklüğü
"verdana", // Menü başlığının, font tipi
"font-weight:bold;border:1px solid #ff3300;valign:middle", // Menü başlığının, extra özellikleri
"5", // Klasör resminin, menü başlığına olan uzaklığı
"#0000a0", // Mouse imleci üzerine getirildiğinde, menü başlık fontunun dönüşeceği renk
"aqua", // Mouse imleci üzerine getirildiğinde, menü başlığı arkaplanın dönüşeceği renk
"aqua", // Alt kategori font rengi
"10px", // Alt kategori font büyüklüğü
"verdana", // Alt kategori font tipi
"border:1px solid red;valign:middle", // Alt kategori extra özellikleri
"5", 
"blue", // Mouse imleci üzerine getirildiğinde, alt kategori başlık fontunun dönüşeceği renk
"aqua" // Mouse imleci üzerine getirildiğinde, alt kategori arkaplanın dönüşeceği renk
]

</script>
<script language="JavaScript">//http://www.ScriptBreaker.com
var counter = 0
var container = new Array()

function doover()
{
 clearTimeout(container[this.counter].timer);
 this.element.style.backgroundColor= this.bgover;
 this.element.style.color = this.overcolor;
}

function doout()
{
 this.element.style.backgroundColor= this.bg;
 this.element.style.color = this.color;
 container[this.counter].hide_all();
}

function doshow(){this.element.style.visibility = "";this.element.style.zIndex = 0;}

function dohide(){this.element.style.visibility = "hidden";this.element.style.zIndex = 1;}

</body>

XP sitilinde sol yan panel

<style type="text/css">
	html{
		height:100%;
	}
	body{	
		height:100%;
		margin:0px;
		padding:0px;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	}
	
	/* Entire pane */
	
	#dhtmlgoodies_xpPane{
		background-color:#7190e0;	/* Blue background color */
		float:left;
		height:100%;
		width:200px;	/* Width of panel */
	}
	#dhtmlgoodies_xpPane .dhtmlgoodies_panel{
		margin-left:10px;
		margin-right:10px;
		margin-top:10px;	
	}
	#dhtmlgoodies_xpPane .panelContent{
		font-size:0.7em;
		background-image:url('images/bg_pane_right.gif');
		background-position:top right;
		background-repeat:repeat-y;
		border-left:1px solid #FFF;
		border-bottom:1px solid #FFF;	
		padding-left:2px;
		padding-right:2px;	
		overflow:hidden;
		position:relative;
	}
	#dhtmlgoodies_xpPane .panelContent div{
		position:relative;
	}
	#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar{
		background-image:url('images/bg_panel_top_right.gif');
		background-repeat:no-repeat;
		background-position:top right;
		height:25px;
		padding-right:5px;
	}
	#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar span{	/* Heading text options */
		line-height:25px;
		vertical-align:middle;
		font-family:arial;	/* Arial font */
		font-size:0.7em;	/* Font size */
		color:#215DC6;	/* Light blue color */
		font-weight:bold;	/* Bold font */
		padding-left:5px; 	/* Space at the left */
		float:left;	/* Don't change this one */
		
	}
	#dhtmlgoodies_xpPane .dhtmlgoodies_panel .topBar img{
		float:right;
		cursor:pointer;
	}
	
	</style>
	<script type="text/javascript">
	/***********(C) www.dhtmlgoodies.com, October 2005 www.dhtmlgoodies.com	Alf Magne Kalleland *****/		
	var xpPanel_slideActive = true;	// Slide down/up active?
	var xpPanel_slideSpeed = 15;	// Speed of slide
	
	var dhtmlgoodies_xpPane;
	var dhtmlgoodies_paneIndex;
	
	var savedActivePane = false;
	var savedActiveSub = false;
	
	function showHidePaneContent()
	{
		var img = this.getElementsByTagName('IMG')[0];
		var obj = document.getElementById('paneContent' + img.id.replace(/[^0-9]/g,''));
		if(img.src.toLowerCase().indexOf('up')>=0){
			img.src = img.src.replace('up','down');
			if(xpPanel_slideActive){
				obj.style.display='block';
				slidePane((xpPanel_slideSpeed*-1),obj.id);
			}else{
				obj.style.display='none';
			}
		}else{
			img.src = img.src.replace('down','up');
			if(xpPanel_slideActive){
				if(document.all){
					obj.style.display='block';
					obj.style.height = '1px';
				}
				slidePane(xpPanel_slideSpeed,obj.id);
			}else{
				obj.style.display='block';
			}
		}		
	}
	
	
	
	function slidePane(slideValue,id)
	{

1 2 3 4 5 6 7 8 9