:: CP - Recursos Web ::

Ping

Pink

+ Cliquea la imagen

Informacion:
Nombre: Pink
Fecha: 02-07-2012
Creditos: Arcsin
Garantia: Ice Blue ?
Diseño para: RED

Enlazanos:

Compartir:

[ Codigos: ]

- Texto por encima de la pagina:

<div id="container"><div id="nav"><ul>
	<li><a href="URL">Portada</a></li>
	<li><a href="URL">Quienes somos</a></li>
	<li><a href="URL">Nuestro servicios</a></li>
	<li><a href="URL">Videos</a></li>
	<li class="lastnav"><a href="URL">Contactos</a></li>
</ul></div>
<div id="body"><div id="left">
<div id="menu">			
<span class="tab">Miembros</span>			
<span class="tag">Login</span><ul>
	<li><a href="URL">Iniciar sesión</a></li>
	<li><a href="URL">Carrar sesión</a></li>
	<li><a href="URL">Registrarse</a></li>

</ul>				
<span class="tab">Paginas amigas!</span><ul>
	<li><a href="http://cssplantillas.es.tl">Css Plantillas</a></li>
	<li><a href="URL">Pagina amiga 2</a></li>
	<li><a href="URL">Pagina amiga 3</a></li>
	<li><a href="URL">Pagina amiga 4</a></li>
</ul>							
<ul>
	<li><a href="URL">Template Beauty</a></li>
	<li><a href="URL">View all link partners</a></li>
	<li><a href="URL">Become a link partner!</a></li>
</ul>				
<span class="tab">Archivos</span>			
<span class="tag">Listado</span><ul>
	<li><a href="URL">Mayo</a></li>
	<li><a href="URL">Junio</a></li>
	<li><a href="URL">Julio</a></li>
	<li><a href="URL">Agosto</a></li>
</ul></div>

- Texto por debajo de la pagina:

- Codigo Sin style tag's:

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}

body {background: #C0617F url("https://img.webme.com/pic/c/cssplantillas/ping2.gif") repeat-x;
color: #2D2D2D;font-family: tahoma, arial, verdana;
font-size: 11px;margin: 0px;padding: 0px;text-align: center;}
img {border: 0px;}
a:link { color: #FDBDD2;font-weight: bold;text-decoration: none;}	
a:visited { color: #FDBDD2;font-weight: bold;text-decoration: none;	}	
a:hover, a:active { color: #FFFFFF;font-weight: bold;text-decoration: underline;}
#head {height:337px;display:block;width:570px;margin-right:0px;
background-image: url("https://img.webme.com/pic/c/cssplantillas/ping1.jpg"); /* Cambia esta imagen para cambiar de cabezal*/
background-repeat: no-repeat;background-position: right top;z-index:2;
overflow:hidden;}
#head a {position:absolute;top:322px;right:48px;width:50px;
height:20px;z-index:3;display:inline;}
#container {margin: 0px auto;text-align: left;width: 780px;position:relative;}
#copyright {clear: both;color: #FFFFFF;font-size: 10px;
margin-bottom: 10px;padding-right: 15px;text-align: center;	}
.photo {float: right;margin-left: 10px;margin-right: 10px;
padding:5px;border: 1px solid #ca738f;	}
.photo img{border: 1px solid #df8fa9;}
#left {float: left;padding-top: 110px;width: 210px;}
#menu {background: url("https://img.webme.com/pic/c/cssplantillas/ping3.gif") no-repeat;
clear: both;display: block;height: 551px;padding-top: 10px;width: 190px;}
#menu ul {list-style: none;margin: 0px;margin-left: 4px;
margin-bottom: 10px;margin-top: 8px;padding: 0px;}
#menu li {background: url("https://img.webme.com/pic/c/cssplantillas/ping4.gif") no-repeat;
display: block;font-size: 10px;height: 17px;list-style: none;
margin: 0px;padding: 0px;padding-left: 25px;padding-top: 1px;width: 157px;}
#nav {clear: both;height: 50px;width: 700px;position:absolute;margin-left:40px;}
#nav ul {list-style: none;margin: 20px 0px 0px 0px;padding: 0px;width:700px;
z-index:15;position:absolute;text-align:center;}
#nav li {list-style: none;float:left;margin: 0px;padding: 0px;
display:inline;border-right: 1px solid #c0617f;}
#nav a {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;
font-variant: normal;color: #FFFFFF;text-decoration: none;display:inline;text-transform: uppercase;
padding: 20px 20px 10px 20px;}
#nav a:hover {color:#df8fa9;text-decoration:underline;}
#right {float: left;width: 560px;}
#right a{text-decoration:underline;}
.tab {background: url("https://img.webme.com/pic/c/cssplantillas/ping5.gif") no-repeat;color: #F2BCCE;display: block;
font-family: arial;font-size: 15px;font-weight: bold;height: 18px;letter-spacing: -1px;
padding-left: 10px;padding-top: 3px;margin-bottom: 8px;margin-left: 7px;width: 166px;}
.tab2 {background: url("https://img.webme.com/pic/c/cssplantillas/ping6.gif") no-repeat;
display: block;font-size: 10px;
height: 17px;padding-top: 4px;padding-left: 10px;width: 179px;}
.tag {color: #F5E6EB;font-size: 12px;font-weight: bold;margin-left: 25px;	}
.textboxtop,.textboxtop2{color: #F2BCCE;display: block;font-size: 19px;
font-weight: bold;height: 33px;letter-spacing: -1px;margin-left: 8px;
padding-left: 20px;padding-top: 11px;width: 526px;text-transform: uppercase;}
.textboxtop{background: url("https://img.webme.com/pic/c/cssplantillas/ping7.gif") no-repeat;}
.textboxtop2 {background: url("https://img.webme.com/pic/c/cssplantillas/ping8.gif") no-repeat;}
#content {background: #C0617F url("https://img.webme.com/pic/c/cssplantillas/ping9.gif") no-repeat;
border-left: 1px solid #DF8FA9;border-right: 1px solid #DF8FA9;color: #F0C5D2;
margin-left: 8px;padding-left: 20px;padding-right: 10px;padding-top: 20px;
width: 514px;padding-bottom:10px;}
.textboxbottom {background: url("https://img.webme.com/pic/c/cssplantillas/ping10.gif") no-repeat;
color: #FFFFFF;display: block;font-weight: bold;height: 23px;
margin-bottom: 10px;margin-left: 8px;padding-right: 15px;
padding-top: 5px;text-align: right;width: 531px;}
.lastnav{border-right: 0px none #c0617f !important;}

Apuntes
Un bonito diseño, para paginas de mascotas o femeninas en la gran mayoria.
Disfrutalo!

- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Ping

Pink

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado