JavaScript

<style type=”text/css”> #topbar{ position:absolute; border: 1px solid black; padding: 2px; background-color: lightyellow; width: 620px; visibility: hidden; z-index: 100; } </style> <mce:script type=”text/javascript”><!– /*********************************************** * Floating Top Bar script- © Dynamic Drive (www.dynamicdrive.com) * Sliding routine by Roy Whittle (http://www.javascript-fx.com/) * This notice must stay intact for legal use. * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session var startX = 30 //set x offset of bar in pixels var startY = 5 //set y offset of bar in pixels var verticalpos=”fromtop” //enter “fromtop” or “frombottom” function iecompattest(){ return (document.compatMode && document.compatMode!=”BackCompat”)? document.documentElement : document.body } function get_cookie(Name) { var search = Name + “=” var returnvalue = “”; if (document.cookie.length > 0) { offset = document.cookie.indexOf(search) if (offset != -1) { offset += search.length end = document.cookie.indexOf(“;”, offset); if (end == -1) end = document.cookie.length; returnvalue=unescape(document.cookie.substring(offset, end)) } } return returnvalue; } function closebar(){ if (persistclose) document.cookie=”remainclosed=1″ document.getElementById(“topbar”).style.visibility=”hidden” } function staticbar(){ barheight=document.getElementById(“topbar”).offsetHeight var ns = (navigator.appName.indexOf(“Netscape”) != -1) || window.opera; var d = document; function ml(id){ var el=d.getElementById(id); if (!persistclose || persistclose && get_cookie(“remainclosed”)==”") el.style.visibility=”visible” if(d.layers)el.style=el; el.sP=function(x,y){this.style.left=x+”px”;this.style.top=y+”px”;}; el.x = startX; if (verticalpos==”fromtop”) el.y = startY; else{ el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight; el.y -= startY; } return el; } window.stayTopLeft=function(){ if (verticalpos==”fromtop”){ var pY = ns ? pageYOffset : iecompattest().scrollTop; ftlObj.y += (pY + startY – ftlObj.y)/8; } else{ var pY = ns ? pageYOffset + innerHeight – barheight: iecompattest().scrollTop + iecompattest().clientHeight – barheight; ftlObj.y += (pY – startY – ftlObj.y)/8; } ftlObj.sP(ftlObj.x, ftlObj.y); setTimeout(“stayTopLeft()”, 10); } ftlObj = ml(“topbar”); stayTopLeft(); } if (window.addEventListener) window.addEventListener(“load”, staticbar, false) else if (window.attachEvent) window.attachEvent(“onload”, staticbar) else if (document.getElementById) window.onload=staticbar // –></mce:script>

<script src=”http://kilometro6.webcindario.com/Dise%C3%B1o%20Cambiante.js” type=”text/javascript”>
</script>link rel=”stylesheet” type=”text/css” href=”Tu diseño por defecto” /> <link rel=”alternate stylesheet” type=”text/css” media=”screen” title=”diseño2″ href=”Tu diseño 2″ /> <link rel=”alternate stylesheet” type=”text/css” media=”screen” title=”diseño3″ href=”Tu diseño 3″ /> <link rel=”alternate stylesheet” type=”text/css” media=”screen” title=”diseño4″ href=”Tu diseño 4″ /> <link rel=”alternate stylesheet” type=”text/css” media=”screen” title=”diseño5″ href=”Tu diseño 5″ />

.navigation{
position:relative;
margin:0 auto;
width:915px;
}
ul.menu{
list-style:none;
font-family:”Verdana”,sans-serif;
border-top:1px solid #bebebe;
margin:0px;
padding:0px;
float:left;
}
ul.menu li{
float:left;
}
ul.menu li a{
text-decoration:none;
background:#7E7E7E url(http://kilometro6.webcindario.com/tmp/bgMenu.png) repeat-x top left;
padding:15px 0px;
width:128px;
color:#333333;
float:left;
text-shadow: 0 1px 1px #fff;
text-align:center;
border-right:1px solid #a1a1a1;
border-left:1px solid #e8e8e8;
font-weight:bold;
font-size:13px;
-moz-box-shadow: 0 1px 3px #555;
-webkit-box-shadow: 0 1px 3px #555;
}
ul.menu li a.hover{
background-image:none;
color:#fff;
text-shadow: 0 -1px 1px #000;
}
ul.menu li a.first{
-moz-border-radius:0px 0px 0px 10px;
-webkit-border-bottom-left-radius: 10px;
border-left:none;
}
ul.menu li a.last{
-moz-border-radius:0px 0px 10px 0px;
-webkit-border-bottom-right-radius: 10px;
}
ul.menu li span{
width:64px;
height:64px;
background-repeat:no-repeat;
background-color:transparent;
position:absolute;
z-index:-1;
top:80px;
cursor:pointer;
}
ul.menu li span.ipod{
background-image:url(http://kilometro6.webcindario.com/tmp/ipod.png);
left:33px; /*128/2 – 32(half of icon) +1 of border*/
}
ul.menu li span.video_camera{
background-image:url(http://kilometro6.webcindario.com/tmp/video_camera.png);
left:163px; /* plus 128 + 2px of border*/
}
ul.menu li span.television{
background-image:url(http://kilometro6.webcindario.com/tmp/television.png);
left:293px;
}
ul.menu li span.monitor{
background-image:url(http://kilometro6.webcindario.com/tmp/monitor.png);
left:423px;
}
ul.menu li span.toolbox{
background-image:url(http://kilometro6.webcindario.com/tmp/toolbox.png);
left:553px;
}
ul.menu li span.telephone{
background-image:url(http://kilometro6.webcindario.com/tmp/telephone.png);
left:683px;
}
ul.menu li span.print{
background-image:url(http://kilometro6.webcindario.com/tmp/print.png);
left:813px;
}