:: CP - Recursos Web ::

Anuncio: Sitio recomendado para Firefox, Chrome. [Más info aqui]

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.

Ya lo han visto 20 visitantesGracias por tu visita!

Recomendamos: Pop Up Automatica

Si tienes alguna pagina de noticias, poemas, o cualquiera que incluya mucho texto, este codigo te ayudara a colocar tu co....

IR AL RECURSO | CERRAR

Buscador

Lo más reciente:

Color predeterninado navegador
Ahora puedes darle al navegador un color predeterminado para abrir tu sitio web, asi adaptarlo al diseño de tu sitio web.
Cat. Generadores | Ver recurso »
Fondo estilo muralla de ladrillo con css
Este es un efecto solamente con CSS, el cual dara un efecto de muralla de ladrillos al fondo de tu web, puedes modificar los colores a tu estilo.
Cat. Formas Css | Ver recurso ?
Fondo Confeti Css
Este es un código que hará el efecto de confeti cayendo en tu web, ideal para año nuevo o para alguna celebración. Es muy fácil de implementar.
Cat. Formas Css | Ver recurso »
CSS Slide
Dejamos a tu disposición este slide que esta hecho solo con CSS, es muy simple pero efectivo a la hora de exhibir imágenes, soporta hasta cuatro imágenes. Este recurso se adapta a pantallas de mobiles y tablets.
Cat. Formas Css | Ver recurso »
Panel desplegable Jquery
Este recurso es muy útil para tu sitio, te permitirá colocar más contenido a tu sitio y poder ocultarlo y solo ver cuando el usuario lo decida, es muy fácil de implementar.
Cat. JQuery | Ver recurso »
LLuvia de estrellas en tu web
Si buscas darle un efecto a tu pagina como estar viajando en el espacio, este se vera genial! es muy simple de instalar y se ve de maravilla.
Cat. Javascript | Ver recurso »
BUSCADOR INTERNO CP
Este menú es muy sencillo de instalar, pero primero lo debes configurar con tus direcciones, solo debes colocar cada una de las palabras que deseas que tus usuarios busque mas la URL. Es buscador genial y de muy buen diseño.
Cat. Juegos Js | Ver recurso »
Barra de progreso
Barra de progreso es un recurso que a medida que vas bajando la pagina una barra ubicada en el pie se va completando, es muy sencilla su instalación y muy útil.
Cat. JQuery | Ver recurso »
Scroll lineal
Scroll lineal te permite mostrar los titulares de tus noticias de una forma muy dinámica y sencilla. Es muy fácil de configurar y muy útil!
Cat. Javascript | Ver recurso »
Z Slide
Z Slide, es un simple modo de presentar tus imágenes o tus titulares, es muy fácil de implementar y te ahorra espacio y le dará interactividad a tu sitio.
Cat. JS Avanzados | Ver recurso ?

Color predeterninado navegador
Ahora puedes darle al navegador un color predeterminado para abrir tu sitio web, asi adaptarlo al diseño de tu sitio web.
Cat. Generadores | Ver recurso »
Fondo estilo muralla de ladrillo con css
Este es un efecto solamente con CSS, el cual dara un efecto de muralla de ladrillos al fondo de tu web, puedes modificar los colores a tu estilo.
Cat. Formas Css | Ver recurso ?
Fondo Confeti Css
Este es un código que hará el efecto de confeti cayendo en tu web, ideal para año nuevo o para alguna celebración. Es muy fácil de implementar.
Cat. Formas Css | Ver recurso »
CSS Slide
Dejamos a tu disposición este slide que esta hecho solo con CSS, es muy simple pero efectivo a la hora de exhibir imágenes, soporta hasta cuatro imágenes. Este recurso se adapta a pantallas de mobiles y tablets.
Cat. Formas Css | Ver recurso »
Panel desplegable Jquery
Este recurso es muy útil para tu sitio, te permitirá colocar más contenido a tu sitio y poder ocultarlo y solo ver cuando el usuario lo decida, es muy fácil de implementar.
Cat. JQuery | Ver recurso »
LLuvia de estrellas en tu web
Si buscas darle un efecto a tu pagina como estar viajando en el espacio, este se vera genial! es muy simple de instalar y se ve de maravilla.
Cat. Javascript | Ver recurso »
BUSCADOR INTERNO CP
Este menú es muy sencillo de instalar, pero primero lo debes configurar con tus direcciones, solo debes colocar cada una de las palabras que deseas que tus usuarios busque mas la URL. Es buscador genial y de muy buen diseño.
Cat. Juegos Js | Ver recurso »
Barra de progreso
Barra de progreso es un recurso que a medida que vas bajando la pagina una barra ubicada en el pie se va completando, es muy sencilla su instalación y muy útil.
Cat. JQuery | Ver recurso »
Scroll lineal
Scroll lineal te permite mostrar los titulares de tus noticias de una forma muy dinámica y sencilla. Es muy fácil de configurar y muy útil!
Cat. Javascript | Ver recurso »
Z Slide
Z Slide, es un simple modo de presentar tus imágenes o tus titulares, es muy fácil de implementar y te ahorra espacio y le dará interactividad a tu sitio.
Cat. JS Avanzados | Ver recurso ?

EN TWITTER!

Tweets by cssplantillas

:: CP - Recursos Web ::

Ping

Pink

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado