CrAzYmOtIoN

show

Texto Por Encima

<div id="myslidemenu" class="jqueryslidemenu"> 
<ul> 
<li><a href="#">Nombre</a> 
<ul> 
<li><a href="#">Link's</a></li> 
<li><a href="#">Link's</a></li> 
<li><a href="#">Link's</a></li> 
</ul> 
</li> 
<li><a href=" # ">Nombre</a> 
<ul> 
<li><a href="#">Link's</a></li> 
<li><a href="#">Link's</a></li> 
<li><a href="#">Link's</a></li> 
</ul> 
</li> 
<li><a href=" # ">Nombre</a> 
<ul> 
<li><a href="#">Link's</a></li> 
<li><a href="#">Link's</a></li> 
<li><a href="#">Link's</a></li> 
</ul> 
</li> 
<li><a href=" # ">Nombre</a> 
<ul> 
<li><a href="#">Link's</a></li> 
<li><a href="#">Link's</a></li> 
<li><a href="#">Link's</a></li> 
</ul> 
</li> 
</ul> 
</div></div></div> 
<div class="social"><a href="#"><img src="https://img.webme.com/pic/c/crazymotion/face.png" /></a><a href="#"><img src="https://img.webme.com/pic/c/crazymotion/youtu.png" /></a><a href="#"><img src="https://img.webme.com/pic/c/crazymotion/twit.png" /></a><a href="#"><img src="https://img.webme.com/pic/c/crazymotion/feed.png" /></a></div></div> 
<div id="wrapper"><div class="leftside"> 
<div class="conten">

Texto Por Debajo

</div> 
</div> 
<div class="sidebar"><div class="right-block"><h2>Submenu</h2> 
<div class="box"> 
<ul> 
<li><a href="#">Nombre</a></li> 
<li><a href="#">Nombre</a></li> 
<li><a href="#">Nombre</a></li> 
<li><a href="#">Nombre</a></li> 
<li><a href="#">Nombre</a></li> 
</ul></div></div> 
<div class="right-block"><h2>Publicidad</h2> 
<div class="box"> 
<a target="_blank" href="#"><img src="http://img703.imageshack.us/img703/5214/sinttulo5w.png 
" align="top" width="125" height="125" alt="banner ad" /></a> 
<a target="_blank" href="#"><img src="http://img703.imageshack.us/img703/5214/sinttulo5w.png" align="top" width="125" height="125" alt="banner ad" /></a> 
<a target="_blank" href="#"><img src="http://img703.imageshack.us/img703/5214/sinttulo5w.png" align="top" width="125" height="125" alt="banner ad" /></a> 
<a target="_blank" href="#"><img src="http://img703.imageshack.us/img703/5214/sinttulo5w.png" align="top" width="125" height="125" alt="banner ad" /></a> 
</div> 
</div></div></div> 
<div id="footer"><div class="ad50"> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
<a href="#"><img src="https://img.webme.com/pic/c/crazymotion/ad50.png" /></a> 
</div> 
<div class="minime"><a href="#">Nombre</a> | <a href="#">Nombre</a> | <a href="#">Nombre</a> | <a href="#">Nombre</a> | <a href="#">Nombre</a></div></div> 
<div id="down"></div> 
</div>

Css style

