Autobiografia - Css-Desing

Css-Desing

Nombre: Internet Services

Adaptado por: Seba 37

Puntacion : 9.5

Ver Codigo

Nombre: Portafolio

Publicado por: Design-Free

Valoracion: 9

Ver codigo

----------------------------------------------------------------------------

Nombre: Auto Portal

Creada por: Desing-Free

Puntuacion: 9.8

Ver Codigos
-------------------------------------------------------------------------------------

Encima de la Pagina: <div id="header"> <!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>Software Co.</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="style.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript"> function clearText(field) { if (field.defaultValue == field.value) field.value = ''; else if (field.value == '') field.value = field.defaultValue; } </script> </head> <body> <div id="container"> <div id="header_panel"> <div id="site_title"> <h1>Tuweb</span></h1> <h2>Descripcion</h2> </div> <div id="search_box"> <form method="get" action="#"> <input name="keyword" type="text" value="Search..." id="searchfield" onfocus_fckprotectedatt=" onfocus="clearText(this)"" onblur_fckprotectedatt=" onblur="clearText(this)"" /> <input type="submit" name="submit" id="searchbutton" value="" /> </form> </div> </div>  <div id="banner_panel"> <div id="banner_section"> <h1>Titulo</h1> <p> Encribe aqui</p> <div class="readmore"><a href="#" _fcksavedurl="#">Link</a></div> </div>  <div id="menu_section"> <ul> <li><a href="#" _fcksavedurl="#">01<span>Link</span></a></li> <li><a href="#" _fcksavedurl="#">02<span>Link</span></a></li> <li><a href="#" _fcksavedurl="#">03<span>Link</span></a></li> <li><a href="#" _fcksavedurl="#">04<span>Link</span></a></li> <li><a href="#" _fcksavedurl="#">05<span>Link</span></a></li> <li><a href="#" _fcksavedurl="#">06<span>Link</span></a></li> </ul> </div>  </div>  <div id="content_top"></div> <div id="content"> <div id="content_left">

Abajo de la Pagina: <div id="header"> </div>  <div id="content_right"> <div class="content_right_product_01"> <h1>Titulo</h1> <h2>Subtitulo</h2> <ul> <li>Link</li> <li>Link</li> <li>Link</li> </ul> <div class="readmore"><a href="#" _fcksavedurl="#">Link</a></div> </div> <div class="content_right_product_02"> <h1>Titulo</h1> <h2>Subtitulo</h2> <ul> <li>Link</li> <li>Link</li> <li>Link</li> </ul> <div class="readmore"><a href="#" _fcksavedurl="#">Link</a></div> </div> </div>  </div> <div id="content_bottom"></div> <div id="footer"> <a href="#" _fcksavedurl="#">Link</a> | <a href="#" _fcksavedurl="#">Link</a> | <a href="#" _fcksavedurl="#">Link</a> | <a href="#" _fcksavedurl="#">Link</a> | <a href="#" _fcksavedurl="#">Link</a> | <a href="#" _fcksavedurl="#">Link</a><br /> Copyright © 2024 <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl"><strong>Tuweb</strong></a> | Adaptado por <a href="http://desing-free.es.tl/" _fcksavedurl="http://desing-free.es.tl/">Desing-free</a> </div>  </div>  </body> </html>

Css-Style: <div id="header"> 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 Credit: http://www.templatemo.com/ */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: Verdana, Arial, san-serif; font-size: 11px; color: #e4e4e4; background: #000000; } a:link, a:visited { color: #CCFF00; text-decoration: none; font-weight: normal; } a:active, a:hover { color: #FFFF00; text-decoration: none; } p { margin: 0px; padding: 0px; } .cleaner { clear: both; width: 100%; height: 1px; font-size: 1px; } .cleaner_with_height { clear: both; width: 100%; height: 30px; font-size: 1px; } .readmore a { clear: both; float: left; height: 21px; width: 100px; padding: 2px 0 0 10px; margin: 0 15px 10px 0; text-align: center; font-weight: bold; text-decoration: none; color: #ffffff; border: none; background: url(http://img26.xooimage.com/files/d/1/7/templatemo_readmore_button-ee86f1.jpg) no-repeat; } .download a { clear: both; float: left; height: 21px; width: 100px; padding: 2px 0 0 10px; margin: 0 15px 10px 0; text-align: center; font-weight: bold; text-decoration: none; color: #ffffff; border: none; background: url(http://img26.xooimage.com/files/d/1/7/templatemo_readmore_button-ee86f1.jpg) no-repeat; } #container { width: 960px; margin: 0 auto; } /* header panel */ #header_panel { width: 880px; height: 80px; padding: 40px 30px 0px 50px; background: #202020 url(http://img20.xooimage.com/files/b/9/f/templatemo_header_bg-ee86de.jpg) top center no-repeat; } #header_panel #site_title { float: left; } #site_title h1 { font-size: 40px; margin: 0px; padding: 10px 0; color: #218dfb; } #site_title h1 span { color: #fff; } #site_title h2 { font-size: 16px; color: #878181; margin: 0px; padding: 0px; font-weight: normal; } #header_panel #search_box { float: right; } #search_box form { margin: 0; padding: 0; text-align: left; } #searchfield { border: 1px solid #767676; background: #434343; color: #ffffff; font-size: 12px; font-variant: normal; height: 15px; line-height: normal; padding: 4px; width: 180px; } #search_box form #searchbutton { cursor: pointer; font-size: 12px; font-weight: bold; height: 25px; margin: 0 0 0 7px; padding: 0 6px; text-align: center; vertical-align: bottom; white-space: pre; width: 50px; background:url(http://img46.xooimage.com/files/5/3/b/templatemo_go_button-ee86d3.jpg) no-repeat; border: 0px; } /* end of header panel */ /* banner panel */ #banner_panel { width: 880px; height: 263px; padding: 0px 30px 0px 50px; background: #000000 url(http://img46.xooimage.com/files/d/9/8/templatemo_banner_bg-ee86fc.jpg) top center no-repeat; } #banner_panel #banner_section { float: left; padding-top: 40px; width: 370px; } #banner_section h1 { font-size: 24px; color: #0fb1cb; margin: 0px; padding: 5px 0 30px 0; } #banner_section p { padding-bottom: 30px; } #banner_panel #menu_section { float: right; width: 220px; padding: 5px 15px 0px 15px; } #menu_section ul { clear: both; margin: 0px; padding: 0px; padding-top: 10px; list-style: none; } #menu_section ul li { height: 13px; padding: 12px 0px 10px 7px; font-weight: bold; margin: 0px 0px 5px 0px; background: url(http://img44.xooimage.com/files/c/d/7/templatemo_menu_item_bg-ee8700.jpg) left bottom no-repeat; } #menu_section ul li a { margin: 0px; padding: 0px; font-size: 18px; font-weight: bold; color: #2bb9ec; } #menu_section ul li a span { margin: 0px; padding: 0px; margin-left: 50px; font-size: 13px; font-weight: bold; color: #2bb9ec; } #menu_section ul li a span:hover { color: #fff; } #menu_section li a:hover, #menu_section li .current { color: #fff; text-decoration: none; } /* end of banner panel */ /* content */ #content_top { clear: both; width: 960px; height: 30px; background: url(http://img22.xooimage.com/files/4/d/6/templatemo_content_top-ee8705.jpg) top center no-repeat; } #content { clear: both; overflow: hidden; width: 880px; padding: 10px 20px 0 40px; margin: 0 10px; background-color: #1f1f1f; } #content_bottom { clear: both; width: 960px; height: 30px; background: url(http://img40.xooimage.com/files/f/4/9/templatemo_content_bottom-ee8716.jpg) top center no-repeat; } /* content left */ #content #content_left { float: left; width: 580px; } #content_left h1 { font-size: 22px; color: #218dfb; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dotted #000000; } #content_left p { padding-bottom: 10px; text-align: justify; } #content_left .content_left_two_column { float: left; width: 270px; margin-right: 20px; } .content_left_two_column h2 { color: #20d1ee; font-size: 18px; padding: 0 0 10px 0; margin: 0 0 10px 0; border-bottom: 1px dotted #000000; font-weight: normal; } .content_left_two_column h3 { margin: 0px; padding: 0px; font-size: 12px; font-weight: bold; } .content_left_two_column h4 { margin: 0px; padding: 0px; font-size: 12px; font-weight: normal; } /* end of content left */ /* content right */ #content #content_right { float: right; width: 250px; padding-top: 20px; } #content_right h1 { font-size: 18px; font-weight: bold; margin: 0 0 30px 0; padding: 0px; } #content_right h2 { font-size: 12px; font-weight: bold; margin: 0 0 10px 0; padding: 0px; } #content_right ul { margin: 0 0 10px 0; padding: 0px; } #content_right ul li { margin: 0 0 0 5px; padding: 0 0 5px 5px; list-style: none; } #content_right .content_right_product_01 { clear: both; height: 182px; padding: 18px 10px 0 10px; margin-bottom: 15px; background: url(http://img20.xooimage.com/files/4/c/2/templatemo_product_01_bg-ee8719.jpg) no-repeat; } #content_right .content_right_product_02 { clear: both; height: 182px; padding: 18px 10px 0 10px; background: url(http://img44.xooimage.com/files/d/8/2/templatemo_produc_02_bg-eee908.jpg) no-repeat; } /* end of content right */ /* end of content */ /* ----- Footer ----- */ #footer { clear: both; padding: 10px; width: 940px; text-align: center; text-align: center; } #footer a { color: #fff; font-weight: normal; } #footer a:hover { color: #CCFF00; } /* ----- End of Footer ----- */

