Your page title here :)

N3.


Nesbet

Estilo PWG

CSS Design - Estilo PWG

VISTA PREVIA



Código css

Debes copiar y pegar el siguiente código en "Texto por encima de la página".

<body>
<div class="n3">
<div class="encabezamiento">
<div class="titulo">TÍTULO DEL SITIO</div>
<div class="frase">EDITAR | COLOQUE UNA FRASE AQUÍ</div>
</div>
<div class="menupwg">
<div class="estilopwg_nav">
<ul><li><a href="#">Inicio</a></li>
<li><a href="#">Date de alta</a></li>
<li><a href="#">Identificate</a></li>
<li><a href="#">Foro</a></li>
<li><a href="#">Ejemplos</a></li>
<li><a href="#">Cuentas premium</a></li>
</ul>
</div>
</div>

<div class="cuerpo">
<div class="contenido">
<p>  
Debes copiar y pegar el siguiente código en "Texto por debajo de la página".

</p>
</div>
</div>
<div class="lateral">

<ul id="menuUl">
<li><a href="#">Inicio</a></li><hr>
<li><a href="#">Foro</a></li><hr>
<li><a href="#">Libro de visitas</a></li><hr>
<li><a href="#">Contacto</a></li><hr>
<li><a href="#">Recursos</a></li><hr>
<li><a href="#">Tutoriales</a></li><hr>
<li><a href="#">Diseños</a></li><hr>
</ul>

</div>
<div class="lateral2">
<div class="contenido">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. Cras fringilla magna. Phasellus urna. In tristique orci porttitor ipsum.
</div>
</div>

<div class="final">
<div class="pie">Copyright © 2009-2011 <b>Tu sitio aquí</b> | Diseño hecho por <b>Nesbet</b>
</div>
</div>

</div>
</body>
</html>   
Debes copiar y pegar el siguiente código en "CSS-Code sin style tags".

#title {
display:none;
}
#nav_container {
display:none;
}

.n3
{
width:800px;
margin:auto;
margin-top: 20px;
}

body {
font-family:Arial,Tahoma,Verdana;
background-image: none;
background-color: #f9f8f3;
font-size:13px;
color: #313131;
}

a {
color:#313131;
text-decoration:none;
}
a:hover {
color:#29688c;
}

.encabezamiento {
width:776px;
background-color:#ffffff;
float:left;
padding:12px 12px;
border: 1px solid #d5d4d0;
}

.titulo {
width:780px;
float:left;
margin:0 auto;
padding:0px;
font-family:Impact,Tahoma,Verdana;
color: #fec400;
font-size:50px;
font-weight: bold;
}

.frase {
float:left;
margin:0 auto;
padding:0px;
font-family: Tahoma, Arial;
color: #6f6f6f;
font-size:15px;
font-weight: bold;
}

.cuerpo {
margin-top: 20px;
width:540px;
background-color:#FFF;
float:left;
border: 1px solid #d5d4d0;
}

.contenido {
margin:0;
padding:5px 20px 10px 10px;
}

.lateral {
margin-top: 20px;
width:230px;
background-color:#ffffff;
float:right;
border: 1px solid #d5d4d0;
}

.lateral2 {
margin-top: 20px;
width:230px;
background-color:#FFF;
float:right;
border: 1px solid #d5d4d0;
}

#menuUl {
list-style:none;
margin:0;
padding:10px 20px 10px 10px;
}

#menuUl li a {
background-image:url(https://img.webme.com/pic/n/nesbet/arrowforum.png.gif);
background-repeat:no-repeat;
padding-left:15px;
}

hr {
background:#d5d4d0;
color:#d7d7d7;
height:1px;
border:0 none;
}

.final {
margin-top: 20px;
width:540px;
background-color:#FFF;
float:left;
border: 1px solid #d5d4d0;
margin-bottom: 20px;
}

.pie {
margin:0;
padding:5px 20px 5px 10px;
font-size: 11px;
}

.menupwg {
background-image:url(https://img.webme.com/pic/n/nesbet/menupwg.png);
width:800px;
background-color:#ffffff;
float:left;
border-bottom: 1px solid #d5d4d0;
border-left: 1px solid #d5d4d0;
border-right: 1px solid #d5d4d0;
height: 35px;
}

.estilopwg_nav {
position: absolute;
top: 240px;
left: 18%;
float:left;
margin:0;
}

.estilopwg_nav ul {
list-style:none;

}
.estilopwg_nav ul li {
margin:0 10px 0 0;
padding: 0px;
float:left;
font-weight: bold;
}
.estilopwg_nav ul li a {
display:block;
margin:0;
padding:0px 16px;
color:#000;
text-decoration:none;
font-size:13px;
}
.estilopwg_nav ul li a:hover {
color:#fff;
}


© Nesbet 2008 - 2015. Todos los derechos reservados.
Contacto · Foro · FAQ

Este sitio web fue creado de forma gratuita con PaginaWebGratis.es. ¿Quieres también tu sitio web propio?
Registrarse gratis