adaptaciones-css

transparentia

texto por arriba
<div class="container"><div class="main"> <div class="header"><div class="title"> <h1>Titulo de tu web</h1> </div></div> <div class="content">

texto por debajo

 </div><div class="sidenav"> <h1>Menu Pricipal</h1><ul> <li><a href="URL" _fcksavedurl="URL"></a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> </ul> <h1>Menu 2</h1><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> </ul> <h1>Menu 3</h1><ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a></li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a></li> </ul> <h1>Buscar</h1> <form action="index.html"><div> <input type="text" name="search" class="styled" /> <input type="submit" value="" class="button" /> </div></form></div> <div class="clearer"><span></span></div></div> <div class="footer"> <span class="left">© 2010 <a href="URL" _fcksavedurl="URL">Tu sitio web</a>.</span> <span class="right">Diseño: <a href="http://templates.arcsin.se" _fcksavedurl="http://templates.arcsin.se">Website template</a> Por <a href="http://arcsin.se/" _fcksavedurl="http://arcsin.se/">Arcsin</a> -Get more <a href="http://www.free-css.com" _fcksavedurl="http://www.free-css.com">Free Css</a></span> <div class="clearer"><span></span></div> </div></div>

codigo sin style tags

* {margin: 0;padding: 0;} #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;} a {color: #36C;} a:hover {color: #06F;} body {background: #EEE url("https://img.webme.com/pic/c/cssplantillas/transparentia01.gif"); color: #444;font: normal 62.5% "Lucida Sans Unicode",sans-serif;margin: 0;} input {color: #555;font: normal 1.1em "Lucida Sans Unicode",sans-serif;} p,cite,code,ul {font-size: 1.2em;padding-bottom: 1.2em;} h1 {font-size: 1.4em;margin-bottom: 4px;} h1,h2,h3 {color: #367EA6;padding-top: 6px;} .clearer {clear: both;} .container {background: url("https://img.webme.com/pic/c/cssplantillas/transparentia02.gif") repeat-y; margin: 0 auto;padding-bottom: 6px;width: 767px;border-bottom: 1px solid #DDD;} .header {background: url("https://img.webme.com/pic/c/cssplantillas/transparentia03.gif") repeat-x;} .title h1 {color: #FFF;font: normal 3em Verdana,sans-serif; height: 150px;line-height: 150px;margin-bottom: 8px;text-align: center;} .navigation {margin-bottom: 4px;} .navigation a {background-color: #4A91C3;color: #FFF;float: left;font: bold 1.2em "Trebuchet MS",sans-serif; padding: 8px 0;width: 19%;border-right: 1px solid #FFF;text-align: center;text-decoration: none;} .navigation a:hover {background-color: #000;color: #FFF;} .main {clear: both;padding: 8px 18px;} .sidenav h1,.sidenav ul {padding-left: 12px;} .sidenav {background: #EEE;border: 1px solid #E5E5E5;float: left;width: 200px;} .sidenav h1 {color: #666;font-size: 1.2em;height: 20px;margin-top: 1.2em;} .sidenav ul {border-top: 1px solid #FAFAFA;margin: 0;padding: 0; background: #EEE url("https://img.webme.com/pic/c/cssplantillas/transparentia04.gif") repeat-x;} .sidenav li {border: 1px solid #FAFAFA;border-top: none;list-style: none;margin: 0;} .sidenav li a {color: #777;display: block;font-size: 0.9em;padding: 3px 6px 3px 14px;text-decoration: none;} .sidenav li a:hover {color: #111;} .content {float: right;width: 520px;} .content .item {padding: 6px 12px;border: 1px solid #EEE;background: #FFF;margin-bottom: 8px;} .content .descr {color: #333;margin-bottom: 6px;} /* search form */ form {padding: 0 0 6px 8px;} .styled {border: 1px solid #DDD;padding: 4px;} .button {background: url("https://img.webme.com/pic/c/cssplantillas/transparentia05.gif") no-repeat left bottom; border: none;height: 27px;width: 27px;} .footer {background: #FFF;border: 1px solid #EEE;color: #666;font-size: 1.1em; margin: 0 auto;text-align: center;width: 720px;} .footer a {color: #36C;text-decoration: none;} .footer a:hover {color: #06F;text-decoration: underline;} .footer .left, .footer .right {padding: 6px 12px;} .footer .right, .footer .right a {color: #AAA;} .footer .right a:hover {color: #666;} /* floats */ .left {float: left;} .right {float: right;}

Hosting News

Catch the latest web hosting industry news here...

05
NOV

News Title Here

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam
03
NOV

News Title Here

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam

1-Click Installs

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed

With select hosting packages.

VIEW PLANS

Customer Testimonials

We have many happy customers

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nie...
Mr Roberts, Birmingham
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nie...
Mrs Robinson, Leeds

transparentia

Hosting News

News Title Here

News Title Here

1-Click Installs

Customer Testimonials