CrAzYmOtIoN

d11

Cssplantillas style

Sobre el Diseno

Version:	2.0
Designer:	ProCssDesign
Compatible:	CSS-Design

Instrucciones

Y los codigos son para CSS-Design
Copiar los codigos de los boxes y pegarlos en donde te indican.

Add Us: (Banner)

No puedes mover los derechos de author solo eso te pedimos si no seras acusado a PaginaWebGratis ya que con el ezfuerzo lo logramos.

Esto es todo con derecho de ProCssDesign

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="%20#%20">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="%20#%20">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="%20#%20">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 id="contenido"><div class="leftside"> 
<div id="wrapper1">

Texto Por Debajo

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;} * {padding: 0; margin:0 } 
body{ background:#fff url(https://img.webme.com/pic/c/csslinux/pas.png) bottom fixed repeat-x; } 
#cssplantillas{margin-left:auto; margin-right:auto; width:1000px; font-family: century gothic;} 
a{text-decoration:none;} 
#menu{margin-left:auto; margin-right:auto; background:url(https://img.webme.com/pic/c/csslinux/cssplantilla-style_01.png); width:1000px; height:34px; float:left;} 
#menu a{color:#000;text-decoration:none;} 
#menu a:hover{color:#036;text-decoration:none;} 
.minilo{float:left; width:150px; height:30px; padding:1px 0 0 3px;} 
.nave{float:right; width:830px; height:30px; padding:2px 3px 0 0;} 
.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:#036;} 
.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:#036;font-weight:bold;} 
.jqueryslidemenu ul li a:hover{color:#036;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:#f2f2f2;} 
.downarrowclass{position: absolute;top: 12px;right: 7px;} 
.rightarrowclass{position: absolute;top: 6px;right: 5px;} 
#contenido{margin-left:auto; margin-right:auto; background:url(https://img.webme.com/pic/c/csslinux/cssplantilla-style_02.png); width:1000px; height:auto; float:left;} 
.leftside{float:left; width:680px; padding:5px 0 3px 5px;height:auto;} 
#wrapper1{ background:#FFF; border:solid 1px #666; heigth} 
.rightside{float:right; width:305px; padding:5px 5px 3px 0;} 
#sidebar{background:#fff; border:solid 1px #666;} 
.right-block a{color:#000;} 
.right-block { margin: 0 7px 7px 0 ;padding: 0; 
} 
.right-block h2 { height: 32px;margin: 0;padding: 0 5px 0 10px; color:#000; 
} 
.right-block .box { margin: 5px 7px 5px 0; padding: 0 0 10px 7px; 
} 
.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/csslinux/cssplantilla-style_03.png); width:1000px; height:57px; float:left; border:1px solid #666;} 
#footer a{color:#036;} 
.logi{ float:left;width:150px; height:40px; padding:7px 0 0 10px;} 
.copy{float:right; width:800px; height:40px; padding:7px 10px 0 0;} 
hr{border:1px dotted #000;}

CrAzYmOtIoN

d11

Cssplantillas style

Menu

Otros