Ayuda - Webmaster Foros
!Bienvenid@¡

Encuentra Aportes de Diseño & Desarrollo Web, para colocar tus aportes crea una nueva cuenta.

¡Que la pases bien y hasta pronto!

[ Diseños Css ] Gray Basic

Ir abajo

[ Diseños Css ] Gray Basic

Mensaje por Orbe el Sáb 24 Mar - 15:20



Encima
Código:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
 
  <meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
  <title>Team-AyudaWebs</title>

 
</head><body>
<div id="contenedor">
<div style="text-align: right;"><img src="http://www.dashboardwidgets.com/core/i/m_Home.png" alt="http://www.dashboardwidgets.com/core/i/m_Home.png" style="width: 21px; height: 21px;"> <a href="http://www.paginawebgratis.es">Inicio</a> / <img style="width: 17px; height: 17px;" alt="http://laurel.datsi.fi.upm.es/~vrobles/_media/icons/email.png?cache=cache&w=48&h=48" src="http://laurel.datsi.fi.upm.es/%7Evrobles/_media/icons/email.png?cache=cache&w=48&h=48">

<a href="http://www.paginawebgratis.es">Contacto</a></div>
<div id="cabezal">
<div style="text-align: center;"><br>
<img alt="http://img.webme.com/pic/t/team-ayudawebs/banner74634.png" src="http://img.webme.com/pic/t/team-ayudawebs/banner74634.png"></div>
<br>
</div>
<div id="menu">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script src="http://dl.dropbox.com/u/647003/CiudadBlogger/scripts/jqueryslidemenu.js" type="text/javascript"></script>
<div id="myslidemenu" class="jqueryslidemenu">
<ul>
  <li><a href="%20#%20">Nombre</a>

    <ul>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>

    </ul>
  </li>
  <li><a href="%20#%20">Nombre</a>
    <ul>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>

      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
    </ul>
  </li>
  <li><a href="%20#%20">Nombre</a>
    <ul>
      <li><a href="%20#%20">Link's</a></li>

      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
    </ul>
  </li>
  <li><a href="%20#%20">Nombre</a>

    <ul>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>
      <li><a href="%20#%20">Link's</a></li>

    </ul>
  </li>
</ul>
</div>
<style>
/*-- Menu --*/

.jqueryslidemenu{
font: bold 12px Verdana;
background: #ffd200 url(http://img.webme.com/pic/m/merodesparche/bg.png);
height: 27px;
width: 750 [ Tamaño Largo Menu ]px;
border-top: solid #000000 0.0em; [ Color Borde Arriba]
border-bottom: solid #000000 0.0em; [ Color Borde Abajo ]
}

.jqueryslidemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #202328 url(http://img.webme.com/pic/m/merodesparche/bg.png) ; /*background of tabs (default state)*/
color: black;
padding: 6px 8px;
border-right: 1px solid #C0C0C0;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color:  black;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
 
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
color: #383026;
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: #383026;
}

</style>
</div>

Debajo
Código:

<div id="pie"><img
alt="http://img.webme.com/pic/t/team-ayudawebs/by.png"
src="http://img.webme.com/pic/t/team-ayudawebs/by.png"><br>
</div>
</div>
</body>
</html>


Css Style
Código:

lli.nav_element{display: none;}
li.nav_element a{display: none;}
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-image: url(http://img.webme.com/pic/m/merodesparche/bg.png);
  font-family: Arial,Helvetica,sans-serif;
  color: red;
}
#cabezal {
  border-style: solid;
  border-color: #666666;
  height: 130px;
  font-family: Arial,Helvetica,sans-serif;
}
#menu {
  border-style: solid;
  border-color: #999999;
  font-family: Arial,Helvetica,sans-serif;
  height: 27px;
}
#pie {
  border-style: solid;
  border-color: #999999;
  font-family: Arial,Helvetica,sans-serif;
  color: black;
}
#contenedor {
  border-style: solid;
  border-color: white;
  font-family: Arial,Helvetica,sans-serif;
  color: white;
}

table {margin-left:auto;margin-right:auto;}

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.