wordpress, joomla, hazır scriptler, temalar, photoshop, javascript, CSS, SEO, hit, SMF, blog, google, alexa, para kazanma, meta,keywords, DMOZ, Pagerank
5 AÄŸu

Vereceğim javascript kodu ile taşınabilir kutu biçiminde menü yapabileceksiniz.Yukarıda resmini gördüğünüz menüyü yapmak için lütfen yazının devamında yer alan kodları uygulayın. Ama önce test etmek isterseniz buradan test edebilirsiniz.Ayrıca aşağıda vereceğim kodlara altarnetif olarak açılan test sayfasını farklı kaydederek görünüm oradan da kaynak yazan yere tıklayarak kaynak kodlarına ulaşabilirsiniz ve istediğiniz değişikliği yapıp kaydedince sayfayı yenile diyerek değişiklikleri görebilirsiniz.
HEAD…HEAD arasına eklenecek kod
<font color="#ff6600"><!-- Original:Â ScriptBreaker --> <!-- Web Site:Â http://www.ScriptBreaker.com --> <style> .move { width:100%; background-color:#3E5999; border-bottom:1px solid black; font-size:14px; font-family:verdana; font-color:"#C9D2DC"; text-align:center; } .info { width:100%; background-color:#3E5999; border-top:1px solid black; font-size:13px; font-family:verdana; font-color:"#FFFFFF"; color:"FFFFFF"; } .panel { width:150; position:absolute; border:1px solid black; left:350; top:200; font-size:13px; font-family:verdana; } .panel a:visited{color:blue;} .panel a{text-decoration:none;color:blue} .panel a:hover{text-decoration:none;} #panel a.visited{ text-decoration:none; } .menu { width:100%; background-color:#96C5AA; font-size:13px; font-family:verdana; } .bilgi {font-family:arial black, arial;font-size:17px; color:gold; font-weight:bold;} </style> <SCRIPT LANGUAGE="JavaScript"> N = (document.all) ? 0 : 1; var ob; var over = false; function MD(e) { if (over) { if (N) { ob = document.getElementById("panel"); X=e.layerX; Y=e.layerY; return false; } else { ob = document.getElementById("panel"); ob = ob.style; X=event.offsetX; Y=event.offsetY; } } } function MM(e) { if (ob) { if (N) { ob.style.top = e.pageY-Y; ob.style.left = e.pageX-X; } else { ob.pixelLeft = event.clientX-X + document.body.scrollLeft; ob.pixelTop = event.clientY-Y + document.body.scrollTop; return false; } } } function MU() { ob = null; } if (N) { document.captureEvents(Event.MOUSEDOWN | Event.MOUSEMOVE | Event.MOUSEUP); } document.onmousedown = MD; document.onmousemove = MM; document.onmouseup = MU; </script></font>
 <BODY>..</BODY> arasına eklenecek kod
<font color="#ff6600"><div id="panel" class="panel" > <script language="JavaScript"> function getArray(id) { var splitarray = link[id].split("|"); return splitarray; } function info(i,obj,col) { sublink = getArray(i); infobar = document.getElementById("infob"); infobar.innerHTML = "<font class='bilgi'><i>!</i></font>  "+sublink[2]; obj.style.backgroundColor=col; } function endi(obj,col) { obj.style.backgroundColor=col; infobar = document.getElementById("infob"); infobar.innerHTML = "<font class='bilgi'><i>!</i></font> Açıklamasını görmek için bir öğe seçin.<br>"; } var link = new Array(); link[0] = " » extradestek.org|http://www.extradestek.org |Destek sitesi"; link[1] = " » hediyeler.org|http://www.hediyeler.org|Hediyelerini kendin yap"; link[2] = " » Wordpress temaları|http://www.themes-wordpress.org |Türkçe tema arşivi"; link[3] = " » epardus.com|http://www.epardus.com |Özgür yazılım pardus destek sitesi"; link[4] = " » ilksayfa.org|http://www.ilksayfa.org|Genel sağlık bilgileri"; document.write("<div class='move' onmouseover='over=true;' onmouseout='over=false;' style='cursor:move'><font color=#C9D2DC><b>:: M e n ü ::</b></font></div><div class='menu'><br></div>"); for(i=0;i<link.length;i++) { sublink = getArray(i); document.write("<a href='"+sublink[1]+"'><div class='menu' onmouseover=\"info("+i+",this,'gold')\" onmouseout=\"endi(this,'#96C5AA')\" style='cursor:hand'> "+ sublink[0] +"</div></a>"); } document.write("<div class='menu'><br></div><div class='info' id='infob' name='infob'><font class='bilgi'><i>!</i></font> <br></div>"); </script> </div> <!-- end Source --></font>
-Bu yazı toplam 1163 kez okunmuş. -Şu an okuyanlar 1 kişi. -Bu yazı bugün 3 kez okunmuş. -En son 2008-11-19 14:04:08 tarihinde okunmuş. 'Javascript ile taşınabilir menü' isimli yazı 05 Ağu 2007 tarihinde, saat: 23:12 'de ByM tarafından gönderilmiş |
Bu yazı ile ilgili yorumunuzu buraya yazın