wordpress, joomla, hazır scriptler, temalar, photoshop, javascript, CSS, SEO, hit, SMF, blog, google, alexa, para kazanma, meta,keywords, DMOZ, Pagerank
24 AÄŸu
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>
-Bu yazı toplam 1010 kez okunmuş. -Şu an okuyanlar 1 kişi. -Bu yazı bugün 1 kez okunmuş. -En son 2008-11-19 14:24:07 tarihinde okunmuş. 'Javascript ile buton menü' isimli yazı 24 Ağu 2007 tarihinde, saat: 20:48 'de ByM tarafından gönderilmiş |
Bu yazı ile ilgili yorumunuzu buraya yazın