h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}body{background:#000 url(https://img.webme.com/pic/c/crazymotion/wallpape.png) top center no-repeat fixed;} 
#dasr{margin-left:auto; margin-right:auto; width:1000px; font-family:century gothic;} 
a{text-decoration:none; color:#069;} 
img{ border:none;} 
#dasr1{margin-left:auto; margin-right:auto; background:url(https://img.webme.com/pic/c/crazymotion/dasr1.png); width:1000px; height:30px;} 
#top{margin-left:auto; margin-right:auto; width:1000px; height:150px; float:left;} 
.head{float:left; width:1000px; height:150px; background:url(https://img.webme.com/pic/c/crazymotion/dasrhe.png);} 
.logo{height:70px; padding:20px 0 0 30px;} 
.head a{color:#FFF; font-size:70px; font-family:Tahoma, Geneva, sans-serif;} 
#dasr2{ margin-left:auto; margin-right:auto;width:1000px; height:50px; float:left; background:white;} 
.menu{width:700px; height:50px; float:left; background:url(https://img.webme.com/pic/c/crazymotion/dasrme.png);} 
.nave{width:670px; height:20px; padding:10px 0 0 10px;} 
.jqueryslidemenu{margin:0 auto;font:12px verdana;font-weight:bold;} 
.jqueryslidemenu ul{margin: 0;padding: 0;list-style-type: none;} 
.jqueryslidemenu ul li{position: relative;display: inline;float: left;color:#000;} 
.jqueryslidemenu ul li a{display: block;color:#333;padding: 10px 10px;z-index:150;text-decoration: none;} 
.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{color:#000;font-weight:bold;} 
.jqueryslidemenu ul li a:hover{color:#03a540;text-decoration:none;} 
.jqueryslidemenu ul li ul{position: absolute;left: 0;display: block;visibility: hidden;border-left:1px solid #999; 
border-right:1px solid #999;border-top:1px solid #999;} 
.jqueryslidemenu ul li ul li{display: list-item;float: none;z-index:100;} 
.jqueryslidemenu ul li ul li ul{top: 0;} 
.jqueryslidemenu ul li ul li a{font: normal 11px Verdana;width: 160px;padding: 4px;margin: 0; 
border-top-width: 0;border-bottom: 1px solid #999;border-left: 1px solid #fff; 
background:url(https://img.webme.com/pic/c/csslinux/fonme.png)} 
.jqueryslidemenu ul li a .ns {background:#999;} 
.jqueryslidemenu ul li ul li a:hover{background:black;} 
.downarrowclass{position: absolute;top: 12px;right: 7px;} 
.rightarrowclass{position: absolute;top: 6px;right: 5px;} 
.social{float:right; width:270px; height:50px; border-right:solid 1px #000;} 
.social img{margin:0 7px 0 5px;} 
#wrapper{margin:auto; margin-right:auto; width:998px; height:auto; float:left; background:#fff; border-left:solid 1px #000; border-right:solid 1px #000;} 
.leftside{float:left; width:695px; padding:5px 0 5px 3px;} 
.conten{background:#fff; border:#666 1px solid;} 
.sidebar{float:right; width:290px; padding:5px 3px 5px 0;} 
.right-block { margin: 0 7px 7px 0 ;padding: 0; background: #fff; border:2px #03a540 solid; 
} 
.right-block a{text-decoration:none; color:#000;} 
.right-block a:hover{color:#03a540;} 
.right-block h2 { height: 32px;margin: 0;padding: 0 10px 0 10px; background:#03a540 left ; color:#000; 
} 
.right-block .box { margin: 5px 7px 5px 0; padding: 0 0 10px 7px; 
} 
.ad img{ margin:5px 5px 0 5px; float:left; padding:0;} 
.right-block ul {margin: 0; padding: 0; 
} 
.right-block ul li { padding: 5px 0 5px 16px; list-style-type: none; border-bottom: 1px dashed #000; 
} 
#footer{margin-left:auto; margin-right:auto; background:url(https://img.webme.com/pic/c/crazymotion/footer.png); width:1000px; height:200px; float:left;} 
.ad50{width:400px; height:150px; float:left; padding:30px 0 0 50px;} 
.ad50 img{margin:0 5px 5px 0; border:1px #0362a5 solid;} 
.minime{ float:right; width:480px; height:20px; overflow:hidden; padding:85px 30px 0 0;} 
.minime a{display:inline; text-decoration:none; color:black;} 
#down{margin-left:auto; margin-right:auto; background:url(https://img.webme.com/pic/c/crazymotion/down.png); width:1000px; height:30px; float:left;}

CrAzYmOtIoN

show

Menu

Otros