:: CP - Recursos Web ::

Hello Kitty

MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Nombre: Hello Kitty

Fecha: 2013-05-25

Creditos: http://cssplantillas.es.tl

Diseño para: Clean

Garantia: SI ?

Descripción:

Diseño Hello Kitty, muy bien logrado, especial para tu página

- Codigo 01: Por encima de la pagina o extra head:

<style type="text/css">
body {background:url("https://img.webme.com/pic/w/webcp/pingsoft03.jpg");}
#masthead {padding:0px;border: solid 20px #FF0080;background-color:#FF0080;}
#inner-masthead {margin:0px;background-color:#;}
#masthead #header-image {background-color:#FF0080;}
#masthead #claim { background:#FF0080;background-color:#FF0080;padding-right: 0px;}
#masthead #claim:after {content:" ";border:10px solid transparent;border-top:solid 76px #FF0080;
border-right:solid 100px transparent;position:absolute; top:0px;right:-100px;}
#masthead #claim:before {content:" ";border-bottom:solid 20px transparent;position:absolute; bottom:0px;left:0px;width:100%;}
#masthead #claim .site-title {color:#FFF;}
#masthead #claim .site-description {color:#fff;text-transform:uppercase;}
#masthead #likeButton {background-color:none; padding: 5px 5px;} 
#access {background:#FF0080;margin-top:5px;}
#access a {color:#fff;margin-bottom:0px;}
#access ul ul a {background:#FF0080;border-bottom: 1px dotted #ddd;color: #fff;background-image:none;}
#secondmenu {background-color:#FF0080;}
#secondmenu a {color:#fff;}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {background:#FF0080;color:#fff;}
#access li:hover > a, #access a:focus {color: #FFF;}
#content {background-image: url("https://img.webme.com/pic/w/webcp/kittydesign.png");
background-repeat:no-repeat;
background-position:bottom right;color:#333;font-size:12px;font-family:verdana;margin:0;}
#content h1{color:#fff;text-decoration:none;}
#content h2{border:none;}
#footer {text-align:center;color:#FFF;width:100%;}
#footer ul li {float: none;margin-right: 0px;}
#header-image {background-image: url('https://img.webme.com/pic/w/webcp/kittydesignbg.png');background-position:bottom right;}
</style>

Copiar codigo

ENLAZANOS

URL DIRECTA

LINK'S HTML

URL CORTA

Descarga

Ahora puedes descargar nuestros recursos, (No en todos los recursos esta disponible esta opcion, disfrutalo

)

Descarga no disponible

[ CLICK PARA VER TUTORIAL ]

NOTAS:
Puedes editar colores y el cabezal, lo hacer editando la penúltima linea del script.
- Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 184 visitantesGracias por tu visita!

Recomendamos:

| CERRAR