:: CP - Recursos Web :: - Abstrac Clean

Abstrac Clean

Abstract Clan

MUESTRA

[ CLICK PARA AGRANDAR ]

INFORMACIÓN

Nombre: Abstract Clan

Fecha: 2013-12-13

Creditos: CssPlantillas

Diseño para: /JQuery.htm

Garantia: SI?

Descripción:

Abstract Clean es una versión oscura de este diseño, fue retocada con CSS, lo puedes modificar a tu gusto.

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

<style type="text/css">
body {background:url("https://img.webme.com/pic/w/webcp/bg04.jpg");}
#masthead {padding:0px;border: solid 20px #333;}
#inner-masthead {margin:0px;}
#masthead #header-image {background-color: #333;}
#masthead #claim { background: none;background-color:#333;padding-right: 0px;}
#masthead #claim:after {content:" ";border:10px solid transparent;border-top:solid 76px #333;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:#333;}
#secondmenu a {color:#fff;}
#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:#333;color:#fff;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

)

DESCAGA NO DISPONIBLE

[ CLICK PARA VER TUTORIAL ]

NOTAS:
Puedes modificar el cabezal y los colores de las flechas del menu en => Editar pagina de PwG.
- Para cualquier consulta visita nuestro Foro de soporte.

Ya lo han visto 259 visitantesGracias por tu visita!

Recomendamos:

| CERRAR