-*Anasayfa - CSS MENÜ

CSS MENÜ

css menüleri

<script> //Chrome Drop Down Menu- Author: Dynamic Drive (http://www.dynamicdrive.com) //Last updated: June 14th, 06' v2.0 var cssdropdown={ disappeardelay: 500, //set delay in miliseconds before menu disappears onmouseout disablemenuclick: false, //when user clicks on a menu item with a drop down menu, disable menu item's link? enableswipe: 1, //enable swipe effect? 1 for yes, 0 for no //No need to edit beyond here//////////////////////// dropmenuobj: null, ie: document.all, firefox: document.getElementById&&!document.all, swipetimer: undefined, bottomclip:0, getposOffset:function(what, offsettype){ var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop; var parentEl=what.offsetParent; while (parentEl!=null){ totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop; parentEl=parentEl.offsetParent; } return totaloffset; }, swipeeffect:function(){ if (this.bottomclip<parseInt(this.dropmenuobj.offsetHeight)){ this.bottomclip+=10+(this.bottomclip/10) //unclip drop down menu visibility gradually this.dropmenuobj.style.clip="rect(0 auto "+this.bottomclip+"px 0)" } else return this.swipetimer=setTimeout("cssdropdown.swipeeffect()", 10) }, showhide:function(obj, e){ if (this.ie || this.firefox) this.dropmenuobj.style.left=this.dropmenuobj.style.top="-500px" if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover"){ if (this.enableswipe==1){ if (typeof this.swipetimer!="undefined") clearTimeout(this.swipetimer) obj.clip="rect(0 auto 0 0)" //hide menu via clipping this.bottomclip=0 this.swipeeffect() } obj.visibility="visible" } else if (e.type=="click") obj.visibility="hidden" }, iecompattest:function(){ return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body }, clearbrowseredge:function(obj, whichedge){ var edgeoffset=0 if (whichedge=="rightedge"){ var windowedge=this.ie && !window.opera? this.iecompattest().scrollLeft+this.iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15 this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetWidth if (windowedge-this.dropmenuobj.x < this.dropmenuobj.contentmeasure) //move menu to the left? edgeoffset=this.dropmenuobj.contentmeasure-obj.offsetWidth } else{ var topedge=this.ie && !window.opera? this.iecompattest().scrollTop : window.pageYOffset var windowedge=this.ie && !window.opera? this.iecompattest().scrollTop+this.iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18 this.dropmenuobj.contentmeasure=this.dropmenuobj.offsetHeight if (windowedge-this.dropmenuobj.y < this.dropmenuobj.contentmeasure){ //move up? edgeoffset=this.dropmenuobj.contentmeasure+obj.offsetHeight if ((this.dropmenuobj.y-topedge)<this.dropmenuobj.contentmeasure) //up no good either? edgeoffset=this.dropmenuobj.y+obj.offsetHeight-topedge } } return edgeoffset }, dropit:function(obj, e, dropmenuID){ if (this.dropmenuobj!=null) //hide previous menu this.dropmenuobj.style.visibility="hidden" //hide menu this.clearhidemenu() if (this.ie||this.firefox){ obj.onmouseout=function(){cssdropdown.delayhidemenu()} obj.onclick=function(){return !cssdropdown.disablemenuclick} //disable main menu item link onclick? this.dropmenuobj=document.getElementById(dropmenuID) this.dropmenuobj.onmouseover=function(){cssdropdown.clearhidemenu()} this.dropmenuobj.onmouseout=function(e){cssdropdown.dynamichide(e)} this.dropmenuobj.onclick=function(){cssdropdown.delayhidemenu()} this.showhide(this.dropmenuobj.style, e) this.dropmenuobj.x=this.getposOffset(obj, "left") this.dropmenuobj.y=this.getposOffset(obj, "top") this.dropmenuobj.style.left=this.dropmenuobj.x-this.clearbrowseredge(obj, "rightedge")+"px" this.dropmenuobj.style.top=this.dropmenuobj.y-this.clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+1+"px" } }, contains_firefox:function(a, b) { while (b.parentNode) if ((b = b.parentNode) == a) return true; return false; }, dynamichide:function(e){ var evtobj=window.event? window.event : e if (this.ie&&!this.dropmenuobj.contains(evtobj.toElement)) this.delayhidemenu() else if (this.firefox&&e.currentTarget!= evtobj.relatedTarget&& !this.contains_firefox(evtobj.currentTarget, evtobj.relatedTarget)) this.delayhidemenu() }, delayhidemenu:function(){ this.delayhide=setTimeout("cssdropdown.dropmenuobj.style.visibility='hidden'",this.disappeardelay) //hide menu }, clearhidemenu:function(){ if (this.delayhide!="undefined") clearTimeout(this.delayhide) }, startchrome:function(){ for (var ids=0; ids<arguments.length; ids++){ var menuitems=document.getElementById(arguments[ids]).getElementsByTagName("a") for (var i=0; i<menuitems.length; i++){ if (menuitems[i].getAttribute("rel")){ var relvalue=menuitems[i].getAttribute("rel") menuitems[i].onmouseover=function(e){ var event=typeof e!="undefined"? e : window.event cssdropdown.dropit(this,event,this.getAttribute("rel")) } } } } } }</script> <style> #MainMenu { width:100%; height:27px; background: url("http://users5.titanichost.com/hazax/Www.hazax.de.tl/Menuler/images/bmid_048.gif"); margin:0; border:0; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; </div> <div id="counter"><span></span></div> <div id="post_content"></div> <div id="below_content"> <script language="JavaScript1.2"> //////////////////////////////////////////////////////////////////////////////////////////////////////// /*** LinkEfekt ***/ /*** Olusturulma v1-v2x linkfade ve fall icin, yapi: 3305 -- aralik 2003 ***/ /*** Gecerli araliklar (var-link-efekt), (fallg-internal-header) ***/ /*** Kodlayan: SheyTaN Genel-yapi: 3305-3 Internal-yapi: 1.1.2r Test-mount: 21 ***/ //////////////////////////////////////////////////////////////////////////////////////////////////////// var LinkFadeRunning=false; var LinkFadeInterval=30; var LinkSteps=10; var LinkStartColor="000000"; var LinkEndColor="FF0000" if (navigator.userAgent.indexOf("MSIE") != -1) { document.onmouseover = theOnOver; document.onmouseout = theOnOut; } else { document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT); document.onmouseover = theOnOver; document.onmouseout = theOnOut; } function getStartColor(el) { if (el.currentStyle) return (el.currentStyle.color).slice(1,8); else if (document.defaultView) { // alert("color=[" + document.defaultView.getComputedStyle(el,'').getPropertyValue('color') + "]"); return LinkStartColor; } else return LinkStartColor; } function findObj1(o) { while (o && o.tagName != 'A') o = o.parentElement; return(o); } function findObj2(o) { while (o && o.nodeName != 'A') o = o.parentNode; return(o); } function theOnOver(e) { var lnk; if(window.event) lnk=findObj1(event.srcElement); else lnk=findObj2(e.target); if(lnk) { if(lnk.state == null) { lnk.state = "OFF"; lnk.index = 0; lnk.startColor = getStartColor(lnk); } if(lnk.state == "OFF") { lnk.state = "FADE_UP"; start_fading(); } else if( lnk.state == "FADE_UP_DOWN" || lnk.state == "FADE_DOWN") { lnk.state = "FADE_UP"; } } } function theOnOut(e) { var lnk; if(window.event) lnk=findObj1(event.srcElement); else lnk=findObj2(e.target); if(lnk) { if(lnk.state=="ON") { lnk.state="FADE_DOWN"; start_fading(); } else if(lnk.state == "FADE_UP") { lnk.state="FADE_UP_DOWN"; } } } var hexDigit=new Array("0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F"); function dec2hex(dec) { return(hexDigit[dec>>4]+hexDigit[dec&15]); } function hex2dec(hex) { return(parseInt(hex,16)) } function getColor(f) { var r1 = hex2dec(f.startColor.slice(0,2)); var g1 = hex2dec(f.startColor.slice(2,4)); var b1 = hex2dec(f.startColor.slice(4,6)); var r2 = hex2dec(LinkEndColor.slice(0,2)); var g2 = hex2dec(LinkEndColor.slice(2,4)); var b2 = hex2dec(LinkEndColor.slice(4,6)); var r = Math.floor(r1+(f.index*(r2-r1))/(LinkSteps) + .5); var g = Math.floor(g1+(f.index*(g2-g1))/(LinkSteps) + .5); var b = Math.floor(b1+(f.index*(b2-b1))/(LinkSteps) + .5); return("#" + dec2hex(r) + dec2hex(g) + dec2hex(b)); } function setColor(lnk) { var theColor=getColor(lnk); lnk.style.color=theColor; } function start_fading() { if(!LinkFadeRunning) LinkFadeAnimation(); } function LinkFadeAnimation() { LinkFadeRunning = false; for(i=0 ; i<document.links.length ; i++) { var lnk = document.links[i]; if(lnk.state) { if(lnk.state == "FADE_UP") { if(lnk.index < LinkSteps) lnk.index++; else lnk.index = LinkSteps; setColor(lnk); if(lnk.index == LinkSteps) lnk.state="ON"; else LinkFadeRunning = true; } else if(lnk.state == "FADE_UP_DOWN") { if(lnk.index < LinkSteps) lnk.index++; else lnk.index = LinkSteps; setColor(lnk); if(lnk.index == LinkSteps) lnk.state="FADE_DOWN"; LinkFadeRunning = true; } else if(lnk.state == "FADE_DOWN") { if(lnk.index > 0) lnk.index--; else lnk.index = 0; setColor(lnk); if(lnk.index == 0) lnk.state="OFF"; else LinkFadeRunning = true; } } } if(LinkFadeRunning) setTimeout("LinkFadeAnimation()", LinkFadeInterval); } function high(which2){ theobject=which2 highlighting=setInterval("highlightit(theobject)",50) } function low(which2){ clearInterval(highlighting) if (which2.style.MozOpacity) which2.style.MozOpacity=0.5 else if (which2.filters) which2.filters.alpha.opacity=50 } function highlightit(cur2){ if (cur2.style.MozOpacity<1) cur2.style.MozOpacity=parseFloat(cur2.style.MozOpacity)+0.1 else if (cur2.filters&&cur2.filters.alpha.opacity<100) cur2.filters.alpha.opacity+=10 else if (window.highlighting) clearInterval(highlighting) } </script> <script type="text/javascript"> /*********************************************** * Animated Information Bar- by JavaScript Kit (www.javascriptkit.com) * This notice must stay intact for usage * Visit JavaScript Kit at http://www.javascriptkit.com/ for this script and 100s more * Bu kod hackerfriend.ile.biz sitesinin Siteniz İçin bölümünden indirilmiştir. ***********************************************/ function informationbar(){ this.displayfreq="always" this.content='<a href="javascript:informationbar.close()"><img src="https://img.webme.com/pic/h/hackerfriend/close.gif" style="width: 14px; height: 14px; float: right; border: 0; margin-right: 5px" /></a>' } informationbar.prototype.setContent=function(data){ this.content=this.content+data document.write('<div id="informationbar" style="top: -500px">'+this.content+'</div>') } informationbar.prototype.animatetoview=function(){ var barinstance=this if (parseInt(this.barref.style.top)<0){ this.barref.style.top=parseInt(this.barref.style.top)+5+"px" setTimeout(function(){barinstance.animatetoview()}, 50) } else{ if (document.all && !window.XMLHttpRequest) this.barref.style.setExpression("top", 'document.compatMode=="CSS1Compat"? document.documentElement.scrollTop+"px" : body.scrollTop+"px"') else this.barref.style.top=0 } } informationbar.close=function(){ document.getElementById("informationbar").style.display="none" if (this.displayfreq=="session") document.cookie="infobarshown=1;path=/" } informationbar.prototype.setfrequency=function(type){ this.displayfreq=type } informationbar.prototype.initialize=function(){ if (this.displayfreq=="session" && document.cookie.indexOf("infobarshown")==-1 || this.displayfreq=="always"){ this.barref=document.getElementById("informationbar") this.barheight=parseInt(this.barref.offsetHeight) this.barref.style.top=this.barheight*(-1)+"px" this.animatetoview() } } window.onunload=function(){ this.barref=null } </script> <script type="text/javascript"> /*********************************************** * Disable select-text script- © Dynamic Drive (www.dynamicdrive.com) * This notice MUST stay intact for legal use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ //form tags to omit in NS6+: var omitformtags=["input", "textarea", "select"] omitformtags=omitformtags.join("|") function disableselect(e){ if (omitformtags.indexOf(e.target.tagName.toLowerCase())==-1) return false } function reEnable(){ return true } if (typeof document.onselectstart!="undefined") document.onselectstart=new Function ("return false") else{ document.onmousedown=disableselect document.onmouseup=reEnable } </script> <script type="text/javascript"> /* This script and many more are available free online at The JavaScript Source!! http://javascript.internet.com Created by: MB Web Design | http://www.mbwebdesign.co.uk */ function bookmark(address,sitename) { if (window.sidebar) { window.sidebar.addPanel(sitename, address,""); } else if( document.all ) { window.external.AddFavorite(address, sitename); } else if( window.opera && window.print ) { return true; } } </script> <script> var clickmessage="Resim Kopyalama Yasagi !" function disableclick(e) { if (document.all) { if (event.button==2||event.button==3) { if (event.srcElement.tagName=="IMG"){ alert(clickmessage); return false; } } } else if (document.layers) { if (e.which == 3) { alert(clickmessage); return false; } } else if (document.getElementById){ if (e.which==3&&e.target.tagName=="IMG"){ alert(clickmessage) return false } } } function associateimages(){ for(i=0;i<document.images.length;i++) document.images[i].onmousedown=disableclick; } if (document.all) document.onmousedown=disableclick else if (document.getElementById) document.onmouseup=disableclick else if (document.layers) associateimages() </script> <body oncontextmenu="return false" onselectstart="return false" ondragstart="return false">  </script> <script language="JavaScript">  </script> </div> <div id="sidebar_container"> <h2 id="sidebar_heading"><span></span></h2> <div id="sidebar_content"></div> </div> </div> </div> </td> </tr> </tbody> </table> <br> <script type="text/javascript">  </script> <noscript> <a href="http://s5.sayyac.com/extreme.php?stat=2&login=hazax" target="_blank" title="Bedava sayac,Free counter"> <img src="http://s5.sayyac.com/stat.php?login=hazax&v=3.14" border="0" /> </a> </noscript>  <iframe src="http://www.homepage-baukasten.de/cookie.php?visit=hazax&auth1=73a468895a383d4a02f45fefcca286cd&auth2=59dcdcfa7dbf52eb7b46bdd195f46824&auth3=812ba77d248795aadbfec20f1d052c02&auth4=b269d0c144d179f3018fe80202ab7342&auth5=4c38b7c80c6d6ef6490b04e5123db70c&mode=track" style="display:none;width:1px;height:1px;"></iframe> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript" ></script> <script type="text/javascript"> _uacct = "UA-2594508-11"; urchinTracker(); </script> <div id="extraDiv1"><span></span></div><div id="extraDiv2"><span></span></div><div id="extraDiv3"><span></span></div> <div id="extraDiv4"><span></span></div><div id="extraDiv5"><span></span></div><div id="extraDiv6"><span></span></div> </body> </html>