:: CP - Recursos Web ::

<!-- www.cssplantillas.es.tl --> <div id="wrap"><div id="head"> <h1 id="logo-text"><a href="#"></a></h1> <p id="slogan"></p> <div id="header-links"></div></div> <div id="menu"><ul> <li><a href="URL">Link 1</a></li> <li><a href="URL">Link 2</a></li> <li><a href="URL">Link 3</a></li> <li><a href="URL">Link 4</a></li> <li><a href="URL">Link 5</a></li> <li><a href="URL">Link 6</a></li> <li><a href="URL">Link 7</a></li> <li><a href="URL">Link 8</a></li> </ul></div> <div id="content-wrap"><div id="sidebar"> <div class="left-box"> <p class="align-right"></p> </div></div>

Copiar codigo

// www.cssplantillas.es.tl #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;} * { margin: 0; padding: 0; outline: 0 } body {background-image:url("https://img.webme.com/pic/c/cssplantillas/navidad01.jpg");background-color:#ffffff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;color: #555;text-align: center;} a, a:visited {text-decoration: none;color:#B40404;background: inherit;} a:hover {color: #88ac0b;background: inherit;text-decoration: underline;} h1, h2, h3 {font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 {font-size: 150%; font-weight: normal;color: #B40404;} h2 {font-size: 140%;text-transform: uppercase;color:#B40404;} h3 {font-size: 120%;color:#B40404;} h1, h2, h3, p {padding: 10px; margin: 0;} ul, ol {margin: 5px 20px;padding: 0 20px;} #wrap {background: url("https://img.webme.com/pic/c/cssplantillas/navidad05.png") repeat-y center top; margin: 0 auto;text-align: left;background:#fff;width: 838px;} #content-wrap {clear: both;width: 760px;padding: 0;margin: 10px auto;} #head {width: 838px;position: relative;height: 150px;padding: 0; background: #fff url("https://img.webme.com/pic/c/cssplantillas/navidad02.png") no-repeat center top;} #head h1#logo-text a {position: absolute;margin: 0; padding: 0;font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px;color: #FFF;text-transform: none;text-decoration: none;background:transparent;top:25px;left:47px; } #head p#slogan {position: absolute;margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif;text-transform: none;color: #FFF;top: 70px; left: 55px; } #head #header-links {position: absolute;top: 20px; right: 30px;color: #ffffff;font-size: 10px; } #head #header-links a { color: #FFF;text-decoration: none; } #head #header-links a:hover {color: #cccccc; } #menu {clear: both; margin: 0 auto; padding: 0; background: url("https://img.webme.com/pic/c/cssplantillas/navidad03.png") repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;height: 28px;width: 838px;} #menu ul {float: right;list-style: none;margin:0; padding: 0;} #menu ul li {display: inline;} #menu ul li a {display: block;float: left;padding: 0 12px;color: #FFF; text-decoration: none;} #menu ul li.last a {padding-right: 20px; } #menu ul li a:hover {color: #cccccc; } #menu ul li#current a { color: #bc0303;} #main {float: left;width: 70%;padding: 0; margin: 5px 0 0 5px;display: inline;} #main h2 {margin-top: 30px;font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;color: #88ac0b;padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1;background: #FFF none no-repeat 3px 50%; text-transform: none;} #main h2 a {background: none;color: #88ac0b;text-decoration: none;} #main ul li {list-style-image: none;} #footer {color: #C6DDEE;height: 76px;text-align: center;font-size: 92%; background: url("https://img.webme.com/pic/c/cssplantillas/navidad04.png");background-color:#a90000 no-repeat center top; clear: both;width: 838px;} #footer a {color: #FFF;text-decoration: none;}

Copiar codigo

NOTAS:
Un muy buen diseño si buscar decorar tu web para esta navidad! Disfrútalo!
- Para cualquier consulta visita nuestro Foro de soporte.