mega-universo-retro

Css

Party Time

<div id="wrapper"> <div id="body"> <div id="head"></div> <div id="topnav"> <a href="http://help-4-pwg.es.tl" _fcksavedurl="http://help-4-pwg.es.tl">Home</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sitemap</a> </div> <h1><img src="http://wimg.co.uk/a_P.jpg" _fcksavedurl="http://wimg.co.uk/a_P.jpg" width="401" height="271" alt="Logo" /></h1> <div id="nav"> <h2><a href="hhttp://help-4-pwg.es.tl" _fcksavedurl="hhttp://help-4-pwg.es.tl"> link</a> | <a href="http://help-4-pwg.es.tl" _fcksavedurl="http://help-4-pwg.es.tl">Link</a> | <a href="http://help-4-pwg.es.tl" _fcksavedurl="http://help-4-pwg.es.tl">Link</a> | <a href="http://help-4-pwg.es.tl" _fcksavedurl="http://help-4-pwg.es.tl">Link</a> | <a href="http://help-4-pwg.es.tl" _fcksavedurl="http://help-4-pwg.es.tl">link</a></h2> </div> <div id="left-box"> <div class="inner"> <img src="http://wimg.co.uk/4Mi.jpg" _fcksavedurl="http://wimg.co.uk/4Mi.jpg" width="271" height="132" alt="Pic 1" /> <h2><img src="http://wimg.co.uk/6Cb.gif" _fcksavedurl="http://wimg.co.uk/6Cb.gif" width="252" height="33" alt="Free Drink Party On" /></h2> <p class="date">18/22/2006</p> <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.</p> </div> </div> <div id="content"> <div id="content-bot"> <div class="inner">  Texto por encima de la pagina
  </div> </div> </div> <div id="tray"> <div class="redbox first"> <h2><img src="http://wimg.co.uk/KsM.jpg" _fcksavedurl="http://wimg.co.uk/KsM.jpg" width="217" height="109" alt="Night Party" /></h2> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <ul> <li>Nam congue dolor ut enim.</li> <li>In consequat laoreet dui.</li> <li>Pellentesque faucibus velit et urna.</li> </ul> </div> <div class="redbox"> <h2><img src="http://wimg.co.uk/eMW.jpg" _fcksavedurl="http://wimg.co.uk/eMW.jpg" width="216" height="109" alt="Our Dj's" /></h2> <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.</p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <br /> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://wimg.co.uk/pdE.jpg" _fcksavedurl="http://wimg.co.uk/pdE.jpg" width="66" height="42" alt="Details" id="details" /></a> </div> <div class="redbox last"> <h2><img src="http://wimg.co.uk/Bte.jpg" _fcksavedurl="http://wimg.co.uk/Bte.jpg" width="216" height="109" alt="H Next Party" /></h2> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>Even more websites all about website templates on <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com">Just Web Templates</a>.</p> <br /> </div> <div class="clear"></div> <div class="divider"></div> </div> <div id="footer"> Copyright @ 2006, <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">www.nightclub.com</a>, All rights Reserved.| designed by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a> | Adaptado por <a href="http://help-4-pwg.es.tl" _fcksavedurl="http://help-4-pwg.es.tl">Help-4-pwg</a></div> </div> </div>Texto por debajo de la pagina
  lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} html, body, h1, h2, h3, h4 { margin: 0px; padding: 0px; } h1 img { display: block; } img { border: 0px; } a { color: #FF7F00; font-weight: bold; text-decoration: none; } a:hover { color: #FFA405; text-decoration: underline; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: #0D0D0D; text-align: center; font: 12px arial, sans-serif; color: #989898; } #wrapper { text-align: left; margin: auto; width: 778px; background: #181818; } #body { position: relative; margin-left: 4px; } #head { position: absolute; top: 0px; left: 401px; width: 370px; height: 266px; background: url(http://wimg.co.uk/Isa.jpg) no-repeat; } #topnav { position: absolute; top: 41px; left: 22px; } #topnav a { font-weight: normal; color: #989898; } #topnav a:hover { color: white; } #left-box { position: absolute; top: 271px; left: 0px; width: 285px; height: 319px; background: #131212 url(http://wimg.co.uk/03u.jpg) repeat-x; } #left-box .inner { padding: 20px 0px 0px 8px; } #left-box h2 { margin: 10px 0px 0px 0px; } #left-box p.date { font-weight: bold; } #left-box p { margin: 3px 2.5em 1em 1.3em; } #nav { position: absolute; top: 290px; left: 300px; width: 486px; } #nav img { float: left; } #content { position: absolute; top: 336px; left: 285px; width: 486px; height: 254px; background: #1E1E1E top left url(http://wimg.co.uk/nRr.jpg) no-repeat; } #content-bot { background: bottom url(http://wimg.co.uk/cFu.gif) repeat-x; height: 254px; margin-left: 1px; overflow: auto; } #content .inner { padding: 10px 27px; } #content .date { margin-top: 0.5em; } #content p { margin: 0.9em; } #tray { margin-top: 330px; border: 1px solid #181818; } #tray .redbox { float: left; width: 217px; _height: 279px; min-height: 279px; background: #800000 url(http://wimg.co.uk/P_4.jpg) repeat-x; margin-left: 11px; padding-top: 19px; padding-left: 16px; padding-right: 16px; color: #CFCFCF; } #tray .first { margin-left: 0px; } #tray p { margin-top: 1em; margin-bottom: 1.4em; padding-left: 2px; } ul { margin: 0px 1em 0px 2em; padding: 0px; } li { padding: 0px; margin: 1em 0px; } .divider { background: bottom url(http://wimg.co.uk/uxk.gif) repeat-x; height: 26px; margin-right: 5px; position: relative; } #details { margin-top: -1.4em; margin-bottom: -4em; float: right; } #footer { background: #101010; text-align: right; margin: 0px 7px 0px 2px; padding: 18px 15px 15px 15px; }Css sin style tags

Moon

  <!-- Start of top navigation/header --> <div id="header"> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> </ul> </div> </div> <!-- End of top navigation/header --> <!-- Start of logo --> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Help-4-Pwg</a></h1> <h2>Ayuda <strong>Webmaster</strong></h2> </div> <!-- End of logo --> <FCK:hr /> <!-- Start of actual page --> <div id="page"> <div id="content"> <div class="news"> <h1 class="title"><a href="#" _fcksavedurl="#">Pagina Principal</a></h1> <p class="meta"><small>Posted on August 10th, 2008 by <a href="#" _fcksavedurl="#">D.Juwara</a></small></p> <div class="entry">Texto por encima de la pagina </div> </div> </div> <div id="right" class="right"> <ul> <li> <h2>Title</h2> <ul> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> </ul> </li> <li> <h2>Affiliates</h2> <ul> <li><a href="http://www.zymic.com" _fcksavedurl="http://www.zymic.com">Zymic</a></li> <li><a href="http://www.runelocus.com" _fcksavedurl="http://www.runelocus.com">RuneLocus</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <ul> <h2>mas</h2> <ul> <li><a href="http://www.zymic.com" _fcksavedurl="http://www.zymic.com">Zymic</a></li> <li><a href="http://www.runelocus.com" _fcksavedurl="http://www.runelocus.com">RuneLocus</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> </ul> </li> </ul> </div> <div style="clear: both;"> </div> </div> <!-- End of actual page --> <!-- Start of footer --> <!-- Do not remove copyright, thank you. --> <div id="footer"> <p>© 2008 All Rights Reserved. <br> Designed by <a href="http://www.runelocus.com/" _fcksavedurl="http://www.runelocus.com/" title="D.Juwara">D.Juwara</a> for <a href="http://www.zymic.com" _fcksavedurl="http://www.zymic.com" title="Zymic Free Templates">Zymic</a> <a href="http://www.zymic.com/free-templates" _fcksavedurl="http://www.zymic.com/free-templates">Free Templates</a>. <a href="http://www.zymic.com/free-web-hosting/" _fcksavedurl="http://www.zymic.com/free-web-hosting/">Free Web Hosting</a> Adaptadado por <a href="http://help-4-pwg.es.tl" _fcksavedurl="http://help-4-pwg.es.tl">Help-4-Pwg</a></p> </div> <!-- End of footer -->  Texto por debajo de la pagina  /* Design by D.Juwara - http://www.runelocus.com/ Made for Zymic.com - Free Web Templates */ lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { margin: 20px 0; background-image: url('http://wimg.co.uk/0sG.png'); } body, th, td { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; } h1, h2 { margin-top: 1.5em; color: #626456; } h1 { letter-spacing: -.075em; font-size: 3em; } h2 { letter-spacing: -.05em; text-transform: uppercase; font-size: 1.0em; font-weight: bold; color: white; } p, ul { margin-top: 1.5em; line-height: 1.8em; font-size: 1.1em; } a { text-decoration: none; color: #3C7BCF; } a:hover { border: none; } h1 a, h2 a, h3 a { border: none; text-decoration: none; color: white; } hr { display: none; } #header { width: 1150px; height: 35px; margin: 0 auto; background-color:transparent; background-image:url(http://wimg.co.uk/WAw.png); } #menu { float: left; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; float: left; height: 25px; padding: 10px 20px 0 20px; text-decoration: none; font-size: 1.1em; font-weight: bold; color: #ffffff; } #menu a:hover { background: #ffffff; color: #2C2E22; } #menu .current_page_item a { background: #ffffff; color: #2C2E22; } /* Logo */ #logo { width: 1140px; height: 200px; margin: 0 auto; background: url(http://wimg.co.uk/CEv.jpg) no-repeat left top; height: 157px; border: 5px solid #ffffff; } #logo h1, #logo h2 { float: left; margin: 0; padding: 0; } #logo h1 { padding: 10px 5px 0 20px; color: #2C2E22; } #logo h2 { padding: 45px 0 0 0; font-style: italic; } #logo p { clear: left; margin: 0; padding: 0 0 0 20px; line-height: normal; font-size: 1.2em; font-weight: bold; color: #FFFFFF; } /* Page */ #page { width: 1140px; margin: 0 auto; padding: 20px 0px 0 0px; background: #FFFFFF; border: 5px solid #ffffff; border-top: none; } /* Content */ #content { float: left; width: 845px; padding: 0px 0px 0px 20px; } .news .title { margin: 0; font-weight: normal; color: white; } .news h1.title { background: url(http://wimg.co.uk/Hy4.gif) no-repeat left top; padding: 10px 0 0 15px; height: 50px; font-size: 2.0em; } .news .entry { padding: 0 10px 30px 15px; } .news .meta { margin: 0; padding: 5px 0px 0px 15px; background: url(http://wimg.co.uk/eTC.gif) repeat-x left bottom; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #000; } .news .meta a { color: #000; } .news .meta a:hover { color: gray; } /* Right navigation */ .right { float: left; } .right ul { margin: 0; padding: 0; list-style: none; } .right li { margin-bottom: 2em; } .right li a:hover { margin-bottom: 2em; color: darkblue; } .right li ul { } .right li li { margin: 0; } .right li h2 { margin: 0 0 1em 0; } #right { width: 230px; padding: 0px 20px 0px 20px; } #right li h2 { margin: 0 0 1em 0; background: url(http://wimg.co.uk/H7x.gif) no-repeat left top; padding: 15px 0 0 15px; height: 50px; } #right li li { padding: 5px; background: url(http://wimg.co.uk/eTC.gif) repeat-x left bottom; font-size: .8em; } #right li a { border: none; padding-left: 10px; } #right li a:hover { border: none; padding-left: 10px; } /* Footer Please leave the copyright/credits, thank you! */ #footer { text-align: center; font-size: 9px; color: white; } #footer a { text-align: center; font-size: 9px; color: cyan; } Css sin style tags 

Gameportal

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>GamePortal</title> <FCK:meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <script src="http://img21.xooimage.com/files/b/b/3/jquery-1.3.2.min-b8f180.js" type="text/javascript"></script> <script src="http://img29.xooimage.com/files/0/4/2/fns-15a43ee.js" type="text/javascript"></script></head> <body> <!-- Page --> <div id="page" class="shell"> <!-- Header --> <div id="header"> <!-- Top Navigation --> <div id="top-nav"> <ul> <li class="home"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">pc</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">xbox</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">360</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">wii</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ps3</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ps2</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">psp</a></li> <li class="last"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ds</a></li> </ul> </div> <!-- / Top Navigation --> <div class="cl"> </div> <!-- Logo --> <div id="logo"> <h1><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">game<span>portal</span></a></h1> <p class="description">your game zone</p> </div> <!-- / Logo --> <!-- Main Navigation --> <div id="main-nav"> <div class="bg-right"> <div class="bg-left"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">community</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">forum</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">video</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">cheats</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">features</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">downloads</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sports</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">tech</a></li> </ul> </div> </div> </div> <!-- / Main Navigation --> <div class="cl"> </div> <!-- Sort Navigation --> <div id="sort-nav"> <div class="bg-right"> <div class="bg-left"> <div class="cl"> </div> <ul> <li class="first active first-active"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Review</a><span class="sep"> </span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Previews </a><span class="sep"> </span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New Releases</a><span class="sep"> </span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Top Games</a><span class="sep"> </span></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">All Games</a><span class="sep"> </span></li> </ul> <div class="cl"> </div> </div> </div> </div> <!-- / Sort Navigation --> </div> <!-- / Header --> <!-- Main --> <div id="main"> <div id="main-bot"> <div class="cl"> </div> <!-- Content --> <div id="content"> <div class="block"> <div class="block-bot"> <div class="block-cnt">   Texto por encima de la pagina </div> </div> </div> <div class="block"></div> </div> <!-- / Content --> <!-- --> <div id="sidebar"> <!-- Search --> <div id="search" class="block"> <div class="block-bot"> <div class="block-cnt"> <form action="http://www.free-css.com/" method="post"> <div class="cl"> </div> <div class="fieldplace"> <input type="text" class="field" value="Search" title="Search" /> </div> <input type="submit" class="button" value="GO" /> <div class="cl"> </div> </form> </div> </div> </div> <!-- / Search --> <!-- Sign In --> <div id="sign" class="block"> <div class="block-bot"> <div class="block-cnt"> <div class="cl"> </div> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="button button-left">sign in</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="button button-right">create account</a> <div class="cl"> </div> <p class="center"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Help?</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Forgot Password?</a></p> </div> </div> </div> <!-- / Sign In --> <div class="block"> <div class="block-bot"> <div class="head"> <div class="head-cnt"> <h3>Top Games</h3> </div> </div> <div class="image-articles articles"> <div class="cl"> </div> <div class="article"> <div class="cl"> </div> <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img1.gif" _fcksavedurl="css/images/img1.gif" alt="" /></a> </div> <div class="cnt"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">TMNT</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p> </div> <div class="cl"> </div> </div> <div class="article"> <div class="cl"> </div> <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img2.gif" _fcksavedurl="css/images/img2.gif" alt="" /></a> </div> <div class="cnt"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">F.E.A.R.2</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p> </div> <div class="cl"> </div> </div> <div class="article"> <div class="cl"> </div> <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img3.gif" _fcksavedurl="css/images/img3.gif" alt="" /></a> </div> <div class="cnt"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Steel Fury</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p> </div> <div class="cl"> </div> </div> <div class="cl"> </div> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="view-all">view all</a> <div class="cl"> </div> </div> </div> </div> <div class="block"> <div class="block-bot"> <div class="head"> <div class="head-cnt"> <h3>Top Videos</h3> </div> </div> <div class="image-articles articles"> <div class="cl"> </div> <div class="article"> <div class="cl"> </div> <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img1.gif" _fcksavedurl="css/images/img1.gif" alt="" /></a> </div> <div class="cnt"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">FALLOUT3</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p> </div> <div class="cl"> </div> </div> <div class="article"> <div class="cl"> </div> <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img2.gif" _fcksavedurl="css/images/img2.gif" alt="" /></a> </div> <div class="cnt"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Crysis</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p> </div> <div class="cl"> </div> </div> <div class="article"> <div class="cl"> </div> <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img3.gif" _fcksavedurl="css/images/img3.gif" alt="" /></a> </div> <div class="cnt"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">F.E.A.R.2</a></h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p> </div> <div class="cl"> </div> </div> <div class="cl"> </div> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="view-all">view all</a> <div class="cl"> </div> </div> </div> </div> <div class="block"> <div class="block-bot"> <div class="head"> <div class="head-cnt"> <h3>Latest Articles</h3> </div> </div> <div class="text-articles articles"> <div class="article"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Dolor amet sodales leo</a></h4> <small class="date">21.07.09</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie urna, id scele- risque leo sodales sit amet</p> </div> <div class="article"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Amet sed lorem sit</a></h4> <small class="date">20.07.09</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p> </div> <div class="article"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Adipsicing elit elementum</a></h4> <small class="date">19.07.09</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie.</p> </div> <div class="article"> <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Consectetur elit sed molestie</a></h4> <small class="date">15.07.09</small> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie.</p> </div> <div class="cl"> </div> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="view-all">view all</a> <div class="cl"> </div> </div> </div> </div> </div> <!-- / Sidebar --> <div class="cl"> </div> <!-- Footer --> <div id="footer"> <div class="navs"> <div class="navs-bot"> <div class="cl"> </div> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">community</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">forum</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">video</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">cheats</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">features</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">downloads</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sports</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">tech</a></li> </ul> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">pc</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">xbox</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">360</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">wii</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ps3</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ps2</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">psp</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ds</a></li> </ul> <div class="cl"> </div> </div> </div> <p class="copy">© Sitename.com. Design by <a href="http://chocotemplates.com" _fcksavedurl="http://chocotemplates.com">ChocoTemplates.com</a> | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/">help-4-pwg</a></p> </div> <!-- / Footer --> </div> </div> <!-- / Main --> </div> <!-- / Page --> </body> </html> Texto por debajo de la pagina /*----- Start "Main definitions" -----*/ * { padding: 0; margin: 0; outline: 0; } body { font-size: 12px; line-height: 1.2; font-family: Arial, "Trebuchet MS", sans-serif; color: #a0a0a0; background: url(http://img47.xooimage.com/files/a/8/9/bg-14b6789.gif) repeat 0 0; text-align: left; } a img { border: 0; } a { color: #a0a0a0; text-decoration: underline; } a:hover { text-decoration: none; } .left { float: left; display: inline; } .right { float: right; display: inline; } .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .field { font-size: 12px; color: #484848; font-family: Arial, "Trebuchet MS", sans-serif; color: #000; border: solid 1px #a0a0a0; width: 140px; padding: 2px 5px; } /*----- End "Main definitions" -----*/ .shell { width: 914px; margin: 0 auto; } #page { padding-bottom: 30px; } #header { width: 100%; position: relative; margin-bottom: 5px; } #logo { text-transform: uppercase; line-height: 1; padding-bottom: 15px; } #logo h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 30px; color: #fff; } #logo h1 a { color: #fff; text-decoration: none; } #logo h1 a span { color: #7ab7e2; } #logo .description { font-size: 10px; color: #cfd2d9; } #top-nav { float: right; display: inline; margin-bottom: 2px; } #top-nav ul { float: left; display: inline; font-size: 10px; line-height: 31px; color: #fff; text-transform: uppercase; background: url(http://img42.xooimage.com/files/3/8/1/top-nav-bg-15a33f0.jpg) repeat-x 0 0; } #top-nav ul li { float: left; display: inline; list-style-type: none; } #top-nav ul li a { float: left; display: inline; color: #fff; text-decoration: none; padding: 0 10px 0 8px; background: url(http://img46.xooimage.com/files/f/9/2/top-nav-sep-15a34cb.gif) no-repeat right 0; } #top-nav ul li a:hover { text-decoration: underline; } #top-nav ul li.last { padding-right: 4px; background: url(http://img46.xooimage.com/files/e/e/f/top-nav-last-15a34dc.giff) no-repeat right 0; } #top-nav ul li.last a { background: none; } #top-nav ul li.home { width: 88px; background: url(http://img44.xooimage.com/files/c/5/d/top-nav-home-15a4137.gif) no-repeat 0 0; } #top-nav ul li.home a { background: none; width: 67px; height: 31px; line-height: 29px; padding: 0; color: #141414; font-weight: bold; padding-left: 21px; } #main-nav { float: right; display: inline; line-height: 32px; background: url(http://img42.xooimage.com/files/b/e/e/main-nav-bg-15a4126.gif) repeat-x 0 0; } #main-nav .bg-right { background: url(http://img42.xooimage.com/files/2/d/4/main-nav-bg-right-15a40e6.gif) no-repeat right 0; } #main-nav .bg-left { background: url(http://img42.xooimage.com/files/d/4/0/main-nav-bg-left-15a40d8.gif) no-repeat 0 0; padding-left: 32px; width: 676px; } #main-nav ul { height: 32px; font-size: 10px; color: #a8a8a8; text-transform: uppercase; } #main-nav ul li { float: left; display: inline; list-style-type: none; background: url(http://img26.xooimage.com/files/a/7/c/main-nav-sep-15a40cd.gif) no-repeat right 0; } #main-nav ul li a { float: left; display: inline; text-decoration: none; color: #a8a8a8; padding: 0 11px 0 9px; } #main-nav ul li a:hover { text-decoration: underline; } #sort-nav { line-height: 46px; background: url(http://img46.xooimage.com/files/9/5/9/sort-nav-bg-15a40be.gif) repeat-x 0 0; } #sort-nav .bg-left { background: url(http://img26.xooimage.com/files/3/0/b/sort-nav-bg-left-15a40b0.gif) no-repeat 0 0; position: relative; height: 46px; } #sort-nav .bg-right { background: url(http://img40.xooimage.com/files/d/7/c/sort-nav-bg-right-15a408d.gif) no-repeat right 0; position: relative; height: 46px; } #sort-nav ul li { float: left; display: inline; list-style-type: none; height: 46px; } #sort-nav ul li a { float: left; display: inline; font-size: 13px; font-weight: bold; color: #282828; text-decoration: none; padding: 0 19px; } #sort-nav ul li span.sep { float: left; display: inline; width: 2px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(http://img24.xooimage.com/files/0/a/b/sort-nav-sep-15a4082.gif); } #sort-nav ul li a:hover { text-decoration: underline; } #sort-nav ul li.active a { color: #fff; text-decoration: none; } #sort-nav ul li.active a:hover { text-decoration: none; } #sort-nav ul li.first-active a { background: url(http://img48.xooimage.com/files/4/d/7/nav-active-first-15a4079.gif) no-repeat 0 0; } #sort-nav ul li.active span.sep { background-image: url(http://img46.xooimage.com/files/5/6/3/nav-active-sep-15a406a.gif); } #sort-nav ul li.active { background: url(http://img44.xooimage.com/files/9/c/8/nav-active-bg-15a4062.gif) repeat-x 0 0; } #main { background: #050505 url(http://img24.xooimage.com/files/8/6/9/main-bg-15a4054.gif) no-repeat 0 0; padding-top: 10px; } #main-bot { background: url(http://img48.xooimage.com/files/a/7/c/main-bot-bg-15a4048.gif) no-repeat 0 bottom; padding: 0 10px 2px 10px; height: 100%; position: relative; } #sidebar { float: left; display: inline; width: 226px; } #content { float: right; display: inline; width: 657px; } .block { margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; } .block .block-bot { height: 100%; position: relative; background-repeat: no-repeat; background-position: 0 bottom; } .block .block-cnt { padding: 10px 10px 10px 9px; } .block .head { background: url(http://img41.xooimage.com/files/7/9/4/block-head-14b678b.gif) no-repeat 0 0; padding-left: 15px; } .block .head .head-cnt { background: url(http://img41.xooimage.com/files/7/9/4/block-head-14b678b.gif) no-repeat right 0; line-height: 38px; height: 38px; padding-right: 13px; } .block .head h3 { font-size: 15px; font-weight: bold; color: #262727; } .block .head .view-all { float: right; display: inline; width: 61px; height: 18px; line-height: 16px; background: url(http://img45.xooimage.com/files/b/b/c/block-head-view-all-14b6791.gif); margin-top: 12px; } .block .head .view-all { color: #656565; font-size: 10px; text-decoration: none; text-align: center; } .block .head .view-all:hover { text-decoration: underline; } #content .block { background-image: url(http://img49.xooimage.com/files/c/a/7/content-block-top-14b67c1.gif); background-color: #313131; width: 657px; } #content .block .block-bot { background-image: url(http://img27.xooimage.com/files/5/3/9/content-block-bot-14b67b7.gif); } #sidebar .block { background-image: url(http://img44.xooimage.com/files/9/d/e/sidebar-block-top-15a3f8c.gif); background-color: #484848; width: 226px; } #sidebar .block .block-bot { background-image: url(http://img40.xooimage.com/files/7/4/7/sidebar-block-bot-15a3f82.gif); } #search .block-cnt { padding: 5px 5px 5px 4px; } #search .fieldplace { float: left; display: inline; width: 170px; height: 22px; background: url(http://img24.xooimage.com/files/a/b/2/search-field-15a3f66.gif) no-repeat 0 0; padding-left: 18px; } #search .fieldplace .field { padding: 3px 6px 4px; width: 158px; border: none; background: none; } #search .button { float: left; display: inline; width: 29px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border: 0; } #search .button { background: url(http://img46.xooimage.com/files/8/e/c/search-button-15a3f5b.gif) no-repeat 0 0; } #sign .block-cnt { padding: 6px 5px 5px 5px; } #sign .button { display: block; font-size: 11px; font-weight: bold; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 29px; } #sign .button { width: 105px; height: 29px; background: url(http://img26.xooimage.com/files/d/0/4/sign-button-15a3f49.gif) no-repeat 0 0; } #sign .button:hover { background-position: 0 bottom; } #sign .button-left { float: left; display: inline; } #sign .button-right { float: right; display: inline; } #sign .center { text-align: center; font-size: 11px; line-height: 16px; margin-top: 4px; } #sign .center a { color: #35cfd9; } #sidebar .articles .article { padding: 8px 7px; background: url(http://img24.xooimage.com/files/6/7/a/sidebar-article-sep-15a3f3f.gif) repeat-x 0 bottom; font-size: 11px; color: #a0a0a0; } #sidebar .articles h4 { color: #fff; font-weight: bold; font-size: 12px; } #sidebar .articles h4 a { color: #fff; text-decoration: none; } #sidebar .articles h4 a:hover { color: #ccc; } #sidebar .articles .view-all { font-size: 10px; letter-spacing: 0.5px; line-height: 24px; float: right; display: inline; margin-right: 6px; } #sidebar .image-articles .image { float: left; display: inline; width: 55px; } #sidebar .image-articles .image img { padding: 1px; border: solid 1px #1e1e1e; width: 51px; height: 51px; } #sidebar .image-articles .cnt { float: right; display: inline; width: 150px; } #sidebar .text-articles .article { padding: 8px 10px; font-size: 12px; } #sidebar .text-articles h4 { font-size: 13px; } #content .articles h4 { font-size: 19px; font-weight: bold; color: #ccc; margin: 4px 0 2px; } #content .articles h4 a { text-decoration: none; color: #ccc; } #content .articles h4 a:hover { color: #fff; } #content .col-articles .image img { padding: 1px; border: solid 1px #050505; width: 194px; height: 194px; } #content .col-articles .article { float: left; display: inline; margin: 17px 0 10px 15px; width: 198px; } #content .row-articles .article { padding: 10px 15px 12px 15px; background: url(http://img25.xooimage.com/files/b/e/2/content-article-sep-14b67aa.gif) repeat-x 0 bottom; } #content .row-articles .last-article { background: none; } #content .row-articles .image { float: left; display: inline; width: 194px; } #content .row-articles .image img { width: 194px; } #content .row-articles .cnt { float: right; display: inline; width: 420px; } #content .row-articles h4 { margin-top: 0; line-height: 20px; } #content .row-articles h4 a { color: #e4e4e4; } #slider { width: 638px; height: 357px; position: relative; } #slider .buttons { position: absolute; top: 250px; right: 15px; z-index: 101; } #slider .buttons span { float: left; display: inline; width: 28px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; margin-left: 2px; } #slider .buttons span.prev { background: url(http://img47.xooimage.com/files/8/7/a/button-prev-14b67a3.png) no-repeat 0 0; } #slider .buttons span.next { background: url(http://img43.xooimage.com/files/3/7/c/button-next-14b6799.png) no-repeat 0 0; } #slider .holder { width: 638px; height: 357px; position: relative; overflow: hidden; } #slider .content { height: 357px; width: 100000px; position: absolute; top: 0; left: 0; } #slider .fragment { float: left; display: inline; width: 638px; height: 357px; list-style-type: none; } #slider .fragment .image { position: relative; width: 638px; height: 287px; } #slider .frame { width: 638px; height: 287px; position: absolute; top: 0; left: 0; z-index: 100; background: url(http://img42.xooimage.com/files/f/3/8/slider-image-bg-15a3ed6.png) no-repeat 0 0; } #slider .frame { font-size: 0; line-height: 0; text-indent: -4000px; } #slider .fragment .cnt { margin-top: 5px; height: 49px; background: url(http://img29.xooimage.com/files/2/8/9/slider-cnt-bg-1622f44.gif) repeat-x; color: #fff; font-size: 11px; line-height: 1.4; padding: 8px 15px; } #slider .fragment .cnt .side-a { float: left; display: inline; width: 150px; } #slider .fragment .cnt .side-b { float: right; display: inline; width: 430px; } #slider .fragment .cnt h4 { font-size: 19px; font-weight: bold; color: #212121; text-transform: uppercase; margin-bottom: 5px; } #slider .fragment .cnt .rating li { float: left; display: inline; list-style-type: none; font-size: 9px; color: #050505; text-transform: uppercase; margin-right: 1px; } #slider .fragment .cnt .rating li .star { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; } #slider .fragment .cnt .rating li .empty-star { background: url(http://img49.xooimage.com/files/a/e/6/empty-star-14b67d4.gif); } #slider .fragment .cnt .rating li .full-star { background: url(http://img47.xooimage.com/files/a/f/b/full-star-15a3c90.gif); } #slider .fragment .cnt .rating li .votes { float: left; display: inline; margin-top: 3px; margin-left: 4px; } #footer .copy { font-size: 10px; color: #363636; text-transform: uppercase; text-align: right; padding: 20px 0; } #footer .copy a{ color: #363636; } #footer .navs { background: #222 url(http://img42.xooimage.com/files/5/5/9/footer-navs-top-162325c.gif) no-repeat 0 0; text-align: center; font-size: 10px; text-transform: uppercase; color: #656565; height: 100%; position: relative; } #footer .navs .navs-bot { background: url(http://img45.xooimage.com/files/4/8/f/footer-navs-bot-14b67dc.gif) no-repeat 0 bottom; height: 100%; position: relative; } #footer .navs ul { margin: 10px 0; } #footer .navs ul li { list-style-type: none; display: inline; padding: 0 6px; } #footer .navs ul li a { color: #656565; text-decoration: none; } #footer .navs ul li a:hover { text-decoration: underline; } lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  Css sin style tags 

Stripe Web [PROPIO]

  <!-- Begin Wrapper --> <div id="wrapper"> <!-- Begin Header --> <div id="header"><h1><a href="http://www.help-4-pw.es.tl" _fcksavedurl="http://www.help-4-pw.es.tl">Titulo</a></h1></div> <!-- End Header --> <!-- Begin Navigation --> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">link 1</a></li> <li><a href="#" _fcksavedurl="#">link 2</a></li> <li><a href="#" _fcksavedurl="#">link 3</a></li> <li><a href="#" _fcksavedurl="#">link 4</a></li> <li><a href="#" _fcksavedurl="#">link 5</a></li> </ul> </div> <!-- End Navigation --> <!-- Begin Faux Columns --> <div id="faux"> <!-- Begin Left Column --> <div id="leftcolumn">Texto por encima de la pagina  <div class="clear"> </div> </div> <!-- End Left Column --> <!-- Begin Right Column --> <div id="sidebar"> <h3>Categoria</h3> <ul class="sidemenu"> <li><a href="#" _fcksavedurl="#">link</a></li> </ul> <h3>Categoria</h3> <ul class="sidemenu"> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> <li><a href="#" _fcksavedurl="#">link</a></li> </ul> </div> <div class="clear"> </div> </div> <!-- End Faux Columns --> <!-- Begin Footer --> <div id="footer">Plantilla Creada y adaptada por <a href="http://www.help-4-pwg.es.tl" _fcksavedurl="http://www.help-4-pwg.es.tl">Help-4-Pwg</a></div> <!-- End Footer --> </div> <!-- End Wrapper -->  Texto por debajo de la pagina  lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { padding: 0; margin: 0; } body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; background: url(http://img28.xooimage.com/files/f/7/d/stripe_3e46bcf951...3aef34a3-19262a5.png); } #wrapper { margin: 0 auto; width: 922px; } #faux { background: url(http://img24.xooimage.com/files/1/c/b/faux-4-2-col-165e8c5.gif); margin-bottom: 0px; overflow: auto; width: 100% } #header { color: #333; border:#000 width: 902px; padding: 10px; height: 100px; margin: 10px 0px 0px 0px; background: url(http://img47.xooimage.com/files/9/5/0/sin-t-tulo-1-1b4f74a.png) } #header a{ color:#FFF; } #menu { background:url(http://img41.xooimage.com/files/3/2/d/stripe_3e46bcf951...3aef34a3-1b4f6cd.png); padding: 20px; margin: 0px 0px 0px 0px; border: #000; color:#FFF; } #menu ul { margin: 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; padding: 0px 10px; text-decoration: none; text-transform: lowercase; font-size:17px; color:#FFF; font-weight: bold; } #menu a:hover, #menu .active a { padding: 0px 10px; background: url(http://img45.xooimage.com/files/8/d/1/stripe_3e46bcf951...3aef34a3-1b4f7da.png) repeat-x left bottom; color: #FF0; font-size:17px; } #sidebar { display: inline; color: #333; margin:10px; padding:0; width: 195px; float: right; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } #leftcolumn { float: left; color: #333; margin:10px; padding:0; width: 683px; display: inline; position: relative; } #footer { width: 902px; clear: both; color: #FFF; background:url(http://img1.xooimage.com/files/5/e/1/footer-1b5700c.png); margin: 0px 0px 10px 0px; padding: 10px; } #footer a{ color:#F00 } .clear { clear: both; background: none; } Css sin style tags

withe clean

<div id="wrap"> <div id="header"> <h1><a href="#" _fcksavedurl="#">Website Title</a></h1> <h2>Subheader, website description H2</h2> </div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Photos</a></li> <li><a href="#" _fcksavedurl="#">Links</a></li> <li><a href="#" _fcksavedurl="#">Forum</a></li> <li><a href="#" _fcksavedurl="#">Free Stuff</a></li> <li><a href="#" _fcksavedurl="#">Downloads</a></li> <li><a href="#" _fcksavedurl="#">Products</a></li> <li><a href="#" _fcksavedurl="#">SiteMap</a></li> </ul> </div> <div id="content"> <div class="right"> Texto por encima de la pagina
</div> <h2><a href="#" _fcksavedurl="#">Title with a link - Example of heading 2</a></h2> <div class="articles"> Donec nulla. Aenean eu augue ac nisl tincidunt rutrum. Proin erat justo, pharetra eget, posuere at, malesuada et, nulla. Donec pretium nibh sed est faucibus suscipit. Nunc nisi. Nullam vehicula. In ipsum lorem, bibendum sed, consectetuer et, gravida id, erat. Ut imperdiet, leo vel condimentum faucibus, risus justo feugiat purus, vitae congue nulla diam non urna. </div> </div> <div class="left"> <h2>Categories :</h2> <ul> <li><a href="#" _fcksavedurl="#">World Politics</a></li> <li><a href="#" _fcksavedurl="#">Europe Sport</a></li> <li><a href="#" _fcksavedurl="#">Networking</a></li> <li><a href="#" _fcksavedurl="#">Nature - Africa</a></li> <li><a href="#" _fcksavedurl="#">SuperCool</a></li> <li><a href="#" _fcksavedurl="#">Last Category</a></li> </ul> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">January 2007</a></li> <li><a href="#" _fcksavedurl="#">February 2007</a></li> <li><a href="#" _fcksavedurl="#">March 2007</a></li> <li><a href="#" _fcksavedurl="#">April 2007</a></li> <li><a href="#" _fcksavedurl="#">May 2007</a></li> <li><a href="#" _fcksavedurl="#">June 2007</a></li> <li><a href="#" _fcksavedurl="#">July 2007</a></li> <li><a href="#" _fcksavedurl="#">August 2007</a></li> <li><a href="#" _fcksavedurl="#">September 2007</a></li> <li><a href="#" _fcksavedurl="#">October 2007</a></li> <li><a href="#" _fcksavedurl="#">November 2007</a></li> <li><a href="#" _fcksavedurl="#">December 2007</a></li> </ul> </div> <div style="clear: both;"> </div> </div> <div id="footer"> Designed by <a href="http://www.free-css-templates.com/" _fcksavedurl="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.openwebdesign.org/" _fcksavedurl="http://www.openwebdesign.org/">website design</a> | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/">help-4-pwg</a> </div> </div>  Texto por debajo de la pagina 
* { padding: 0; margin: 0; } body { background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333333;; } img { border: none; } a { color: #57626a; text-decoration: none; } a:hover { text-decoration: underline; color : #000; } #wrap { margin: 0 auto; width: 800px; } #header { padding: 10px 0 20px 0; } #header h1 { font-size: 26px; font-weight: 100; letter-spacing: -3px; padding: 12px 0 5px 10px; } #header h1 a { color: #57626a; text-decoration: none; } #header h1 a:hover { color: #57626a; text-decoration: none; } #header h2 { color: #ccc; font-size: 15px; font-weight: 100; padding: 0 0 0 11px; letter-spacing: -1px; line-height: 12px; } #menu { height: 40px; line-height: 40px; background: #57626a url(http://img41.xooimage.com/files/a/3/b/menu-1905756.jpg) no-repeat; text-transform: uppercase; } #menu ul { padding-left: 10px; list-style-type: none; } #menu ul li { display: block; float: left; } #menu ul li a { color: #eee; padding: 0 10px; text-decoration: none; font-weight: 100; font-size: 14px; letter-spacing: -1px; } #menu ul li a:hover { color: #eee; text-decoration: underline; } #content { padding: 10px 20px; } .right { width: 568px; float: right; text-align: justify; } .right h2 { color: #FF4800; font-size: 20px; letter-spacing: -3px; font-weight: 100; padding : 10px 0 15px 0; } .left { width: 150px; float: left; padding: 10px; border-right: 1px solid #bbb; font-size: 12px; } .left ul { list-style-type: square; padding: 5px 10px 10px 20px; color: #57626a; } .left h2 { height: 30px; font-size: 14px; color: #666; line-height: 30px; font-weight: 600; } .left a { text-decoration: none } #footer { background: #eee; border-top: 3px solid #57626a; margin-top: 20px; text-align: center; color: #333; font-size: 11px; padding: 10px; } Css sin style tags

Music Template

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> </head> <body> <div id="container"> <!-- Adaptado por Help-4-pwg --> <!-- Start of Page Title --> <div id="page_title"> <h1><span>The Music Website</span></h1> </div> <!-- End of Page Title --> <div id="header_image"><span> </span></div> <!-- Start of Page Header --> <!-- Adaptado por Help-4-pwg --> <div id="header_container_left"> <div id="header_container_right"> <div id="header_container"> <div id="page_header"> <div id="header_hidden"> </div> <!-- Start of Header Punchline --> <div id="header_punchline"> <h3><span>Your Punchline Goes Here</span></h3> </div> <!-- End of Header Punchline --> <!-- Start of Header Navigation Menu --> <div id="header_menu"> <!-- Adaptado por Help-4-pwg --> <ul> <li id="menu_1"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Home</b></a></li> <li id="menu_2"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>About Us</b></a></li> <li id="menu_3"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Products</b></a></li> <li id="menu_4"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Services</b></a></li> <li id="menu_5"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Contacts</b></a></li> </ul> </div> <!-- End of Page Header : Menu --> <!-- Start of Header Links --> <div id="header_links"> <ul> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">make your own music</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">grab the hottest tracks</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">read previews</a></li> </ul> </div> <!-- End of Header Links --> <div class="clearthis"> </div> </div> </div> </div> </div> <!-- End of Page Header --> <!-- Start of Main Content --> <div id="maincontent_container"> <div id="maincontent"> Texto por encima de la pagina  </div><!-- Adaptado por Help-4-pwg --> </div> <!-- End of Main Content --> <!-- Start of Page Footer --> <div id="page_footer"> Powered by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/">help-4-pwg</a></ </div> <!-- Adaptado por Help-4-pwg --> <!-- End of Page Footer --> </div> </body> </html>  Texto por debajo de la pagina * { margin: 0px; padding: 0px; } body { background: url('http://img49.xooimage.com/files/d/4/a/background-176c8cb.gif') #3e3437 repeat 0px 0px; color: #b1b0ae; font-family: verdana, arial, sans-serif; font-size: 11px; text-align: center; } /* ADAPTADO POR HELP-4-PWG */ a { color: #b1b0ae; text-decoration: underline; } a:hover { color: #8b8a89; } span { display: none; } img { border: none; } /* ADAPTADO POR HELP-4-PWG */ ul { list-style-type: none; } li { list-style-type: none; } /* ADAPTADO POR HELP-4-PWG */ p { margin: 10px 0px 20px; text-align: justify; line-height: 14px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #container { margin: 0px auto; width: 719px; text-align: left; } /* ADAPTADO POR HELP-4-PWG */ .link-more { font-size: 10px; font-family: tahoma, arial, sans-serif; font-weight: bold; text-align: right; line-height: 10px; } .link-more a { text-decoration: none; } /* Page Title */ #page_title { padding: 16px 0px 11px; } #page_title h1 { height: 34px; background: url('http://img27.xooimage.com/files/9/6/c/website_title-1980e58.gif') no-repeat 50% 0%; } /* Page Header Containers */ #header_image { position: absolute; margin-left: 533px; width: 136px; } /* ADAPTADO POR HELP-4-PWG */ #header_image span { float: right; display: block; background: url('http://img41.xooimage.com/files/c/a/8/header_image-176c8db.gif') no-repeat 0px 0px; position: relative; top: -28px; z-index: 1; width: 136px; height: 195px; } #header_container_left { padding-left: 61px; background: url('http://img45.xooimage.com/files/9/3/a/body_leftspeaker-176c8e6.gif') no-repeat 0px 5px; } #header_container_right { margin-right: 8px; padding-right: 53px; background: url('http://img43.xooimage.com/files/9/e/8/body_rightspeaker-176c8ed.gif') no-repeat 100% 5px; } #header_container { border: 1px solid #9d9898; } /* ADAPTADO POR HELP-4-PWG */ #page_header { width: 595px; height: 147px; background: url('http://img41.xooimage.com/files/c/a/a/header_background-176c8d5.gif') no-repeat 0px 0px; color: #fbc551; overflow: hidden; font-size: 10px; font-family: tahoma, arial, sans-serif; font-weight: bold; text-align: left; } #page_header a { color: #fbc551; } #page_header a:hover { color: #fbfe00; } #header_hidden { width: 145px; height: 147px; float: right; overflow: hidden; } /* ADAPTADO POR HELP-4-PWG */ /* Page Header Punchline */ #header_punchline { padding-top: 29px; width: 310px; float: right; } #header_punchline h3 { width: 310px; height: 13px; background: url('http://img23.xooimage.com/files/f/2/2/website_punchline-1980e85.gif') no-repeat 0px 0px; } /* Header Navigation Menu */ #header_menu { padding-top: 28px; width: 140px; float: left; } #header_menu ul { margin-left: 19px; width: 73px; } /* ADAPTADO POR HELP-4-PWG */ #header_menu li { margin-bottom: 3px; border: 1px solid #ea7711; float: left; } #header_menu li a { display: block; width: 71px; height: 15px; text-decoration: none; overflow: hidden; } #header_menu li a:hover { background-image: none; background-color: #6c0528; } #header_menu li a b { display: block; margin-top: 1px; padding-left: 15px; } /* ADAPTADO POR HELP-4-PWG */ li#menu_1 a { background: url('http://img49.xooimage.com/files/4/f/1/menu_1_bg-176c8de.gif') no-repeat 0px 0px; } li#menu_2 a { background: url('http://img29.xooimage.com/files/f/6/3/menu_2_bg-176c8e1.gif') no-repeat 0px 0px; } li#menu_3 a { background: url('http://img21.xooimage.com/files/9/c/7/menu_3_bg-176c8e3.gif') no-repeat 0px 0px; } li#menu_4 a { background: url('http://img29.xooimage.com/files/1/e/4/menu_4_bg-176c8e4.gif') no-repeat 0px 0px; } li#menu_5 a { background: url('http://img23.xooimage.com/files/0/8/b/menu_5_bg-176c8e5.gif') no-repeat 0px 0px; } /* ADAPTADO POR HELP-4-PWG */ /* Page Header Links */ #header_links { padding-top: 25px; width: 310px; float: right; } #header_links ul { padding-left: 2px; } #header_links li { padding-bottom: 3px; } /* Main Content Area */ #maincontent_container { margin: 1px 61px; padding: 18px 20px 12px; border: 1px solid #9d9898; background-color: #6c0528; } #maincontent { width: 555px; } #maincontent .divider { width: 555px; height: 1px; background: url('http://img43.xooimage.com/files/e/c/1/body_divider-176c8cc.gif') repeat-x 0px 0px; overflow: hidden; } /* Chartbusters */ #chartbusters { margin: 0px 1px 12px; width: 553px; } /* ADAPTADO POR HELP-4-PWG */ #chartbusters h2 { width: 78px; height: 20px; background: url('http://img23.xooimage.com/files/f/4/e/chartbusters_title-1980ea6.gif') no-repeat 0px 0px; } .chartbusters_entry { margin: 20px 0px 5px; width: 553px; } .chartbusters_thumbnail { margin-top: 2px; float: left; } .chartbusters_thumbnail img { border: 1px solid #978f8d; } .chartbusters_details { float: right; width: 450px; } .chartbusters_details p { margin: 1px 0px 10px; } #chartbusters .link-more { text-transform: lowercase; } /* ADAPTADO POR HELP-4-PWG */ #chartbusters .link-more a { color: #ffa329; } #chartbusters .link-more a:hover { color: #d88a23; } /* ADAPTADO POR HELP-4-PWG */ /* My Music Shop */ #musicshop { margin: 10px 1px 2px; width: 553px; } #musicshop h2 { width: 116px; height: 20px; background: url('http://img43.xooimage.com/files/2/2/6/musicshop_title-1980eab.gif') no-repeat 0px 0px; } #musicshop .link-more { text-transform: lowercase; } #musicshop .link-more a { color: #a9c60f; } #musicshop .link-more a:hover { color: #89a207; } /* Page Footer */ #page_footer { margin: 10px 61px 10px; color: #fff; font-family: tahoma, arial, sans-serif; font-size: 11px; text-align: center; } #page_footer a { color: #fff; } #page_footer a:hover { color: #ceced0; }Css sin style tags 

 

Super hero
 

 
<!-- start header --> <div id="header"> <h1>Super Hero</h1> <p>By Help-4-pwg</p> </div> <!-- end header --> <!-- start page --> <div id="page"> <!-- start content --> <div id="content"> Texto por encima de la pagina 
</div> <!-- end content --> <!-- start sidebar --> <div id="sidebar"> <ul> <li> <h2>Gallery</h2> <ul> <li><a href="#" _fcksavedurl="#">Super Hero 1</a></li> <li><a href="#" _fcksavedurl="#">Super Hero 2</a></li> <li><a href="#" _fcksavedurl="#">Super Hero 3</a></li> <li><a href="#" _fcksavedurl="#">Super Hero 4</a></li> <li><a href="#" _fcksavedurl="#">Super Hero 5</a></li> <li><a href="#" _fcksavedurl="#">Super Hero 6</a></li> </ul> </li> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">September</a> (45)</li> <li><a href="#" _fcksavedurl="#">August</a> (5651)</li> <li><a href="#" _fcksavedurl="#">July</a> (56)</li> <li><a href="#" _fcksavedurl="#">June</a> (89)</li> <li><a href="#" _fcksavedurl="#">May</a> (123)</li> <li><a href="#" _fcksavedurl="#">April</a> (34)</li> <li><a href="#" _fcksavedurl="#">March</a> (78)</li> <li><a href="#" _fcksavedurl="#">February</a> (56)</li> <li><a href="#" _fcksavedurl="#">January</a> (89)</li> </ul> </li> </ul> </div> <!-- end sidebar --> </div> <!-- end page --> <div id="footer"> <p><p>Copyright © 2008. Designed by <a href="http://www.flash-templates-today.com/" _fcksavedurl="http://www.flash-templates-today.com/" title="Free Flash Templates">Free Flash Templates</a> <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><FCK:abbr title="eXtensible HyperText Markup Language">XHTML</FCK:abbr></a> | Adaptada por <a href="http://www.help-4-pwg.es.tl" _fcksavedurl="http://www.help-4-pwg.es.tl" title="Help-4-pwg"><FCK:abbr title="Help-4-pwg">Help-4-pwg</FCK:abbr></a></p> </div>  Texto por debajo de la pagina lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { margin: 0; padding: 0; background: #000 url(http://img21.xooimage.com/files/a/0/f/img01-1810061.jpg) no-repeat top center; font-size: 13px; color: #EBE6E3; } body, th, td, input, textarea, select, option { font-weight: normal; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; } h1, h2, h3 { font-weight: normal; color: #508BF4; } h1 { text-transform: lowercase; letter-spacing: -1px; font-size: 24px; } h2 { text-transform: lowercase; letter-spacing: -1px; font-size: 24px; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul, blockquote ol { line-height: normal; font-style: italic; } a { color: #F40D04; } a:hover { text-decoration: none; color: #fff; } /* Header */ #header { width: 760px; height: 280px; margin: 0 auto; background: none no-repeat right top; } #header h1, #header p { margin: 0; color: #F40D04; } #header h1 { font-size: 30px; } #header h1 { padding-top: 100px; } #header a { color: #FED772; } /* Page */ #page { width: 760px; margin: 0 auto; } /* Content */ #content { float: left; width: 460px; } .post { padding: 0 0 20px 0; } .title { margin: 0; border-bottom: 2px solid #F40D04; } .byline { margin: 0; color: #F40D04; } .meta { text-align: right; color: #F40D04; } .meta .more { padding-left: 20px; background: url(http://img47.xooimage.com/files/5/c/c/img03-181006e.gif) no-repeat left center; } .meta .comments { padding-left: 20px; background: url(http://img27.xooimage.com/files/4/8/0/img04-181006f.gif) no-repeat left center; } /* Sidebar */ #sidebar { float: right; width: 240px; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { } #sidebar li ul { padding: 15px 0; } #sidebar li li { padding-left: 20px; border-bottom: 1px dotted #F40D04; background: url(http://img21.xooimage.com/files/c/d/2/img02-1810074.gif) no-repeat 5px 50%; } #sidebar h2 { margin: 0; padding: 5px 0 0 0; border-bottom: 2px solid #F40D04; } #sidebar a { text-decoration: none; } #sidebar a:hover { } /* Footer */ #footer { clear: both; width: 760px; margin: 0 auto; padding: 20px 0; border-top: 2px solid #F40D04; background: url(#) repeat-x; text-align: center; font-size: smaller; }Css sin style tags 

 

Midnight
 

<FCK:meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Midnight by Free Css Templates</title> <FCK:meta name="keywords" content="" /> <FCK:meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Midnight</a></h1> <h2><a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">By Free CSS Templates</a></h2> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#" title="">Homepage</a></li> <li><a href="#" _fcksavedurl="#" title="">About Us</a></li> <li><a href="#" _fcksavedurl="#" title="">Products</a></li> <li><a href="#" _fcksavedurl="#" title="">Clients</a></li> <li><a href="#" _fcksavedurl="#" title="">Support</a></li> </ul> </div> </div> <div id="wrapper"> <div id="content"> <div id="sidebar"> <div id="support"> <h2>Customer Support</h2> <h3>1-800-1234567</h3> </div> <div id="login" class="boxed"> <h2 class="title">Client Account</h2> <div class="content"> <form id="form1" method="post" action="#"> <fieldset> <legend>Sign-In</legend> <label for="inputtext1">Client ID:</label> <input id="inputtext1" type="text" name="inputtext1" value="" /> <label for="inputtext2">Password:</label> <input id="inputtext2" type="password" name="inputtext2" value="" /> <input id="inputsubmit1" type="submit" name="inputsubmit1" value="Sign In" /> <p><a href="#" _fcksavedurl="#">Forgot your password?</a></p> </fieldset> </form> </div> </div> <div id="updates" class="boxed"> <h2 class="title">Recent Updates</h2> <div class="content"> <ul> <li> <h3>March 5, 2007</h3> <p><a href="#" _fcksavedurl="#">In posuere eleifend odio quisque semper augue mattis wisi maecenas ligula…</a></p> </li> <li> <h3>March 3, 2007</h3> <p><a href="#" _fcksavedurl="#">Quisque dictum integer nisl risus, sagittis convallis, rutrum id, congue, and nibh…</a></p> </li> <li> <h3>February 28, 2007</h3> <p><a href="#" _fcksavedurl="#">Donec leo, vivamus fermentum nibh in augue praesent a lacus at urna congue rutrum…</a></p> </li> <li> <h3>February 25, 2007</h3> <p><a href="#" _fcksavedurl="#">Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam nequea…</a></p> </li> <li> <h3>February 20, 2007</h3> <p><a href="#" _fcksavedurl="#">Vivamus fermentum nibh in augue. Praesent a lacus at urna congue rutrum. Nulla enim eros…</a></p> </li> </ul> </div> </div> </div> <div id="main">Texto por encima de la pagina </div> </div> <div style="clear: both;"> </div> </div> <div id="footer"> <p id="legal">Copyright © 2007 Midnight. All Rights Reserved. Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a> | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/">help-4-pwg</a></p> <p id="links"><a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a></p> </div> </body> </html>na  Texto por debajo de la pagina  /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ * { margin: 0; padding: 0; } body { margin-top: 220px; background: #000000 url(http://img22.xooimage.com/files/4/5/f/img01-ee8495.jpg) no-repeat center top; font: normal small Verdana, Arial, Helvetica, sans-serif; color: #999999; } h1, h2, h3 { color: #FFFFFF; } h2 { } h3 { } p, blockquote, ul, ol { margin-bottom: 1.4em; line-height: 1.8em; text-align: justify; } p { } blockquote { margin-left: 2em; margin-right: 2em; font-style: italic; } ul { margin-left: 3em; } ul li { } ol { margin-left: 3em; } ol li { } a { text-decoration: none; color: #FFFFFF; } a:hover { text-decoration: underline; } img { border: 4px solid #C4C2C2; } /* Boxed Style */ .boxed { margin-bottom: 20px; } .boxed .title { margin: 0; padding: 5px 0; background: url(http://img42.xooimage.com/files/2/8/e/img07-ee84b6.gif) repeat-x left bottom; font-size: 1em; } .boxed .content { padding: 15px; } /* Post */ .post { } .post .title { padding: 10px 0; background: url(http://img42.xooimage.com/files/2/8/e/img07-ee84b6.gif) repeat-x left bottom; font-size: 1.6em; font-weight: normal; } .post .date { padding-top: 5px; font-size: .8em; font-weight: normal; } .post .date .month { } .post .date .day { } .post .date .year { } .post .meta { padding-bottom: 10px; background: url(http://img42.xooimage.com/files/2/8/e/img07-ee84b6.gif) repeat-x left bottom; font-size: .8em; } .post .meta p { margin: 0; line-height: normal; } .post .story { padding: 20px; } /* Header */ #header { height: 61px; background: url(http://img8.xooimage.com/files/0/e/6/img02-262218.gif) repeat-x; } /* Header > Logo */ #logo { width: 700px; height: 19px; margin: 0 auto; padding: 6px 0 0 0; } #logo h1, #logo h2 { text-transform: uppercase; letter-spacing: 1px; font-size: 11px; } #logo h1 { float: left; } #logo h2 { float: right; } #logo a { } /* Header > Menu */ #menu { width: 700px; height: 27px; margin: 0 auto; } #menu ul { margin: 0; padding: 7px 0 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; height: 25px; margin: 0 5px 0 0; padding: 2px 25px 0 25px; background: url(http://img40.xooimage.com/files/d/6/8/img03-ee84c2.gif) repeat-x; border: 1px solid #222222; text-align: center; font-size: 9px; font-weight: bold; color: #FFFFFF; } #menu a:hover { background-image: url(http://img40.xooimage.com/files/d/6/8/img03-ee84c2.gif); text-decoration: none; } #menu .active a { background-image: url(http://img20.xooimage.com/files/f/9/9/img05-ee84cc.gif); } /* Wrapper */ #wrapper { background: url(http://img20.xooimage.com/files/c/f/0/img06-ee84d1.gif) repeat-x; } /* Content */ #content { width: 700px; margin: 0 auto; padding: 20px 0 0 0; } /* Content > Main */ #main { float: right; width: 460px; } /* Content > Main > Welcome */ #welcome { padding-top: 5px; } /* Content > Main > Example */ #example { } /* Content > Sidebar */ #sidebar { float: left; width: 220px; } /* Content > Sidebar > Support */ #support { padding: 20px 15px; color: #FF8A00; } #support h2 { margin: 0; font-size: 1.3em; color: #FF8A00; } #support h3 { margin: 0; font-size: 1em; color: #FF8A00; } /* Content > Sidebar > Login */ #login { } #login form { } #login fieldset { border: none; } #login legend { display: none; } #login label { font-size: x-small; font-weight: bold; } #login input { margin-bottom: 5px; padding: 2px 5px; border: 1px solid #385B88; font-family: Verdana, Arial, Helvetica, sans-serif; } #inputtext1, #inputtext2 { color: #385B88; } #inputsubmit1 { background: #385B88; color: #FFFFFF; } #login p { font-size: .8em; } /* Content > Sidebar > Updates*/ #updates { } #updates ul { margin: 0; list-style: none; } #updates h3 { margin: 0; font: bold x-small Verdana, Arial, Helvetica, sans-serif; } #updates p { margin-bottom: 1.4em; font-size: smaller; line-height: normal; } /* Content > Sidebar > Partners*/ #partners { } #partners .content { padding: 10px 0; } #partners ul { margin: 0; border-bottom: 1px solid #D1BC5C; list-style: none; line-height: normal; } #partners li { padding: 10px; border-top: 1px solid #D1BC5C; } /* Footer */ #footer { clear: both; padding: 20px 50px; border-top: 4px solid #393F4D; background: #444C5D; } #footer p { width: 700px; margin: 0 auto; font-size: x-small; color: #FFFFFF; } #footer a { text-decoration: underline; color: #FFFFFF; } #footer a:hover { text-decoration: underline; } /* Footer > Legal */ #legal { } /* Footer > Links */ #links { } Css sin style tags 

thunder
 

<FCK:meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Sitename.com by Free Css Templates</title> <FCK:meta name="keywords" content="" /> <FCK:meta name="description" content="" /> <link href="default.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="header"> <div id="logo"> <h1>Thunder</h1> <h2>By Free CSS Templates</h2> </div> <div id="menu"> <ul> <li class="active"><a href="#" _fcksavedurl="#">My Blog</a></li> <li><a href="#" _fcksavedurl="#">My Photos</a></li> <li><a href="#" _fcksavedurl="#">My Friends</a></li> <li><a href="#" _fcksavedurl="#">About Me</a></li> <li><a href="#" _fcksavedurl="#">Contact Me</a></li> </ul> </div> </div> <div id="content"> <div id="colOne">Texto por encima de la pagina
</div> <div id="colTwo"> <ul> <li> <form method="get" action="#"> <div> <input type="text" id="textfield1" name="textfield1" value="" size="18" /> <input type="submit" id="submit1" name="submit1" value="Search" /> </div> </form> </li> <li> <h2>Archives</h2> <ul> <li><a href="#" _fcksavedurl="#">January 2007</a></li> <li><a href="#" _fcksavedurl="#">December 2006</a></li> <li><a href="#" _fcksavedurl="#">November 2006</a></li> <li><a href="#" _fcksavedurl="#">October 2006</a></li> <li><a href="#" _fcksavedurl="#">September 2006</a></li> <li><a href="#" _fcksavedurl="#">August 2006</a></li> <li><a href="#" _fcksavedurl="#">July 2006</a></li> <li><a href="#" _fcksavedurl="#">June 2006</a></li> <li><a href="#" _fcksavedurl="#">May 2006</a></li> <li><a href="#" _fcksavedurl="#">April 2006</a></li> <li><a href="#" _fcksavedurl="#">March 2006</a></li> </ul> </li> <li> <h2>Categories</h2> <ul> <li><a href="#" _fcksavedurl="#">Quisque vestibulum</a><a href="#" _fcksavedurl="#"></a> (23)</li> <li><a href="#" _fcksavedurl="#">Sed a nisl a lacus</a><a href="#" _fcksavedurl="#"></a> (78)</li> <li><a href="#" _fcksavedurl="#">Quisque sagittis</a><a href="#" _fcksavedurl="#"></a> (11)</li> <li><a href="#" _fcksavedurl="#">Etiam volutpat</a><a href="#" _fcksavedurl="#"></a> (34)</li> <li><a href="#" _fcksavedurl="#">In aliquet hendrerit</a><a href="#" _fcksavedurl="#"></a> (65)</li> <li><a href="#" _fcksavedurl="#">Suspendisse iaculis</a><a href="#" _fcksavedurl="#"></a> (35)</li> <li><a href="#" _fcksavedurl="#">Nam vel risus at</a><a href="#" _fcksavedurl="#"></a> (22)</li> <li><a href="#" _fcksavedurl="#">Praesent sit amet</a><a href="#" _fcksavedurl="#"></a> (54)</li> </ul> </li> <li> <h2>Blogroll</h2> <ul> <li><a href="#" _fcksavedurl="#">Blog-o-friend.com</a></li> <li><a href="#" _fcksavedurl="#">AnotherFriendlySite.net</a></li> <li><a href="#" _fcksavedurl="#">CoolSite.com</a></li> <li><a href="#" _fcksavedurl="#">MyBestFriend.com</a></li> </ul> </li> </ul> </div> </div> <div id="footer"> <p>Copyright © 2006 Thunder. Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/"><strong>Free CSS Templates</strong></a> | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/"><strong>help-4-pwg</strong></a></p> </div> </body> </html> Texto por debajo de la pagina
/* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { margin: 0; padding: 0; background: #000000 url(http://img29.xooimage.com/files/d/2/3/img1-18a41dd.gif) repeat-x; font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; color: #999999; } a { color: #CCCCCC; } a:hover { text-decoration: none; color: #FFFFFF; } /* Header */ #header { width: 778px; height: 203px; margin: 0 auto; } /* Logo */ #logo { float: left; } #logo * { margin: 0; padding: 0; text-transform: lowercase; color: #FFFFFF; } #logo h1 { padding: 100px 0 0 0; letter-spacing: -3px; font-size: 3.5em; } #logo h2 { letter-spacing: 1px; font-size: 1em; } /* Menu */ #menu { float: right; } #menu ul { margin: 0; padding: 154px 0 0 0; list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; padding: 5px 20px; text-decoration: none; text-transform: lowercase; font-size: 1em; font-weight: bold; } #menu a:hover, #menu .active a { padding: 5px 19px; background: #2F1A1A url(http://img23.xooimage.com/files/d/9/6/img2-18a41f4.gif) repeat-x left bottom; border: 1px solid #1E1010; border-right-color: #7A6D6D; border-bottom-color: #7A6D6D; color: #FFFFFF; } /* Content */ #content { width: 778px; margin: 0 auto; padding: 20px 0 0 0; } /* Column One */ #colOne { float: left; width: 500px; } #colOne h2 { margin-top: 0; font-size: 2.2em; color: #CCCCCC; } #colOne p, #colOne ul, #colOne ol { line-height: 160%; } #colOne .credits { margin-bottom: 50px; padding: 5px 0 8px 8px; background: #210100; border-left: 2px solid #8A0600; } #colOne .credits p { margin: 0; padding: 0; line-height: normal; } /* Column Two */ #colTwo { float: right; width: 248px; } #colTwo ul { margin: 0; padding: 10px 0 0 0; list-style: none; } #colTwo li { margin-bottom: 20px; } #colTwo li li { margin-bottom: auto; } #colTwo li ul { padding-left: 20px; list-style: square inside; } #colTwo h2 { padding-bottom: 5px; font-size: 1em; color: #FFFFFF; padding-left: 20px; background: url(http://img41.xooimage.com/files/6/e/2/img3-18a422c.gif) no-repeat 5px 6px; border-bottom: 1px solid #2C2C2C; } #textfield1 { width: 150px; margin-left: 20px; background: #9E9E9E url(http://img41.xooimage.com/files/6/5/e/img4-18a4232.gif) repeat-x; border: 1px solid #9C9C9C; border-right-color: #C6C6C6; border-bottom-color: #C6C6C6; } #submit1 { background: #9E9E9E url(http://img25.xooimage.com/files/3/5/8/img5-18a424c.gif) repeat-x; border: 1px solid #625252; border-right-color: #1B0F0F; border-bottom-color: #1B0F0F; color: #CCCCCC; } /* Footer */ #footer { clear: both; width: 778px; height: 60px; margin: 0 auto; padding: 20px 0; background: url(http://img47.xooimage.com/files/b/8/7/img6-18a4268.gif) repeat-x; } #footer p { margin: 0; padding: 0; text-align: center; font-size: smaller; } Css sin style tags 

beer bongs!

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Beer Bongs</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="http://help-4-pwg.webcindario.com/beer/css/global.css" /> <script src="src/dropdown.js" type="text/javascript"></script> </head> <body> <div id="masthead"> <h1><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beer Bongs!</a></h1> <div id="mastheadBox"> <h2>User-centric ROI</h2> <p>Objectively aggregate robust e-services for compelling scenarios. Collaboratively initiate reliable meta-services through interdependent opportunities! <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Read more...</a></p> </div> </div> <ul id="nav"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li class="menu sfHover"><a href="subpage.html" _fcksavedurl="subpage.html">Subpage</a> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Entry Level</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Business</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Enterprise Systems</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Limited Specials</a></li> </ul> </li> <li class="menu sfHover"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Solutions</a> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Self-Managed Servers</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Managed Servers</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Load Balanced Clusters</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Enterprise Systems</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Disaster Recovery</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Colocation</a></li> </ul> </li> <li class="menu sfHover"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Services</a> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Network Services</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hardware Services</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Security Services</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Backup Services</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Software Services</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Monitoring Services</a></li> </ul> </li> <li class="menu sfHover"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Support</a> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Self Help Wiki</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Network Operations Center</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Customer Community</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact OpenReaction</a></li> </ul> </li> <li class="menu sfHover"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Company</a> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">About Us</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Testimonials</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Support</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Network & Data Center</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Guarantees</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Affiliates</a></li> </ul> </li> </ul> <ul id="breadCrumbs"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Solutions</a></li> <li>Managed Servers</li> </ul> <div id="mainContent">Texto por encima de la pagina  </div> <div id="secondaryContent"> <div class="secondaryContentBox"> <h2>Live Chat 24/7</h2> <p>Distinctively parallel task resource sucking web services without economically sound web-readiness.</p> <p><span title="Phone">p:</span> 800.555.1234</p> <p><span title="Email">e:</span> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">email@sample.com</a></p> </div> <blockquote> <p>Transition future-proof bandwidth without mission-critical relationships. Quickly customize client-centered platforms for market positioning partnerships.</p> </blockquote> <p class="source">- Lorem Ipsum<br /> Acme Industries</p> </div> <ul id="footer"> <li>© 2008 Your Name Here.</li> <li>This free CSS template based on Beer Bongs! by <a href="http://www.gorotron.com" _fcksavedurl="http://www.gorotron.com">gorotron</a> | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/">help-4-pwg</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact Us</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Privacy Policy</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Terms of Service</a></li> </ul> </body> </html>Texto por debajo de la pagina  lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}  Css sin style tags 

Watercolored

 
Texto por encima de la pagina
</div> </div> <div id="sidebar"> <div class="side_cont"> <h2>Services</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.</p> </div> <div class="side_cont"> <h2>Recent Posts</h2> <h3><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Donec quam felis, ultricies nec, pellentesque eu.</a></h3> <span class="meta_info">posted by piervix - 12.08</span> <h3><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Donec quam felis, ultricies nec, pellentesque eu.</a></h3> <span class="meta_info">posted by piervix - 12.08</span> <h3><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Donec quam felis, ultricies nec, pellentesque eu.</a></h3> <span class="meta_info">posted by piervix - 12.08</span> <h3><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Donec quam felis, ultricies nec, pellentesque eu.</a></h3> <span class="meta_info">posted by piervix - 12.08</span> </div> <div class="side_cont"> <h2>Working on...</h2> <p>Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/designschool.jpg" _fcksavedurl="images/designschool.jpg" alt="" /></a> </div> </div> <div class="side_bottom"> </div> <div class="clear_sep"></div> <div id="footer"> <p>Copyright © <strong>Domain Name</strong> - All Rights Reserved<br /> Template by: <a href="http://www.pvmgarage.com" _fcksavedurl="http://www.pvmgarage.com">PV.M Garage</a> | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/">help-4-pwg</a></p> </div> </div> </body> </html> Texto por debajo de la pagina   lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} Css sin style tags 

internet broadcast
 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> Texto por encima de la pagina <FCK:meta http-equiv="content-type" content="text/html;charset=utf-8" /> <FCK:meta name="author" content="Luka Cvrk (www.solucija.com)" /> <FCK:meta name="description" content="My Site" /> <FCK:meta name="keywords" content="key, words" /> <link rel="stylesheet" type="text/css" href="http://help-4-pwg.webcindario.com/ip/style.css" media="screen" /> <title>Internet Broadcast · We share the relevant.</title> </head> <body> <div id="content"> <div id="top_info"> <p>Welcome to <b>Internet Broadcast</b> <span id="loginbutton"><a href="#" _fcksavedurl="#" title="Log In"> </a></span><br /> <b>You are not Logged in!</b> <a href="#" _fcksavedurl="#">Log in</a> to check your messages.</p> </div> <div id="logo"> <h1><a href="#" _fcksavedurl="#" title="We share the relevant.">Internet Broadcast</a></h1> <p id="slogan">We share the relevant.</p> </div> <ul id="tablist"> <li><a class="current" href="#" _fcksavedurl="#" accesskey="n"><span class="key">N</span>ews</a></li><li><a href="#" _fcksavedurl="#" accesskey="b"><span class="key">B</span>logs</a></li><li><a href="#" _fcksavedurl="#" accesskey="p"><span class="key">P</span>hotos</a></li><li><a href="#" _fcksavedurl="#" accesskey="r">P<span class="key">r</span>ofiles</a></li><li><a href="#" _fcksavedurl="#" accesskey="f"><span class="key">F</span>eeds</a></li><li><a href="#" _fcksavedurl="#" accesskey="o">Br<span class="key">o</span>adcast News</a></li> </ul> <div id="topics"> <div class="thirds"> <p><br />Today's Popular Articles and Posts:</p> </div> <div class="thirds"> <ul> <li><a href="#" _fcksavedurl="#">Conducting a CMS Survey</a></li> <li><a href="#" _fcksavedurl="#">Interests behind politics</a></li> <li><a href="#" _fcksavedurl="#">Web 2.0 business startup tips</a></li> </ul> </div> <div class="thirds"> <ul> <li><a href="#" _fcksavedurl="#">How stress affects your health</a></li> <li><a href="#" _fcksavedurl="#">10 ways to buy a used car</a></li> <li><a href="#" _fcksavedurl="#">Are mobile phones really safe?</a></li> </ul> </div> </div> <div id="search"> <form method="post" action="?"> <p><input type="text" name="search" class="search" /> <input type="submit" value="Search" class="button" /></p> </form> </div> <div id="left"> <div class="subheader"> <p><a href="#" _fcksavedurl="#">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p> </div> <div class="left_articles"> Texto por debajo de la pagina </div> </div> <div id="right"> <div class="right_articles"> <p><img src="images/image.gif" _fcksavedurl="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#" _fcksavedurl="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#" _fcksavedurl="#">nisl ut aliquip ex</a>.</p> </div> <div class="right_articles"> <p><img src="images/image.gif" _fcksavedurl="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#" _fcksavedurl="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#" _fcksavedurl="#">nisl ut aliquip ex</a>.</p> </div> <div class="right_articles"> <p><img src="images/image.gif" _fcksavedurl="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="#" _fcksavedurl="#">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="#" _fcksavedurl="#">nisl ut aliquip ex</a>.</p> </div> <div class="notes"> <p>If you liked this template you might like some other <a href="http://templates.solucija.com/" _fcksavedurl="http://templates.solucija.com/">free CSS templates</a> from <a href="http://www.solucija.com/" _fcksavedurl="http://www.solucija.com/">Solucija</a>.</p> </div> </div> <div id="footer"> <p class="right">© 2006 Internet Broadcast, Design: Luka Cvrk - <a href="http://www.solucija.com/" _fcksavedurl="http://www.solucija.com/" title="Information Architecture and Web Design">Solucija</a> | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/">help-4-pwg</a></p> <p><a href="#" _fcksavedurl="#">RSS Feed</a> · <a href="#" _fcksavedurl="#">Contact</a> · <a href="#" _fcksavedurl="#">Accessibility</a> · <a href="#" _fcksavedurl="#">Products</a> · <a href="#" _fcksavedurl="#">Disclaimer</a> · <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer">XHTML</a><br /></p> </div> </div> </body> </html> Css sin style tags lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}                                                                                                                                                                              

© Copyright Mega Universo Retro. Todos Los Derechos Reservados.. | Creada Por Marlie Stacy Burgos | Adaptado por Mega-Universo-Retro.es.tl