Nombre: DkBlog Creada por: Team-Ayudapwg
Vista Previa: http://www.free-css.com/assets/files/free-css-templates/preview/page18/dkblog/ Encima de la Pagina: <div id="header"> <!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> <title>DkBlog</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" type="text/css" href="style.css" media="screen" /> </head> <body> <div id="topbar"> <div class="content"> <div id="icons"> <a href="" _fcksavedurl=""><img src="http://img26.xooimage.com/files/7/4/1/home-1370ad6.gif" _fcksavedurl="http://img26.xooimage.com/files/7/4/1/home-1370ad6.gif" alt="Home" /></a> <a href="" _fcksavedurl=""><img src="http://img42.xooimage.com/files/b/9/3/contact-1370adb.gif" _fcksavedurl="http://img42.xooimage.com/files/b/9/3/contact-1370adb.gif" alt="Contact" /></a> <a href="" _fcksavedurl=""><img src="http://img26.xooimage.com/files/a/f/0/sitemap-1370add.gif" _fcksavedurl="http://img26.xooimage.com/files/a/f/0/sitemap-1370add.gif" alt="Sitemap" /></a> </div> <div class="url"> <a href="http://www.team-ayudapwg.es.tl" _fcksavedurl="http://www.team-ayudapwg.es.tl">Team-AyudaPwg</a> </div> </div> </div> <div id="top"> <div class="content"> <div id="menu"> <ul> <li><a class="current" href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>HOME</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>ARTICLES</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>GALLERY</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>AFFILIATES</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>ARTICLES</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>ABOUTS US</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><span>CONTACT</span></a></li> </ul> </div> <h1><a href="" _fcksavedurl="">Team-AyudaPwg</a></h1> <h2>Your Best Slogan here</h2> </div> </div> <div class="content"> <div id="main"> <div class="right_side"> <div class="pad"> <h3>Thank you for visiting!</h3> <p> Free-css-templates.com was created on the 3 of April 2006 and has already about 3000 unique visitors per day! <br /> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Read more...</a> </p> <h3>Last Articles:</h3> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Ajax-Tutorials.com</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Csszengarden.com dead?</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">New dedicated server</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Adobe Creative Suite 3...</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Style your Source Code...</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">GeiselVille : free photoshop...</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">The Best HDR Tutorials</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Complete Color Matching...</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Related Articles mod for...</a></li> </ul> <h3>Popular Articles:</h3> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LOST - John Locke - Speed...</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Painting of the Mona Lisa in...</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Free Photoshop Brushes</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Free Photoshop Plugins...</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS gallery CSSHeaven...</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">How to do glamour photo...</a></li> </ul> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img40.xooimage.com/files/9/1/7/rss-1078831.jpg" _fcksavedurl="http://img40.xooimage.com/files/9/1/7/rss-1078831.jpg" alt="RSS Feed" /></a> </div> </div> <div class="right_side"> <div class="pad"> <h3>Categories:</h3> <ul> <li><a class="current" 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/">Templates</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Techniques</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Internet</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Photoshop</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Tutorials</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sNews</a></li> </ul> <h3>Directory</h3> <p>Links4se.com is a seo-friendly and human-edited general directory. Featured links need to be paid only $4.95 for unlimited time and regular links only $1.95!</p> <h3>Creative News</h3> <p><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Creative News</a> is a place for web developers searching for fresh news on web development with one goal - to put their creativity into action.</p> <h3>Css Heaven</h3> <p><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Heaven</a> has one objective to provide you with a central resource to view a wide range of eye catching and innovative web design plus inspire you to create new and exciting web designs. </p> <h3>Premium Templates</h3> <p>These <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">website templates</a>, flash templates and other products are ready-made web designs, that can be used as a basis for fast and high-quality website and are completely customizable and ready for immediate download!</p> </div> </div> <div id="left_side"> <div class="intro"> <div class="pad">sNews is a completly free PHP and MySQL driven content management system for managing web content. Consisting of only one file, sNews is extremely lightweight, easy to install, and easy to use via a simple web interface. <br /> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Download</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Read more...</a> </div> </div>

Abajo de la Pagina: <div id="header"> <div id="footer"> <div class="right">© Copyright 2007, Your Website - Design: <a href="http://www.free-css-templates.com" _fcksavedurl="http://www.free-css-templates.com">Free Css Templates</a></div> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a> - <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer" title="Validate">XHTML</a> - <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="Validate">CSS</a> </div> </div> </body> </html>

