buton11.jpg

Bu sefer vermek istediÄŸim javascript kodu ile buton ÅŸeklinde menü yapabilirsiniz.Bu butonların sayısını arttırabilirsiniz,renklerini ve boyutlarını deÄŸiÅŸtirebilirsiniz. Test sayfasını buradan görebilirsiniz.Kodları ise ÅŸu ÅŸekilde yerleÅŸtireceksiniz…

HEAD.. HEAD arasına eklenecek kod

<style type="text/css">
<!--
a:link, a:visited, a:active, a:hover{text-decoration:none}
//-->
</style>
<script language="JavaScript">
<!-- IE and NS6 Menu Button script kurt.grigg@virgin.net
if (!document.layers){
 
// Choose size and colours here!!!!!!!!!!!!!!!!!!!!!!!!!!
Width=100;
Font='Verdana';
FontSize=12;
AFontColor='#ffffff';
BFontColor='#ffffff';
CFontColor='#ffffff';
FontWeight='normal';  //normal or bold!
BackGround='#0080ff'; //Same as your body bgcolor!
BorderDepth=1;
BorderLight='#00ccff';
BorderShad='#000000';
 
//Nothing needs altering past here!!!!!!!!!!!!!!!!!!!!!!
function On(id){
with(id.style){
color=BFontColor;
borderTopColor=BorderLight;
borderLeftColor=BorderLight;
borderRightColor=BorderShad;
borderBottomColor=BorderShad;
}
}
function Off(id){
with(id.style){
color=AFontColor;
borderTopColor=BackGround;
borderLeftColor=BackGround;
borderRightColor=BackGround;
borderBottomColor=BackGround;
}
}
function Down(id){
with(id.style){
color=CFontColor;
borderTopColor=BorderShad;
borderLeftColor=BorderShad;
borderRightColor=BorderLight;
borderBottomColor=BorderLight;
}
}
function Link(Url,Txt){
document.write("<a href='"+Url+"'>"
+"<div style='position:relative;"
+"width:"+Width+"px;height:"+FontSize+"px;"
+"border-width:"+BorderDepth+"px;"
+"border-color:"+BackGround+";"
+"border-style:solid;"
+"padding:"+FontSize/3+"px;"
+"background:"+BackGround+";"
+"font-family:"+Font+";"
+"font-size:"+FontSize+"px;"
+"line-height:"+FontSize*1.2+"px;"
+"font-weight:"+FontWeight+";"
+"text-align:left;"
+"color:"+AFontColor+";"
+"margin-top:2px;"
+"cursor:hand'"
+"onMouseOver='javascript:On(this)'" 
+"onMouseOut='javascript:Off(this)'" 
+"onMouseDown='javascript:Down(this)'>"
+Txt+"</div></a>");
}
}
function Temp(){
alert("TEST");
}
//-->
</script>

BODY…BODYarasına eklenecek kod

<script language="JavaScript">
<!-- 
if (!document.layers){
//This table stops oddness in NS6!!!
if (document.getElementById&&!document.all){
document.write("<div style='position:relative'>"
+"<table border='0' cellpadding='0' cellspacing='0'>"
+"<tr><td valign='top'>");
}
 
/*   The visible Buttons here!
Add as many as you want. Make sure 
you follow the same format as below
eg: Link('MyOtherPage.html','See my other page');
*/
 
Link('http://www.extradestek.org','extradestek');
Link('http://www.google.com','Google');
Link('http://www.altavista.com','Alta Vista');
Link('http://www.hediyeler.com','hediyeler');
Link('http://www.themes-wordpress.com','temalar');
 
 
if (document.getElementById&&!document.all){
document.write("</td></tr></table></div>");
}
}
//-->
</script>