:: CP - Recursos Web ::

Angry birds

Angry Birds

MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Nombre: Angry Birds

Fecha: 2013-07-26

Creditos: http://cssplantillas.es.tl

Diseño para: Clean

Garantia: SI ?

Descripción:

Una muy bien lograda y simpática planilla, especial para tu sitio web.

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

<style type="text/css">
body {background-color:#9AFE2E;background-image:url("https://img.webme.com/pic/w/webcp/bg01.gif");}
#masthead {padding:0px;border: solid 20px #BEF781;}
#inner-masthead {margin:0px;}
#header-image {background-image: url('https://img.webme.com/pic/w/webcp/angrib01.png');background-position:top right;}
#masthead #header-image {background-color: #BEF781;}
#masthead #claim { background: none;background-color: #BEF781;padding-right: 0px;color:#333;}
#masthead #claim:after {content:" ";border:10px solid transparent;border-top:solid 76px #BEF781;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: rgba(0, 0, 0, 0.5); padding: 5px 5px;} 
#access {background:#333;margin-top:5px;}
#access a {color:#fffmargin-bottom:0px;}
#access ul ul a {background: #888;border-bottom: 1px dotted #ddd;color: #fff;background-image:none;}
#secondmenu {background-color:#fff;}
#secondmenu a {color:#4B8A08;font-weight:bolder;}
#access li:hover > a, #access ul ul :hover > a, #access a:focus {background:#333;color:#fff;}
#access li:hover > a, #access a:focus {color: #FFF;}
#content {background-color:#fff;color:#000;font-size:12px;font-family:verdana;}
#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;}
</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:
Coloca el diseño en el box que dice "Texto sobre el diseño (también se puede utilizar para, por ejemplo, código CSS):" o en el extra "Head"
- Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 152 visitantesGracias por tu visita!

Recomendamos:

| CERRAR