Css-Style: <div id="header"> 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;} /* DkBlog Template CSS StyleSheet by David Herreman http://www.free-css-templates.com */ body { padding : 0; margin : 0; font : 0.74em Arial, sans-serif; line-height : 1.5em; background : #393939; color : #fff; } a { color : #d0eb55; background : inherit; text-decoration : none; } a:hover { color : #d0eb55; background : inherit; text-decoration : underline; } p { margin : 5px 0; } h1 { font : bold 1.8em Arial, Sans-Serif; padding : 8px 0 4px 0; margin : 0; letter-spacing : -1px; } h2 { font : bold 1.6em Arial, Sans-Serif; letter-spacing : -1px; } h3 { padding : 4px 0; margin : 0; } ul { margin : 0; padding : 0; list-style : none; } img { border : 0; } hr { height : 1px; border-style : none; color : #d0d0d0; background-color : #c0c0c0; margin : 10px 0; } ol { padding : 0; margin : 0; } .code { padding : 3px 5px 3px 35px; border : 1px solid #666; list-style-type : decimal-leading-zero; font-family : Courier; } .code code { font-family : Monaco, "Courier New", Tahoma; font-size : 1.2em; } .code li { margin : 2px 0; padding : 0 5px; background : #333; } .code li.t1 { padding-left : 4ex; } .code li.t2 { padding-left : 8ex; } .code li.t3 { padding-left : 12ex; } .code li.t4 { padding-left : 16ex; } .code li.t5 { padding-left : 20ex; } .code li.t6 { padding-left : 24ex; } .code li.t7 { padding-left : 28ex; } .code li.t8 { padding-left : 32ex; } .content { margin : 0 auto; width : 1000px; } #topbar { height : 35px; background : #212121; width : 100%; } #topbar #icons { float : right; margin : 10px 0 0; padding : 0; } #topbar #icons img { padding-right : 4px; border : 0; } .url { padding : 10px 0; } .url a { color : #454545; text-decoration : none; } .url a:hover { color : #fff; } #top { padding-top : 0; background : #3d3d3b url(http://img22.xooimage.com/files/2/8/9/topbg-10785f8.gif) repeat-x; height : 85px; margin-bottom : 25px; } #top h1 { font : bold 2.6em Arial, Sans-Serif; padding : 20px 0 0 0; margin : 0; letter-spacing : 1px; color : #d0eb55; } #top a:hover { text-decoration : none; } #top h2 { font : 0.9em Arial, Sans-Serif; letter-spacing : 0; color : #868686; margin : 0; padding : 0; } #menu { float : right; height : 23px; margin-top : 35px; } #menu a { color : #fff; background : inherit; text-decoration : none; padding-left : 10px; line-height : 23px; font-weight : bold; } #menu a span { padding-right : 10px; } #menu a, #menu a span { display : block; float : left; } #menu a:hover, #menu .current { color : #fff; background : #a9bc52 url(http://img22.xooimage.com/files/9/5/4/tabl-1078609.gif) no-repeat left top; padding-left : 10px; height : 23px; } #menu a:hover span, #menu .current span { background : url(http://img20.xooimage.com/files/c/a/5/tabr-1078617.gif) no-repeat right top; padding-right : 10px; height : 23px; cursor : pointer; } #menu ul { list-style : none; padding : 0; margin : 0; } #menu li { float : left; margin : 0 0 0 5px; } #main { width : 1000px; margin : 0; padding : 0; } .right_side { float : right; width : 202px; background : inherit; overflow : hidden; } .right_side .pad { padding : 0 0 10px 17px; } .right_side p { padding : 0 0 5px 5px; } .right_side ul { padding : 3px 0 12px 5px; } .right_side li { line-height : 18px; background : inherit; list-style : square; padding-left : 0px; margin-left : 17px; color : #b4e04a; } .right_side a { background : inherit; text-decoration : none; } .right_side a:hover { text-decoration : underline; } .right_side h3 { color : #eee; font : bold 1.2em Arial, Sans-Serif; background : url(http://img22.xooimage.com/files/5/6/0/rmenuhead-107861e.gif) no-repeat top; width : 202px; height : 30px; padding-top : 7px; text-indent : 10px; } #left_side { background : inherit; margin-bottom : 10px; width : 590px; } #left_side .intro { background : #414141; color : #fff; } #left_side .intro .pad { padding : 10px; } #left_side .intro a { color : #b4e04a; text-decoration : none; } #left_side .intro a:hover { color : #cdff56; text-decoration : underline; } #left_side .mpart { padding : 20px 0 0 0; } #left_side h2 { background : inherit; padding : 0; margin : 0; font : 1.8em verdana, Arial, Sans-Serif; } #left_side .mpart h3 { background : inherit; padding : 0; margin : 0 0 15px 0; font : 0.9em verdana, Arial, Sans-Serif; color : #a5a5a5; } #left_side p { color : #e7e7e7; padding : 0; text-align : justify; } #left_side img { float : left; padding : 0 10px 5px 0; } #left_side blockquote { padding-left : 10px; border-left : 3px solid #a7cc44; margin : 10px 0 10px 25px; } .date { padding : 7px 35px 0 0; margin : 10px 0 25px 0; text-align : right; background : url(http://img42.xooimage.com/files/7/1/2/commentb-1078635.gif) no-repeat top right; height : 32px; } .date a { font : bold 1.2em Arial, Sans-Serif; color : #a9bc52; background : transparent; } #left_side .rs { float : right; margin : 0 0 0 10px; border : 1px solid #888; padding : 5px; background : inherit; } #left_side ul { list-style-position : inside; margin-left : 2px; } #left_side ul li { list-style-type : square; margin-left : 15px; } #left_side ul ul li { list-style : none; margin-left : 10px; list-style-type : lower-alpha; list-style-position : inside; } #left_side .greybox { border : 1px solid #ccc; background : #f5f5f5; width : 628px; padding : 10px; } #footer { clear : both; width : 1000px; margin : 0 0 6em 0; padding-top : 5px; color : #777; border-top : 1px solid #444; background : inherit; } #footer .right { float : right; } #footer a { text-decoration : none; background : inherit; }

Nombre: Grass Creada por: Loki Web
vista Previa: http://www.free-css.com/assets/files/free-css-templates/preview/page9/grass/ Encima de la Pagina: <div id="header"> <!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" > <head> <title>GRASS</title> <FCK:meta http-equiv="content-type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Your Site Name Here</h1> </div> <div id="title"> <p>Grass Template</p> </div> <div id="leftcol"> <h2>Navigate</h2> <p>Welcome to your two column right sided layout. </p> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" id="current">Item one</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Item two</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Item three</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Item four</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Item five</a></li> </ul> </div> <ul> <li>Lorem ipsum dolor sit amet.</li> <li>Mauris consectetuer congue ante.</li> <li>Sed pulvinar consectetuer risus.</li> <li>Maecenas placerat laoreet nisi.</li> <li>Donec faucibus ligula non purus.</li> </ul> </div> <div id="content">

Abajo de la Pagina: <div id="header"> <div id="footer"> <p><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">homepage</a> | <a href="mailto:denise@mitchinson.net" _fcksavedurl="mailto:denise@mitchinson.net">contact</a> | <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer">html</a> | <a href="http://jigsaw.w3.org/css-validator" _fcksavedurl="http://jigsaw.w3.org/css-validator">css</a> | © 2007 Anyone | Design by <a href="http://www.mitchinson.net" _fcksavedurl="http://www.mitchinson.net"> www.mitchinson.net</a> | This work is licensed under a <a rel="license" href="http://creativecommons.org/licenses/by/3.0/" _fcksavedurl="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a></p> </div> </div> </body> </html>

Css-Style: <div id="header"> 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; font : 73% "lucida sans", "Trebuchet MS", verdana, tahoma, arial, sans-serif; line-height : 1.7em; background : #333 url(http://img49.xooimage.com/files/0/3/f/bgd-13682c1.jpg) no-repeat; color : #eee; } a:link, a:visited, a:active { color : #9BBA7F; background : inherit; } a:hover { color : #7A7B75; background : inherit; } h1 { margin : 0; padding : 20px; font-size : 130%; color : #adae75; background : inherit; } #content h2 { padding : 10px 0 10px 30px; margin : 0; font-size : 120%; text-transform : uppercase; color : #adae75; background : inherit; } #container { width : 750px; margin-left : 0; margin-right : auto; color : #d6ddbc; background : inherit; } #header { width : 750px; height : 172px; border-bottom : 0 solid #ccc; background : transparent url(http://img43.xooimage.com/files/e/9/e/head-13682c5.jpg) no-repeat; margin-bottom : 0; } #title { width : 750px; height : 50px; margin-bottom : 10px; background : transparent url(http://img49.xooimage.com/files/4/4/4/title-13682c7.jpg) no-repeat; } #title p { text-align : center; text-transform : uppercase; letter-spacing : 5px; color : #adae75; background : inherit; font-size : 130%; padding : 20px 0 20px 0; } #leftcol { width : 260px; float : right; padding : 5px 0 5px 0; } #leftcol p { padding : 5px 20px 5px 20px; margin : 0; } #leftcol h2 { padding : 10px 0 10px 20px; margin : 0; font-size : 120%; text-transform : uppercase; color : #adae75; background : inherit; } #leftcol ol, ul { font-size : 90%; color : #7A7B75; background : inherit; } #content { margin-right : 0; width : 460px; } #content p { padding : 5px 20px 5px 30px; margin : 0; } #footer { width : 750px; height : 50px; clear : right; border-top : 1px solid #666; background : inherit; color : #eee; padding : 5px 0 5px 0; } #footer p { text-align : left; padding-left : 25px; font-size : 0.9em; } #navcontainer { width : 200px; margin-left : 20px; padding-bottom : 20px; } #navcontainer ul { margin-left : 0; padding-left : 0; list-style-type : none; } #navcontainer a { display : block; padding : 3px; width : 160px; background-color : #333; color : #adae75; border-bottom : 1px solid #adae75; } #navcontainer a:link, #navlist a:visited { background : inherit; color : #adae75; text-decoration : none; } #navcontainer a:hover { background-color : #424a33; color : #d6ddbc; }

Nombre: Urban Artist Creada por: Pwg-Designs
Encima de la Pagina: <div id="header"> <style type="text/css"> </style> <head> <title>UrbanArtist</title> <FCK:meta http-equiv="content-type" content="application/xhtml+xml; charset=UTF-8" /> <link rel="stylesheet" href="images/UrbanArtist.css" type="text/css" /> </head> <body> <div id="wrap"> <div id="header"> <h1 id="logo-text"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">UrbanArtist</a></h1> <p id="intro">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam. </p> <div id="nav"> <ul> <li id="current"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="style.html" _fcksavedurl="style.html">Style Demo</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/">Services</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/">About</a></li> </ul> </div> </div> <div id="content-wrap"> <div id="main"> <a name="TemplateInfo"></a> <h2><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Template Info</a></h2> <p class="post-info">Posted by <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">erwin</a> | Filed under <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">templates</a>, <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">internet</a> </p>

Abajo de la Pagina: <div id="header"> </div> <div id="sidebar"> <h3>About</h3> <p> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img10.xooimage.com/files/3/4/f/thumb-dda1f4.jpg" _fcksavedurl="http://img10.xooimage.com/files/3/4/f/thumb-dda1f4.jpg" width="40" height="40" alt="" class="float-left" /></a> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec libero. Suspendisse bibendum. Cras id urna. Morbi tincidunt, orci ac convallis aliquam, lectus turpis varius lorem, eu posuere nunc justo tempus leo. Donec mattis, purus nec placerat bibendum, dui pede condimentum odio, ac blandit ante orci ut diam. </p> <form id="quick-search" action="#" method="get" > <p> <label for="qsearch">Search:</label> <input class="tbox" id="qsearch" type="text" name="qsearch" value="Search this site..." title="Start typing and hit ENTER" /> <input class="btn" alt="Search" type="image" name="searchsubmit" title="Search" src="http://img41.xooimage.com/files/5/9/0/search-12982f3.gif" /> </p> </form> <h3>Sidebar Menu</h3> <ul class="sidemenu"> <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/">TemplateInfo</a></li> <li><a href="style.html" _fcksavedurl="style.html">Style Demo</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">More Free Templates</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Premium Templates</a></li> </ul> <h3>Links</h3> <ul class="sidemenu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">PSDTuts</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Alistapart</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Remix</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">CSS Mania</a></li> </ul> <h3>Sponsors</h3> <ul class="sidemenu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">4templates <br /> <span>Low Cost Hi-Quality Templates</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">TemplateMonster <br /> <span>Delivering the Best Templates on the Net!</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Text Link Ads <br /> <span>Monetized your website</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fotolia <br /> <span>Free stock images or from $1</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Dreamstime <br /> <span>Lowest Price for High Quality Stock Photos</span></a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Dreamhost <br /> <span>Premium webhosting</span></a></li> </ul> <h3>Wise Words</h3> <p>"To be yourself in a world that is constantly trying to make you something else is the greatest accomplishment." </p> <p class="align-right">- Ralph Waldo Emerson</p> <h3>Support Styleshout</h3> <p>If you are interested in supporting my work and would like to contribute, you are welcome to make a small donation through the donate link on my website - it will be a great help and will surely be appreciated.</p> </div> </div> <div id="footer"> <div id="footer-left"> <p>© All your copyright info here Design by: <a href="http://www.styleshout.com/" _fcksavedurl="http://www.styleshout.com/">styleshout</a> Adaptado por <a href="http://www.pwg-designs.es.tl/" _fcksavedurl="http://www.pwg-designs.es.tl/">PwG-DesignS</a> Valid: <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">CSS</a></p> </div> <div id="footer-right"> <p class="align-right"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sitemap</a> | <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="rssfeed">RSS Feed</a> </p> </div> </div> </div> </body> </html>

Css-Style: <div id="header"> 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;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } html { background: #010000 url(http://img10.xooimage.com/files/1/c/e/bg-e9a48f.gif) repeat-x; } body { font: 11px/165% 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif; color: #5E5E5E; margin: 0; padding: 0; background: #010000 url(http://img28.xooimage.com/files/2/3/1/bg2-d256bc.jpg) no-repeat center top; text-align: center; } /* Links */ a, a:visited { text-decoration: none; color: #BEBEBE; } a:hover { color: #fff; border-bottom: 1px dotted #438800; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Helvetica, Tahoma, Arial, Sans-serif; color: #FAFAFA; } h1 { font-size: 3.1em; letter-spacing: -2px; padding: 15px 10px 5px 10px; } h2 { font-size: 2em; color: #895F30; padding: 20px 10px 5px 10px; } h3 { font-size: 1.7em; font-weight: normal; padding: 20px 10px 5px 10px; } p, dl { padding: 10px; margin: 0; } ul, ol { margin: 10px 20px; padding: 0 20px; } ul { list-style: none; } dt { font-weight: bold; color: #FAFAFA; } dd { padding-left: 25px; } /* images */ img { background: #1B1B1B; border: 1px solid #1B1B1B; padding: 6px; } img.float-right { margin: 5px 0px 10px 10px; } img.float-left { margin: 5px 10px 10px 0px; } code { margin: 5px 0; padding: 15px; text-align: left; display: block; overflow: auto; font: 500 1em/1.5em 'Lucida Console', 'Courier New', Monospace ; /* white-space: pre; */ background: #070707; border: 1px solid #111; } acronym { cursor: help; border-bottom: 1px dotted #5B5B5B; } blockquote { margin: 15px 10px; padding: 10px 10px 10px 35px; background: #070707 url(http://img8.xooimage.com/files/f/c/a/quote-e9a4a6.gif) no-repeat 10px 10px; border: 1px solid #111; font-weight: normal; font-size: 17px; line-height: 1.6em; font-style: italic; font-family: Georgia, 'Times New Roman', Times, serif; color: #808080; } /* start - table */ table { margin: 15px 10px; border-collapse: collapse; } th { background: #000; color: #FAFAFA; height: 38px; padding-left: 12px; padding-right: 12px; text-align: left; border-left: 1px solid #211E20; border-right: 1px solid #211E20; border-bottom: 1px solid #211E20; border-top: 1px solid #48780E; } tr { color: #5b5b5b; height: 34px; } td { padding-left: 12px; padding-right: 12px; border: 1px solid #111; background: #070707; } /* end - table */ /* form elements */ form { margin: 20px 10px; padding: 15px 25px 25px 20px; background: #070707; border: 1px solid #111; } form p { border-bottom: 1px solid #101010; padding: 12px 0 5px 0; margin: 0; } label { font-weight: bold; color: #FAFAFA; } input, select, textarea { margin: 5px 0; padding: 5px; font: normal 1em Verdana, Tahoma, sans-serif; color: #6A6969; background: #0C0C0C; border: 1px solid #1C1C1C; } option { padding-right: 0.5em; } #name, #email, #message{ width: 480px; } input.button { font: bold 12px Arial, Verdana, Sans-serif; height: 30px; padding: 2px 3px; margin-top: 8px; color: #48780E; background: #000; border-width: 1px; border-style: solid; border-color: #1B1B1B; } /* ------------------------------------------ LAYOUT ------------------------------------------- */ #wrap { width: 950px; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 950px; float: left; padding-top: 15px; padding-bottom: 50px; background: url(http://img8.xooimage.com/files/e/a/b/midline-e9a4b5.gif) repeat-y 600px 0; border-top: 1px solid #121212; border-bottom: 1px solid #121212; } #header { position: relative; width: 950px; height: 370px; margin: 0; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bold 65px 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif; letter-spacing: -1.5px; color: #F8F8F8; text-decoration: none; text-transform: none; /* change the values of top and left to adjust the position of the logo*/ top: 125px; left: 25px; } #header h1#logo-text a:hover { background: none; border: none; } #header p#intro { position: absolute; margin: 0; padding: 0; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif; font-weight: bold; font-size: 16px; line-height: 1.5em; font-style: normal; text-transform: none; color: #6D7D2D; width: 400px; /* change the values of top and left to adjust the position */ top: 205px; left: 30px; } /* Navigation */ #nav { position: absolute; margin: 0; padding: 0; height: 50px; left: 10px; top: 30px; } #nav ul { float: left; list-style: none; height: 50px; margin: 0 0 0 5px; padding: 0; display: inline; } #nav ul li { display: inline; margin: 0; padding: 0; } #nav ul li a { float: left; margin: 0; padding: 0 12px; font: bold 15px/50px 'Trebuchet MS', Helvetica, Arial, Geneva, sans-serif; text-decoration: none; color: #c95723; text-transform: uppercase; } #nav ul li a:hover, #nav ul li a:active { color: #eee; background: none; border: none; } #nav ul li#current a { color: #D33972; } /* Main Column */ #main { float: left; width: 565px; padding: 0; margin: 0 0 0 10px; display: inline; } #main h2 { padding: 5px 12px; margin: 15px 5px 10px 5px; font: bold 2.4em 'Trebuchet MS', Helvetica, Arial, sans-serif; color: #45D5E6; border-bottom: 1px solid #121212; background-image: url(http://img4.xooimage.com/files/4/c/a/pattern-e9a4c2.gif); } #main h2 a { color: #45D5E6; text-decoration: none; border: none; } #main ul li { list-style-image: url(http://img8.xooimage.com/files/2/9/0/bullet-e9a4c7.gif); } /* Sidebar */ #sidebar { float: right; width: 300px; padding: 0; margin: 0px 18px 0 0; display: inline; } #sidebar h3 { padding: 5px 12px; margin: 15px 5px 10px 0; font: bold 2.4em 'Trebuchet MS', Tahoma, Helvetica, Arial, sans-serif; color: #45D5E6; border-bottom: 1px solid #121212; background-image: url(http://img4.xooimage.com/files/4/c/a/pattern-e9a4c2.gif); } #sidebar ul.sidemenu { text-align: left; margin: 20px 5px 20px 0px; padding: 0; border-top: 1px solid #111; } #sidebar ul.sidemenu li { list-style: none; padding: 8px 10px; margin: 0; border-bottom: 1px solid #111; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; border: none; color: #666666; font-weight: bold; font-family: 'Trebuchet MS', Tahoma, Helvetica, Arial, Sans-serif; font-size: 14px; } #sidebar ul.sidemenu li a span { color: #444; font-family: Georgia, 'Times New Roman', Times, serif; font-style: italic; font-weight: normal; font-size: 11px; } #sidebar ul.sidemenu li a:hover, #sidebar ul.sidemenu li a:hover span { color: #fff; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { border: none; } /* header quick search */ #sidebar form#quick-search { padding: 0; margin: 20px 0 35px 0; border: none; width: 290px; height: 33px; background: url(header-search.gif) no-repeat; } #sidebar form#quick-search p { margin: 0; padding: 0; } #sidebar form#quick-search input { float: left; border: none; background: transparent; color: #4E4E4E; margin: 0; } #sidebar form#quick-search .tbox { margin: 5px 0 0 5px; width: 240px; display: inline; } #search form#quick-search .btn{ width: 24px; height: 24px; } #sidebar form#quick-search label { display: none; } /* footer */ #footer { clear: both; padding: 1em 0 2.5em 0; background: #010000; color: #4E4E4E; width: 100%; float: left; border-bottom: 60px solid #010000; } #footer a { color: #0E909C; border: none; } #footer a:hover { color: #fafafa; } #footer .rssfeed { background: url(http://img4.xooimage.com/files/4/0/b/rss-e9a4d9.gif) no-repeat left 1px; padding-left: 17px; } #footer-left { float: left; width: 70%; } #footer-right { float: right; width: 25%; } /* postmeta */ .postmeta { padding: 7px 5px; margin: 20px 10px 30px 10px; font-size: 1em; color: #545454; border: 1px solid #111; background: #070707; } .postmeta .date{ margin: 0 10px 0 5px; } .postmeta a.comments { margin: 0 10px 0 5px; } .postmeta a.readmore { margin: 0 10px 0 5px; } .post-info { font-size: .95em; padding-top: 3px; margin-left: 5px; color: #444; } .post-info a, .post-info a:visited { color: #AE275A; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .no-border { border: none; } .clearer { clear: both; } .clear { display:inline-block; } .clear:after { display:block; visibility:hidden; clear:both; height:0; content: "."; }

Nombre: Tool Shoping Creada por: Pwg-Designs
Encima de la Pagina: <div id="header"> <style type="text/css"> </style> <head> <title>Tools Shop</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=windows-1252" /> <link rel="stylesheet" type="text/css" href="style.css" />  <script type="text/javascript" src="http://img21.xooimage.com/files/5/6/9/boxover-12985cb.js"></script> </head> <body> <div id="main_container"> <div id="header"> <div class="top_right"> <div class="languages"> <div class="lang_text">Languages:</div> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="lang"><img src="http://img25.xooimage.com/files/0/a/a/en-12985e0.gif" _fcksavedurl="http://img25.xooimage.com/files/0/a/a/en-12985e0.gif" alt="" border="0" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="lang"><img src="http://img23.xooimage.com/files/a/7/3/de-129860b.gif" _fcksavedurl="http://img23.xooimage.com/files/a/7/3/de-129860b.gif" alt="" border="0" /></a> </div> <div class="big_banner"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img41.xooimage.com/files/5/c/2/banner728-1298616.jpg" _fcksavedurl="http://img41.xooimage.com/files/5/c/2/banner728-1298616.jpg" alt="" border="0" /></a> </div> </div> <div id="logo"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img29.xooimage.com/files/4/6/1/logo-1298623.png" _fcksavedurl="http://img29.xooimage.com/files/4/6/1/logo-1298623.png" alt="" border="0" width="182" height="85" /></a> </div> </div> <div id="main_content"> <div id="menu_tab"> <ul class="menu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav"> Home </a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav">Products</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav">Specials</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav">My account</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav">Sign Up</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav">Shipping </a></li> <li class="divider"></li> <li><a href="contact.html" _fcksavedurl="contact.html" class="nav">Contact Us</a></li> <li class="divider"></li> <li><a href="details.html" _fcksavedurl="details.html" class="nav">Details</a></li> </ul> </div>  <div class="crumb_navigation"> Navigation: <span class="current">Home</span> </div> <div class="left_content"> <div class="title_box">Categories</div> <ul class="left_menu"> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Power Tools</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Air Tools</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hand Tools</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Accessories</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Workwear</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Spare Parts</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Power Tools</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Air Tools</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Hand Tools</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Accessories</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Workwear</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Spare Parts</a></li> </ul> <div class="title_box">Special Products</div> <div class="border_box"> <div class="product_title"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Makita 156 MX-VL</a></div> <div class="product_img"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img21.xooimage.com/files/3/d/3/p1-129863c.jpg" _fcksavedurl="http://img21.xooimage.com/files/3/d/3/p1-129863c.jpg" alt="" border="0" /></a></div> <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div> </div> <div class="title_box">Newsletter</div> <div class="border_box"> <input type="text" name="newsletter" class="newsletter_input" value="your email"/> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="join">subscribe</a> </div> <div class="banner_adds"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img41.xooimage.com/files/8/8/e/bann2-1298642.jpg" _fcksavedurl="http://img41.xooimage.com/files/8/8/e/bann2-1298642.jpg" alt="" border="0" /></a> </div> </div>  <div class="center_content"> <div class="oferta"> <img src="http://img21.xooimage.com/files/3/d/3/p1-129863c.jpg" _fcksavedurl="http://img21.xooimage.com/files/3/d/3/p1-129863c.jpg" width="165" height="113" border="0" class="oferta_img" alt="" /> <div class="oferta_details"> <div class="oferta_title">Power Tools BST18XN Cordless</div> <div class="oferta_text"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco </div> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="prod_buy">details</a> </div> </div> <div class="center_title_bar">Latest Products</div>

Abajo de la Pagina: <div id="header"> </div> </div>  <div class="right_content"> <div class="title_box">Search</div> <div class="border_box"> <input type="text" name="newsletter" class="newsletter_input" value="keyword"/> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="join">search</a> </div> <div class="shopping_cart"> <div class="title_box">Shopping cart</div> <div class="cart_details"> 3 items <br /> <span class="border_cart"></span> Total: <span class="price">350$</span> </div> <div class="cart_icon"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img25.xooimage.com/files/c/7/6/shoppingcart-129866f.png" _fcksavedurl="http://img25.xooimage.com/files/c/7/6/shoppingcart-129866f.png" alt="" width="35" height="35" border="0" /></a></div> </div> <div class="title_box">What�s new</div> <div class="border_box"> <div class="product_title"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola 156 MX-VL</a></div> <div class="product_img"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img47.xooimage.com/files/6/6/6/p2-129867b.jpg" _fcksavedurl="http://img47.xooimage.com/files/6/6/6/p2-129867b.jpg" alt="" border="0" /></a></div> <div class="prod_price"><span class="reduce">350$</span> <span class="price">270$</span></div> </div> <div class="title_box">Manufacturers</div> <ul class="left_menu"> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Bosch</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Makita</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> </ul> <div class="banner_adds"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://img29.xooimage.com/files/4/8/5/bann1-129868a.jpg" _fcksavedurl="http://img29.xooimage.com/files/4/8/5/bann1-129868a.jpg" alt="" border="0" /></a> </div> </div>  </div>  <div class="footer"> <div class="left_footer"> <img src="images/footer_logo.png" _fcksavedurl="images/footer_logo.png" alt="" width="89" height="42"/> </div> <div class="center_footer"> Template name. All Rights Reserved 2008<br /> <a href="http://csscreme.com" _fcksavedurl="http://csscreme.com"><img src="http://img23.xooimage.com/files/f/b/8/csscreme-1298695.jpg" _fcksavedurl="http://img23.xooimage.com/files/f/b/8/csscreme-1298695.jpg" alt="csscreme" title="csscreme" border="0" /></a><br /> <img src="http://img21.xooimage.com/files/4/5/8/payment-129869f.gif" _fcksavedurl="http://img21.xooimage.com/files/4/5/8/payment-129869f.gif" alt="" /> </div> <div class="right_footer"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">home</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">about</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sitemap</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">rss</a> <a href="http://www.PwG-DesignS.es.tl/" _fcksavedurl="http://www.PwG-DesignS.es.tl/">PwG-DesignS</a> </div> </div> </div>  </body> </html>

Css-Style: <div id="header"> 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 { background:url(http://img43.xooimage.com/files/c/f/d/bg-12984fd.jpg) repeat-x #e4e9ec top; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px auto auto auto; color:#000; } p{ padding:2px; margin:0px; } #main_container{ width:1000px; height:auto; margin:auto; padding:0px; background-color:#FFFFFF; } #header{ width:1000px; height:136px; background:url(http://img27.xooimage.com/files/4/d/3/header_bg-129850b.jpg) no-repeat center; background-position:0px 0px; margin:auto; } #logo{ float:left; padding:45px 0 0 15px; } #main_content{ clear:both; } .languages{ float:right; width:150px; padding:8px 0 0 0; } .lang_text{ float:left; padding:0 5px 0 0; color:#1DA1CF; } a.lang{ display:block; float:left; padding:0 5px 0 5px; } .top_right{ width:728px; float:right; } .big_banner{ float:right; padding:10px 10px 0 0; } /*---------------- menu tab----------------------*/ #menu_tab{ width:1000px; height:36px; background:url(http://img27.xooimage.com/files/7/8/0/menu_bg-1298511.gif) repeat-x; } ul.menu { list-style-type:none; float:left; display:block; width:982px; margin:0px; padding:0px;background:url(http://img27.xooimage.com/files/7/8/0/menu_bg-1298511.gif) repeat-x;} ul.menu li { display:inline; font-size:11px; font-weight:bold; line-height:36px; } ul.menu li.divider { display:inline; width:4px; height:36px; float:left; background:url(http://img21.xooimage.com/files/3/7/b/menu_divider-1298523.gif) no-repeat center; } a.nav:link, a.nav:visited { display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#fff;} a.nav:hover{ display:block; float:left; padding:0px 8px 0px 8px; margin:0 14px 0 14px;height:36px;text-decoration:none;color:#199ECD;} /*----------------crumb_navigation-------------*/ .crumb_navigation{ width:980px; height:15px; padding:5px 10px 0 20px; color:#333333; background:url(http://img47.xooimage.com/files/1/b/4/navbullet-1298530.png) no-repeat left; background-position:5px 8px; } .crumb_navigation a{ color:#0fa0dd; text-decoration:underline; } span.current{ color:#0fa0dd; } /*-------------left_content------------------*/ .left_content{ width:180px; float:left; padding:0 0 0 5px; } .title_box{ width:180px; height:30px; margin:5px 0 0 0; background:url(http://img47.xooimage.com/files/b/c/a/menu_title_bg-1298536.gif) no-repeat center; text-align:center; font-size:13px; font-weight:bold; color:#159dcc; line-height:30px; } /*--------left menu---------*/ ul.left_menu{ width:180px; padding:0px; margin:0px; list-style:none; } ul.left_menu li{ margin:0px; list-style:none; } ul.left_menu li.odd a{ width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed; text-decoration:none;color:#504b4b;padding:0 0 0 14px; line-height:25px; } ul.left_menu li.even a{ width:166px;height:25px;display:block; border-bottom:1px #e4e4e4 dashed; background-color:#f0f4f5; text-decoration:none;color:#504b4b;padding:0 0 0 14px; line-height:25px; } ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{ color:#000; text-decoration:underline; } .border_box{ width:180px; height:auto; text-align:center; background:url(images/box_bottom_bg.gif) no-repeat center bottom; } .product_title{ color:#ff8a00; padding:5px 0 5px 0; font-weight:bold; } .product_title a{ text-decoration:none; color:#ff8a00; padding:5px 0 5px 0; font-weight:bold; } .product_title a:hover{ color:#064E5A; } .product_img{ padding:5px 0 5px 0; } .prod_price{ padding:5px 0 5px 0; } span.reduce{ color:#666666; text-decoration:line-through; } span.price{ color: #ff8a00; } /*----------newsletter--------------*/ input.newsletter_input{ width:150px; height:16px; border:1px #ddd9d9 solid; margin:10px 0 5px 0; font-size:12px; padding:3px; color:#999999; } a.join{ width:17px; display:block; margin:0px 0 5px 110px; padding:2px 8px 6px 8px; text-decoration: underline; color:#169ECC; } .banner_adds{ width:180px; text-align:center; padding:10px 0 10px 0; } /*--------------oferta------------------*/ .oferta{ width:585px; height:156px; background:url(http://img29.xooimage.com/files/f/9/f/slider_bg-129855f.gif) no-repeat center; float:left; padding:0px; margin:0 0 5px 5px; } .oferta_img{ float:left; padding:10px 0 0 10px; } .oferta_title{ font-size:15px; color:#159dcc; font-weight:bold; } .oferta_details{ width:340px; float:left; padding:20px 0 0 30px; } .oferta_text{ padding:5px 0 5px 0; font-size:12px; color:#159dcc; text-align:justify; line-height:15px; } /*center content--------------------------*/ .center_content{ width:600px; float:left; padding:5px 10px 5px 15px; } .center_title_bar{ width:575px; height:31px; float:left; padding:0 0 0 10px; margin:0 0 0 5px; line-height:31px; font-size:12px; color:#159DCC; font-weight:bold; background:url(http://img49.xooimage.com/files/e/4/c/bar_bg-129856e.gif) no-repeat center; } /*----------------------right content--------------*/ .right_content{ width:180px; float:left; padding:0px; } .shopping_cart{ width:180px; height:84px; text-align:center; } .cart_title{ font-size:12px; font-size:12px; color:#847676; font-weight:bold; padding:0px; } .cart_details{ width:115px; float:left; padding:5px 0 0 15px; text-align:left; } .cart_icon{ float:left; padding:5px 0 0 5px; } span.border_cart{ width:100px; height:1px; margin:3px 0 3px 0; display:block; border-top:1px #999999 dashed; } /*---------prod_box----------*/ .prod_box{ width:173px; height:auto; float:left; padding:10px 10px 10px 11px; } .center_prod_box{ width:173px;height: auto;float:left; text-align:center;padding:0px; margin:0px; border:1px #F0F4F5 solid; } .prod_details_tab{ width:173px; height:31px; float:left; margin:3px 0 0 0; } img.left_bt{ float:left; padding:6px 0 0 6px; } a.prod_details{ width:75px; height:24px; display:block; float:right; background:url(http://img29.xooimage.com/files/1/3/c/link_bg-1298575.gif) no-repeat center; margin:2px 5px 0 0; text-align:center; line-height:24px; text-decoration:none; color:#159dcc; } a.prod_compare{ width:75px; height:24px; display:block; float:left; background:url(http://img29.xooimage.com/files/1/3/c/link_bg-1298575.gif) no-repeat center; margin:2px 0 0 5px; text-align:center; line-height:24px; text-decoration:none; color:#159dcc; } a.prod_buy{ width:75px; height:24px; display:block; float:left; background:url(http://img29.xooimage.com/files/1/3/c/link_bg-1298575.gif) no-repeat center; margin:2px 0 0 5px; text-align:center; line-height:24px; text-decoration:none; color: #006600; } /*---------prod_box_big----------*/ .prod_box_big{ width:554px; height:auto; float:left; padding:10px 10px 15px 15px; } .center_prod_box_big{ width:554px;height: auto;float:left; text-align:center;padding:0 0 10px 0; margin:0px;border:1px #F0F4F5 solid; } .product_img_big{ width:170px; padding:10px 0 0 10px; float:left; } .details_big_box{ width:345px; float:left; padding:0 0 0 15px; text-align:left; } .product_title_big{ color:#ff8a00; padding:5px 0 5px 0; font-weight:bold; font-size:14px; } .specifications{ font-size:12px; font-weight:bold; line-height:18px; } .thumbs{ padding:8px 5px 8px 5px; border:1px #DFD1D1 solid; margin:15px 0 0 0; } .thumbs a{ padding:3px; } .prod_price_big{ padding:5px 0 5px 0; font-size:16px; } a.addtocart{ width:76px; height:27px; display:block; float:left; background:url(images/addtocart.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#1c4a52; } a.compare{ width:76px; height:27px; display:block; float:left; margin:0 0 0 10px; background:url(images/compare.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#1c4a52; } span.blue{ color:#159DCC; } /*---------------contact_form------------------*/ .contact_form{ width:355px; float:left; padding:0px 0 0 75px; } .form_row{ width:335px; clear:both; padding:10px 0 10px 0; color:#a53d17; } label.contact{ width:75px; float:left; font-size:12px; text-align:right; padding:4px 5px 0 0; color: #333333; } input.contact_input{ width:253px; height:18px; background-color:#fff; color:#999999; border:1px #DFDFDF solid; float:left; } textarea.contact_textarea{ width:253px; height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999999; background-color:#fff; border:1px #DFDFDF solid; float:left; } a.contact{ width:99px; height:27px; display:block; float:right; margin:0 0 0 10px; background:url(images/contact_bt.gif) no-repeat left; padding:0 0 0 10px; text-decoration:none; line-height:27px; color:#1c4a52; } /*--------------footer----------------*/ .footer{ width:1000px; clear:both; height:65px; background:url(http://img43.xooimage.com/files/b/5/3/footer_bg-12985a6.gif) repeat-x top; } .left_footer{ float:left; width:300px; padding:5px 0 0 10px; } .right_footer{ float:right; padding:15px 30px 0 0; } .right_footer a{ padding:0 0 0 7px; text-decoration:none; color: #666666; } .right_footer a:hover{ text-decoration:underline; } .center_footer{ float:left; width:200px; text-align:center; color:#666666; padding:10px 0 0 60px; }

Nombre: Execess Creada por: Css-Plantillas
Encima de la Pagina: <div id="header"> <div id="head"> <div id="logo"> <h1><a href="/home.htm" _fcksavedurl="/home.htm">Nombre de tu web</a></h1> <h2>Sub titulo</h2> </div> <div id="menu"> <ul> <li><a href="/home.htm" _fcksavedurl="/home.htm">Home</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> </ul></div></div> <div id="page">

Abajo de la Pagina: <div id="header"> <div id="sidebar"><ul><li id="search"> <h2><b class="text1">Buscar</b></h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Search" /> </fieldset></form></li> <li> <h2>Link's</h2><ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul></li><li> <h2>Favoritos</h2> <ul> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Link's</a></li> </ul></li><li> <h2>Contenido</h2> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> <center>Pone aqui lo que tu quieras!!<br> </li></ul></div> <div style="clear: both;"></div></div> <div id="footer"><div id="footer-menu"> <ul> <li><a href="URL" _fcksavedurl="URL">Inicio</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> </ul></div><p id="legal"> (c) 2009 <a href="http://tuweb.es.tl" _fcksavedurl="http://tuweb.es.tl">Nombre de tu web</a>. Diseño por: <a href="http://freecsstemplates.org/" _fcksavedurl="http://freecsstemplates.org/">Free CSS Templates</a> Adaptada por <a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl">CssPlantillas.es.tl</a></p></div>

Css-Style: <div id="header"> #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;} body {background: url("https://img.webme.com/pic/c/cssplantillas/excess1.gif") repeat-x left top; font-family: Arial;font-size: 12px;color: #6D6D6D;margin-top: 20px;padding: 0;} h1, h2, h3 {margin: 0;text-transform: lowercase;font-family:Georgia;font-weight: normal;color: #006EA6; } h1 {letter-spacing: -1px;font-size: 35px; } h2 {font-size: 26px; } p, ul, ol {margin: 0 0 2em 0;text-align: justify;line-height: 26px; } a:link {color: #0094E0; } a:hover, a:active {text-decoration: none;color: #0094E0;} a:visited {color: #0094E0; } img {border: none; } img.left {float: left;margin: 7px 15px 0 0;} img.right {float: right;margin: 7px 0 0 15px; } form {margin: 0;padding: 0; } fieldset {margin: 0;padding: 0;border: none;} legend {display: none; } input, textarea, select {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 13px;color: #333333;} #wrapper { } #head {width: 900px;height: 130px;margin: 0 auto 10px auto;padding-top: 10px; } #logo {float: left;height: 90px;background: url("https://img.webme.com/pic/c/cssplantillas/excess2.gif") no-repeat left top; } #logo h1 {margin: 0;padding: 5px 0 0 100px;font-size: 40px;color: #0099E8;} #logo h1 sup {vertical-align: text-top;font-size: 24px; } #logo h1 a {color: #5F9D10;} #logo h2 {margin: 0;padding: 0 0 0 100px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #6D6D6D; } #logo a { text-decoration: none; color: #FFFFFF; } #menu {float: right;padding-top: 30px; } #menu ul {margin: 0;padding: 0;list-style: none; } #menu li {display: inline;} #menu a {display: block;float: left;margin-left:5px; background: url("https://img.webme.com/pic/c/cssplantillas/excess3.gif") repeat-x left top; padding: 1px 10px;text-decoration: none;font-size: 12px;color: #FFFFFF; } #menu a:hover {text-decoration: underline;} #menu .active a { } #page {width: 900px;margin: 0 auto;background: url("https://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top;} #content {float: left;width: 570px;padding: 30px 0 0 30px; } #sidebar {float: right;width: 230px;padding-right: 30px;padding-top: 20px; } #sidebar ul {margin: 0;padding: 10px 0 0 0;list-style: none;} #sidebar li {margin-bottom: 40px; } #sidebar li ul {} #sidebar li li {margin: 0;padding: 3px 0;border-bottom: 1px dashed #D1D1D1;} #sidebar li li a {margin: 0;padding-left: 15px;} #sidebar h2 {padding-bottom: 5px;font-size: 18px;font-weight: normal;color: #0094E0;} #sidebar strong, #sidebar b {color: #8BCB2F;} #sidebar a {text-decoration: none;color: #6D6D6D;} #search { } #search h2 { } #s {width: 150px;margin-right: 5px;padding: 3px;border: 1px solid #F0F0F0; } #x {padding: 3px;border: none;text-transform: lowercase;font-size: 11px;color: #4F4F4F; } .box1 {padding: 20px; } .box2 {color: #BABABA;} .box2 h2 {margin-bottom: 15px;font-size: 16px;color: #FFFFFF; } .box2 ul {margin: 0;padding: 0;list-style: none; } .box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited {color: #EDEDED;} #footer {background: url("https://img.webme.com/pic/c/cssplantillas/excess4.jpg") no-repeat left top; margin: 0 auto;padding: 10px 0 0 60px;color: #353535;width: 900px;} html>body #footer {height: auto;} #footer-menu {} #legal {clear:both;font-size: 11px;color: #6D6D6D;} #legal a {color: #0094E0;} #footer-menu {float: left;color: #353535;text-transform: capitalize;} #footer-menu ul {margin: 0;padding: 0;list-style: none; } #footer-menu li {display: inline; } #footer-menu a {display: block;float: left;padding: 1px 15px 1px 15px;text-decoration: none;font-size: 11px;color: #6D6D6D;} #footer-menu a:hover {text-decoration: underline;} #footer-menu .active a {padding-left: 0;}

Nombre: Color Void Creada por: Cssplantillas
Encima de la Pagina: <div id="header"> <div class='navbar section' id='navbar'> <div class='widget Navbar' id='Navbar1'></div> <div id='layout_wrapper'><div id='layout_edgetop'></div> <div id='layout_container'><div id='header-wrapper'> <div class='header section' id='header'><div class='widget Header' id='Header1'> <div id='header-inner'><div class='titlewrapper'>  <h1 class='title'>Mi web 2.0</h1>  </div> <div class='descriptionwrapper'> <p class='description'><span>CssPlantillas.es.tl</span></p> </div></div></div></div> <div class='clear'></div></div><div id='top_separator'></div><div id='navigation'> <div id='tabs'><ul><li class='current_page_item'>  <a href='URL' _fcksavedurl='URL'><span>Link's 1</span></a></li> <li><a href='URL' _fcksavedurl='URL'><span>Link's 2</span></a></li> <li><a href='URL' _fcksavedurl='URL'><span>Link's 3</span></a></li> <li><a href='URL' _fcksavedurl='URL'><span>Link's 4</span></a></li> </ul>  <div class='clear'></div></div></div> <div class='spacer h5'></div><div id='content-wrapper'>

Abajo de la Pagina: <div id="header"> <div id='sidebar'><div class='widget' id='search'> <h2>Buscar</h2> <div class='widget-content'> <form action='buscar.htm' id='searchform' method='get'> <div> <table class='search'> <tbody><tr> <td><input id='s' name='q' type='text' value=''/></td> <td style='padding-left: 10px;'><input src='https://img.webme.com/pic/c/cssplantillas/colorvoid13.gif' type='image'/> </td> </tr> </tbody></table> </div></form> </div></div> <div class='sidebar section' id='sidebar'><div class='widget Feed' id='Feed1'>  <h2>Box de contenido 1</h2> <div class='widget-content'> Pon aqui el contenido que quieras!  </div></div> <div class='widget BlogArchive' id='BlogArchive1'>  <h2>Box de contenido 2</h2> <div class='widget-content'> Pon aqui el contenido que quieras!  <div id='ArchiveList'><div id='BlogArchive1_ArchiveList'></div></div> <span class='widget-item-control'></div></div></div></div> <div class='clear'></div></div> <div id='footer'> <p class='links'> Copyright © 2009 <a href='http://cssplantillas.es.tl' _fcksavedurl='http://cssplantillas.es.tl'>Tuweb.es.tl</a> | - Diseño por: <a href='http://colorvoid-btemplates.blogspot.com'>colorvoid</a> Adaptada por: <a href='http://templatesfree.es.tl' _fcksavedurl='http://templatesfree.es.tl' target="url">CssPlantillas.es.tl</a> </div></div> <div id='layout_edgebottom'></div></div>

Css-Style: <div id="header"> #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;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} * { margin: 0; padding: 0; } body { background: #404040 url("https://img.webme.com/pic/c/cssplantillas/colorvoid1.jpg"); font:normal 13px Verdana; color: #345; padding-bottom: 1em; } a {color:#0066AA;} a:hover {color: #003366;} p {padding: 0.1em 0 0.8em;} h1 { font: normal 1.8em Georgia,Tahoma,sans-serif; } h2 { font: normal 1.5em Georgia,sans-serif; } h3 { font: bold 1em Tahoma,sans-serif; } html { height: 100%; padding-bottom: 1px; } ul,ol { margin: 0 0 1em 1.6em; } ul ul, ol ol { margin: 0.3em 0 0.3em 1em; } img { border: none; } img.bordered { background: #FFF; padding: 5px; border: 1px solid #DDD; } img.left { margin-right: 1em; } img.right { margin-left: 1em; } small,.small { font-size: 0.8em; } big,.big { font-size: 1.2em; } #layout_wrapper { margin: 10px auto 0; width: 780px; } #layout_container { background: #FFF; padding: 0 5px; } #layout_edgetop, #layout_edgebottom {background:url("https://img.webme.com/pic/c/cssplantillas/colorvoid2.gif") no-repeat left top; display: block; height: 10px; font-size: 0; line-height: 0; } #layout_edgebottom { background-position: left bottom; } table.search { width: 100%; border-collapse: collapse; } .search td { vertical-align: center; } #main-wrapper { overflow:hidden; } .clear { clear:both; } #blog-pager-newer-link{float:left;} #blog-pager-older-link {float: right;} #blog-pager { text-align: center; } #header-wrapper {background:#C5DEF0 url("https://img.webme.com/pic/c/cssplantillas/colorvoid3.jpg") repeat-x left top; padding: 6px 18px;} #header-wrapper h1 {font:normal 2.4em sans-serif;letter-spacing:-1px;color:#507A9A;float:left;} #header-wrapper h1 a { color: #507A9A; text-decoration: none; } #header-wrapper h1 a:hover { color: #305A7A } #header-wrapper p { padding: 1.4em 0 0; font: normal 1.1em sans-serif; color: #667799; float:right; } #top_separator { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid4.gif") repeat-x left top; display: block; font-size: 0; height: 3px; line-height: 0; } #navigation { background: #739CBA url("https://img.webme.com/pic/c/cssplantillas/colorvoid5.jpg") no-repeat left bottom; padding: 82px 10px 0; } #tabs ul{margin: 0; padding: 0;} #tabs li { display:inline; list-style:none; } #tabs a { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid6.gif") no-repeat left top; float: left; font: bold 0.9em sans-serif; margin-right: 3px; padding-left: 4px; text-decoration: none;} #tabs a span { float: left; display: block; background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid7.gif") no-repeat right top; padding: 5px 10px 5px 6px; color: #608AAA;} #tabs a span {float: none;} #tabs a:hover span {color: #608AAA;} #tabs a:hover {background-position: 0% -42px;} #tabs a:hover span {background-position:100% -42px;} #tabs li.current_page_item a {color: #47A; background-position: 0% -42px;} #tabs li.current_page_item a span {background-position:100% -42px;} .h5 { height:5px; } #content { width: 545px; float:left; } #content a { } #content a:hover { } .date-header { color: #999999; padding-top: 1px; font-size: 0.85em; float:right; } .post-footer, p.comment-footer { padding: 8px 10px 6px; background: #F5F5F5; color: #666; border-top: 1px solid #E5E5E5; font-size: 0.8em; } .post-footer a{ color: #567; } .post-footer a:hover{ color: #002; } .post-footer .comment-link {background: none no-repeat left center; padding-left: 18px; float:right; } .post_bottom { background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid8.gif") no-repeat left top; display: block; height: 5px; font-size: 0; line-height: 0; } .feed-links {display:none;} .blog-pager {margin:10px 0; font-size:0.8em;} #sidebar { float:right; width: 220px; } #sidebar ul{ margin-left: 0; border-bottom: 1px solid #E2ECF2; } #sidebar li{ list-style: none; padding: 4px; border-top: 1px solid #E2ECF2; border-bottom: 1px solid #D0D8DE; } #sidebar li:first-child { border-top: none; } #sidebar li a{text-decoration: none; } #sidebar li a:hover{ text-decoration: underline; } #sidebar h2 {background: #C6D2DB url("https://img.webme.com/pic/c/cssplantillas/colorvoid9.gif") no-repeat left top; padding: 6px 10px 5px; font-weight: bold; font-size: 0.9em; color: #505E69; display:block; } #sidebar .widget-content{background:#DAE3E9 url("https://img.webme.com/pic/c/cssplantillas/colorvoid10.gif") repeat-x left top; padding: 8px 10px 1px; font-size: 0.9em; } #sidebar .widget {background: url("https://img.webme.com/pic/c/cssplantillas/colorvoid12.gif") no-repeat left bottom; margin-bottom:5px;padding-bottom: 5px; } #footer {background:#A3B5C1 url("https://img.webme.com/pic/c/cssplantillas/colorvoid11.gif") no-repeat left top; padding: 8px 12px 2px; font-size: 0.85em; color: #FAFCFF; text-align:center; } #footer { color: #C8DBE8; } #footer a { color: #D3E5F1; text-decoration: none; } #footer a:hover { color: #FFE; text-decoration: underline; } .left { float: left; } .right { float: right; } .clear,.clearer { clear: both; } .clearer,.spacer { display: block; font-size: 0; line-height: 0;}

Nombre: ShallowGrunge Creada por: Cssplantillas
Encima de la Pagina: <div id="header"> <div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="URL" _fcksavedurl="URL">Titulo de la web</a></h1> <p><a href="URL" _fcksavedurl="URL"">Lema de tu pagina</a></p></div> <div id="search"> <form method="get" action=""><fieldset> <input id="search-text" type="text" name="s" value="Search" size="15" /> <input type="submit" id="search-submit" value="Search" /> </fieldset></form></div></div> <div id="menu"><ul> <li><a href="URL" _fcksavedurl="URL">Inicio</a></li> <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> <li><a href="URL" _fcksavedurl="URL">Link's 5</a></li></ul> </div><div id="page">

Abajo de la Pagina: <div id="header"> <div id="sidebar"> <ul><li><h2>Titulo box 1</h2><p> Aqui puede poner lo que tu quieras! </p></li><li> <h2>Link's</h2><ul> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (3) </li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (42) </li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (28)</li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (55) </li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (13)</li> </ul></li><li> <h2>Favoritos</h2> <ul> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (3) </li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (42) </li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (28) </li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (55) </li> <li><a href="URL" _fcksavedurl="URL">Nombre del link's</a> (13) </li> </ul></li><li> <h2>Archivos</h2> <ul> <li><a href="URL" _fcksavedurl="URL">Link's 1</a>Descripción</li> <li><a href="URL" _fcksavedurl="URL">Link's 2</a>Descripción</li> <li><a href="URL" _fcksavedurl="URL">Link's 3</a>Descripción</li> <li><a href="URL" _fcksavedurl="URL">Link's 4</a>Descripción</li> </ul></li></ul> </div> <div style="clear: both;"></div> </div></div> <div id="footer"><p> Copyright (c) 2009 tu sitio.es.tl. Todos los derechos reservados. Diseño por <a href="http://freecsstemplates.org" _fcksavedurl="http://freecsstemplates.org">FreeCSSTemplates</a>. Adaptado por <a href="http://cssplantillas.es.tl" _fcksavedurl="http://cssplantillas.es.tl" target="url">Css Plantillas</a> </p></div>

Css-Style: <div id="header"> #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;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} body {margin: 20px;background: #000000;font-family:"Trebuchet MS";font-size: 13px;color:#787878; } h1, h2, h3 {margin: 0;font-family:Georgia;font-weight:normal;color:#000000;} h1 {font-size: 2em;} h2 {font-size: 1.6em;} h3 {font-size: 1.6em;} p, ul, ol {margin-top: 0;line-height:180%;} ul, ol {} a {text-decoration: none;border-bottom: 1px dotted #999999;color: #A42424;} a:hover {background: none; } #wrapper {width: 910px;margin: 0 auto;padding: 20px;background: #FFFFFF; } #header {width: 910px;height: 172px;margin: 0 auto; background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge1.jpg") no-repeat left top; } #logo {float: left;width: 640px;color: #B2B2B2;} #logo h1, #logo p {} #logo h1 {float: left;padding: 100px 0 0 20px;letter-spacing: -1px;text-transform:uppercase;font-size: 2.6em; } #logo p {float: left;margin: 0;padding: 110px 0 0 5px;text-transform: uppercase;font: bold 14px Arial;} #logo a {border:none;background: none;text-decoration: none;color: #FFFFFF; } #search {float: right;width: 230px;padding-top: 16px; } #search form {height: 41px;margin: 0;padding: 90px 0 0 0px;} #search fieldset {margin: 0;padding: 0;border: none;} #search-text {width: 200px;border:none;text-transform:lowercase;border:1px #525252 dotted; font: bold 1.2em Arial, Helvetica, sans-serif;color: #FFFFFF; } #search-submit {display: none; } #menu {width: 910px;height: 41px;margin: 0 auto;padding: 0; background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge2.jpg") no-repeat left top;} #menu ul {margin: 0;padding: 0;list-style: none;line-height: normal;} #menu li {float: left;} #menu a {display: block;padding: 13px 10px 10px 20px;text-transform: uppercase;text-decoration: none;font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #FFFFFF;border: none; } #menu a:hover, #menu .current_page_item a { color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #page {width: 910px;margin: 0 auto; background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge3.jpg") no-repeat left top;} #content {float: left;width: 600px;padding: 40px 0 0 20px; } #sidebar {float:right;width:220px;padding: 40px 20px 0 0;color: #787878; } #sidebar ul {margin: 0;padding: 0;list-style: none;} #sidebar li {} #sidebar li ul {padding-bottom:30px;} #sidebar li li {line-height: 35px;border-bottom: 1px dashed #D2D4C9;} #sidebar h2 {letter-spacing: -.5px;color: #000000;} #sidebar p {padding-bottom: 20px;text-align:justify;} #sidebar a {color:#787878;border: none;} #sidebar a:hover {text-decoration: underline;color: #787878;} #calendar { } #calendar_wrap {padding: 20px;} #calendar table {width: 100%; } #calendar tbody td {text-align: center;} #calendar #next {text-align: right;} #footer {width: 910px;height:50px;margin:0 auto;padding: 40px 0;font-family: Arial;color: #B2B2B2;} #footer p {margin: 0;line-height: normal;font-size: 9px;text-transform: uppercase;text-align:center;} #footer a {color: #FFFFFF; }

Nombre: Outside Creada por: Cssplantillas
Encima de la Pagina: <div id="header"> <div id="header"> <h1>Css Plantillas</h1> <h2></h2> </div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#">Inicio</a></li> <li><a href="#" _fcksavedurl="#">Link's 1</a></li> <li><a href="#" _fcksavedurl="#">Link's 2</a></li> <li><a href="#" _fcksavedurl="#">Link's 3</a></li> <li><a href="#" _fcksavedurl="#">Link's 4</a></li> </ul> </div> <div id="waper">

Abajo de la Pagina: <div id="header"> <div id="columnB"> <h2>Último contenido</h2> <p><strong>[27/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#" _fcksavedurl="#">Leer más</a></p> <p><strong>[26/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#" _fcksavedurl="#">Leer más</a></p> <p><strong>[25/03/2009]</strong>Nuevo diseño Outoftheblue<a href="#" _fcksavedurl="#">Leer más</a></p> <h2>Recomendadas!</h2> <ul> <li><a href="#" _fcksavedurl="#">Link's 1</a></li> <li><a href="#" _fcksavedurl="#">Link's 2</a></li> <li><a href="#" _fcksavedurl="#">Link's 3</a></li> <li><a href="#" _fcksavedurl="#">Link's 4</a></li> </ul> </div> <div style="clear: both;"></div> </div> <div id="footer"> <p>Copyright © 2009 Tusitio.es.tl - Diseño por <a href="http://freecsstemplates.org" _fcksavedurl="http://freecsstemplates.org">Free CSS Templates</a> - Adaptado por <a href="http://www.cssplantillas.es.tl" _fcksavedurl="http://www.cssplantillas.es.tl">Css Plantillas</a></p></div>

Css-Style: <div id="header"> #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;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} body {margin: 0px 0;font: normal small Arial;color: #83895C;} h1, h2, h3, h4, h5, h6 {margin-top: 0;padding-top: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #CC6600;} a {text-decoration: none;color: #CC6600;} a:hover {border: none;} #header {width: 700px;height: 80px;margin: 0 auto;} #header h1 {margin: 0;padding: 30px 10px 0 20px;font-size: 36px;letter-spacing: -.05em;color: #83895C;} #header h2 {display: none;} #menu {width: 700px;margin: -2.25em auto 0 auto;font-weight:bold;} #menu ul {margin: 0;padding: 0;list-style: none;text-align: right;} #menu li {display: inline;} #menu a {padding: 0 10px 0 11px;border: none;border-left: 1px solid #83895C;color: #83895C;} #menu a:hover {color: #83895C;} #menu .first a {border: none;} #waper {width: 720px;margin: 0 auto; background: #EFEBDF url("https://img.webme.com/pic/c/cssplantillas/outside1.gif") repeat-y left top;} #waper * {line-height: 140%;} #content {float: left;width: 440px;padding: 25px 20px 0 30px; background: url("https://img.webme.com/pic/c/cssplantillas/outside2.gif") no-repeat left top;} #columnB {float: right;width: 200px;padding: 25px 20px 0 10px; background: url("https://img.webme.com/pic/c/cssplantillas/outside3.gif") no-repeat left top;} #columnB * {color: #EFEBDF;} #columnB ul {margin-left: 0;padding-left: 0;list-style: inside circle;} #columnB a {border-bottom-color: #EBD8B7;color: #FFFFFF;} #footer {width: 720px;height: 50px;margin: 0 auto; background: url("https://img.webme.com/pic/c/cssplantillas/outside4.gif") no-repeat left top;} #footer p {margin: 0;padding: 35px 0 0 20px;font: bold 9px Arial, Helvetica;}

Nombre: Blog Style Creada por: Cssplantillas
Encima de la Pagina: <div id="header"> <div id="logo"> <h1>Nombre de tu web</h1></div> <div id="menu"><ul id="main"> <li class="current_page_item"><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> </ul></div> <div id="wrapper"> <div id="page">

Abajo de la Pagina: <div id="header"> <div id="sidebar1" class="sidebar"> ul><li> <h2>Box 1!</h2><ul> Contenido que tu quieras! </ul></li> <li><h2>Box 2!</h2> Contenido que tu quieras! </li> <li><h2>Link's</h2><ul> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DEL LINK'S</a></li> </ul></li> <li><h2>Lo más visto...</h2> <ul> <li><a href="URL" _fcksavedurl="URL">NOMBRE DE LA PAGINA</a></li> <li><a href="URL" _fcksavedurl="URL">NOMBRE DE LA PAGINA</a></li> </ul></li></ul></div> <div id="sidebar2" class="sidebar"><ul><li> <h2>Buscador</h2> <center><form id="searchform" method="get" action="#"><div> <input type="text" name="s" size="15" value="" /><br /> <input type="submit" value="Busca!"/> </div></form></center></li>  <li><h2>Box 3!</h2> Contenido que tu quieras! <li> <h2>Web Recomendadas</h2><ul> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> <li><a href="URL" _fcksavedurl="URL">Link's</a></li> </ul></li></ul></div> <div style="clear: both;"></div> </div> </div> <div id="footer"><p> ©2008-2009 <a href="URL DE TU WEB" _fcksavedurl="URL DE TU WEB">Nombre de tu web</a>. Todos los derechos reservados. </p></div>

Css-Style: <div id="header"> #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;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} body {margin:0;padding: 0; background: #424242 url("https://img.webme.com/pic/c/cssplantillas/blogstyle1.jpg") repeat-x; font-family:Arial, verdana;font-size: 12px;color:white;} a {color: #ff9933;} a:hover {color: yellow} #logo {width:880px;height: 88px;margin: 0 auto;padding: 0 10px; } #logo h1, #logo p {float: left;margin: 0;color: #FFFFFF;} #logo h1 {padding: 30px 0 0 0;text-transform: none;font-weight: normal;font-size: 3em;} #logo p {text-transform:none;padding: 52px 0 0 3px;font-size: 10px;color: #616161;} #logo a {border: none;text-decoration: none;color: #FFFFFF; } #menu {width: 880px;height: 42px;margin: 0 auto;padding-top: 10px; } #menu ul {margin: 0;padding: 0;list-style: none; } #menu li {display: inline;} #menu a {display: block;float: left;margin: 0 3px 0 0;padding: 8px 15px 10px 15px;border: none;text-decoration: none;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-size:10px;color: #CCCCCC;} #menu a:hover {background: url("https://img.webme.com/pic/c/cssplantillas/blogstyle2.jpg") repeat-x; margin: 0 3px 0 0;padding: 8px 15px 10px 15px;color: #FFFFFF; } #menu .current_page_item a {background: url("https://img.webme.com/pic/c/cssplantillas/blogstyle2.jpg") repeat-x; margin: 0 3px 0 0;padding: 8px 15px 10px 15px;color: #FFFFFF;} #wrapper {background: #000000;} #page {width: 880px;margin: 0 auto;padding: 30px 0; } #page-bg {padding: 11px 24px;background: url("https://img.webme.com/pic/c/cssplantillas/blogstyle3.gif") no-repeat;} #content {float: left;width: 438px;} .sidebar {float: left;width: 200px;padding: 0 0 0 21px;} .sidebar ul {margin: 0;padding: 0;list-style: none;} .sidebar li {padding: 0 0 20px 0;} .sidebar li ul { } .sidebar li li {padding: 5px 0 5px 25px; background: url("https://img.webme.com/pic/c/cssplantillas/blogstyle4.gif") no-repeat 10px 9px; } .sidebar li h2 {margin: 0 0 10px 0;padding: 5px 10px;border: 1px solid #4A4A4A;color: #CCCCCC; background: url("https://img.webme.com/pic/c/cssplantillas/blogstyle5.jpg") repeat-x;font-size: 12px;} #footer {background: #000000 url("https://img.webme.com/pic/c/cssplantillas/blogstyle5.jpg") repeat-x left top; text-align:center;height:50px;}