Your page title here :)

N3.


Nesbet

Simple Black

CSS Design - Simple (Dark)

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="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: #232323;

font-size:13px;

color: #949494;

}



a {

color:#949494;

text-decoration:none;

}

a:hover {

color:#efefef;

} 



.encabezamiento { 

width:780px;

background-color:#3b3b3b;

float:left;

padding:12px 12px;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-moz-box-shadow: 0px 0px 10px #000000;

-webkit-box-shadow: 0px 0px 10px #000000;

box-shadow: 0px 0px 10px #000000;

border: 4px solid #2c2c2c;

}



.titulo { 

width:780px;

float:left;

margin:0 auto;

padding:0;

font-family:Impact,Tahoma,Verdana;

color: #c3c3c3;

font-size:50px;

font-weight: bold;

}



.frase { 

float:left;

margin:0 auto;

padding:0;

font-family: Tahoma, Arial;

color: #a9a9a9;

font-size:15px;

font-weight: bold;

}



.cuerpo {

margin-top: 20px;

width:540px;

background-color:#3b3b3b;

float:left;

padding:36px 12px

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-moz-box-shadow: 0px 0px 10px #000;

-webkit-box-shadow: 0px 0px 10px #000;

box-shadow: 0px 0px 10px #000;

border: 4px solid #2c2c2c;

}



.contenido {

	margin:0;

	padding:5px 20px 10px 10px;

}



.lateral {

margin-top: 20px;

width:230px;

background-color:#2c2c2c;

float:right;

padding:12px

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-moz-box-shadow: 0px 0px 10px #000;

-webkit-box-shadow: 0px 0px 10px #000;

box-shadow: 0px 0px 10px #000;

border: 4px solid #3b3b3b;

} 



.lateral2 {

margin-top: 20px;

width:230px;

background-color:#3b3b3b;

float:right;

padding:12px

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-moz-box-shadow: 0px 0px 10px #000;

-webkit-box-shadow: 0px 0px 10px #000;

box-shadow: 0px 0px 10px #000;

border: 4px solid #2c2c2c;

} 



#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:#7c7c7c;

color:#d7d7d7;

height:1px;

border:0 none;

} 



.final {

margin-top: 20px;

width:540px;

background-color:#3b3b3b;

float:left;

padding:36px 12px

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

-moz-box-shadow: 0px 0px 10px #000;

-webkit-box-shadow: 0px 0px 10px #000;

box-shadow: 0px 0px 10px #000;

border: 4px solid #2c2c2c;

margin-bottom: 20px;

}



.pie {

margin:0;

padding:5px 20px 5px 10px;

font-size: 11px;

}


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

=> ¿Desea una página web gratis? Pues, haz clic aquí! <=