Zona-Desing

Diseños Css-Desing

DISEÑO 1

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

Outside

Codigo por encima de la pagina

Codigo por debajo de la pagina

Codigo "Sin style tag"

#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;}   body { 	margin: 0px 0; 	font: normal small Arial, Helvetica, sans-serif; 	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; }  #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(http://pixelea.com/s/c6b35c446b.gif) repeat-y left top; }  #waper * { 	line-height: 140%; }  #content { 	float: left; 	width: 440px; 	padding: 25px 20px 0 30px; 	background: url(http://pixelea.com/s/f2f598ca37.gif) no-repeat left top; }  #columnB { 	float: right; 	width: 200px; 	padding: 25px 20px 0 10px; 	background: url(http://pixelea.com/s/169fe9a845.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 */  #footer { 	width: 720px; 	height: 50px; 	margin: 0 auto; 	background: url(http://pixelea.com/s/82f77ae78e.gif) no-repeat left top; }  #footer p { 	margin: 0; 	padding: 35px 0 0 20px; 	font: bold 9px Arial, Helvetica, sans-serif; }

DISEÑO 2

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

Shallwgrunge

Codigo por encima de la pagina

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div id="wrapper"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">Zona-Desing</a></h1> <p><a href="#/" _fcksavedurl="#/">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="#" _fcksavedurl="#">Inicio</a></li> <li><a href="#" _fcksavedurl="#">Link's 1</a></li> <li><a href="#" _fcksavedurl="#">Link's </a></li> <li><a href="#" _fcksavedurl="#">Link's </a></li> <li><a href="#" _fcksavedurl="#">Link's </a></li> <li><a href="#" _fcksavedurl="#">Link's </a></li> </ul></div>  <div id="page">

Codigo por debajo de la pagina

<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="#" _fcksavedurl="#">Uncategorized</a> (3) </li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a> (42) </li> <li><a href="#" _fcksavedurl="#">Urna Congue Rutrum</a> (28) </li> <li><a href="#" _fcksavedurl="#">Augue Praesent</a> (55) </li> <li><a href="#" _fcksavedurl="#">Vivamus Fermentum</a> (13) </li> </ul></li><li> <h2>Favoritos</h2> <ul> <li><a href="#" _fcksavedurl="#">Uncategorized</a> (3) </li> <li><a href="#" _fcksavedurl="#">Lorem Ipsum</a> (42) </li> <li><a href="#" _fcksavedurl="#">Urna Congue Rutrum</a> (28) </li> <li><a href="#" _fcksavedurl="#">Augue Praesent</a> (55) </li> <li><a href="#" _fcksavedurl="#">Vivamus Fermentum</a> (13) </li> </ul></li><li> <h2>Archivos</h2> <ul> <li><a href="#" _fcksavedurl="#">Link's 1</a>Descripción</li> <li><a href="#" _fcksavedurl="#">Link's 2</a>Descripción</li> <li><a href="#" _fcksavedurl="#">Link's 3</a>Descripción</li> <li><a href="#" _fcksavedurl="#">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.co.cc" _fcksavedurl="http://cssplantillas.co.cc">Css Plantillas</a></p> </div>

Codigo "Sin style tag"

#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;} body { margin: 20px; background: #000000; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #787878; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; 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 */ #header { width: 910px; height: 172px; margin: 0 auto; background: url(http://pixelea.com/s/f1c5a2f135.jpg) no-repeat left top; } /* Logo */ #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, Helvetica, sans-serif; } #logo a { border: none; background: none; text-decoration: none; color: #FFFFFF; } /* Search */ #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 */ #menu { width: 910px; height: 41px; margin: 0 auto; padding: 0; background: url(http://pixelea.com/s/efacf61576.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 */ #page { width: 910px; margin: 0 auto; background: url(http://pixelea.com/s/ce73cd5406.jpg) no-repeat left top; } /* Content */ #content { float: left; width: 600px; padding: 40px 0 0 20px; } /* Sidebar */ #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 { } #calendar_wrap { padding: 20px; } #calendar table { width: 100%; } #calendar tbody td { text-align: center; } #calendar #next { text-align: right; } /* Footer */ #footer { width: 910px; height: 50px; margin: 0 auto; padding: 40px 0; font-family: Arial, Helvetica, sans-serif; color: #B2B2B2; } #footer p { margin: 0; line-height: normal; font-size: 9px; text-transform: uppercase; text-align: center; } #footer a { color: #FFFFFF; }

DISEÑO 3

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

Colorvoid

Codigo por encima de la pagina:

<!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' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <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>Templatesfree.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='inicio.htm' _fcksavedurl='inicio.htm'><span>Inicio</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Noticias</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Videos</span></a></li> <li><a href='#' _fcksavedurl='#'><span>Contacto</span></a></li> </ul>  <div class='clear'></div> </div> </div> <div class='spacer h5'></div> <div id='content-wrapper'>

codigo por debajo de la pagina

<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='http://pixelea.com/s/c1b484ad29.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://templatesfree.es.tl' _fcksavedurl='http://templatesfree.es.tl'>Tuweb.es.tl</a> | - Diseño por: <a href='http://colorvoid-btemplates.blogspot.com/' _fcksavedurl='http://colorvoid-btemplates.blogspot.com/'>colorvoid</a> Adaptada por: <a href='http://templatesfree.es.tl' _fcksavedurl='http://templatesfree.es.tl'>Templatesfree.es.tl</a> </div> </div> <div id='layout_edgebottom'></div> </div>

Codigo Sin "style tag"

#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;} * { margin: 0; padding: 0; } body { background: #404040 url(http://pixelea.com/s/bcbd190dab.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(http://pixelea.com/s/1ddf9d7177.gif) no-repeat left top; display: block; height: 10px; font-size: 0; line-height: 0; } #layout_edgebottom { background-position: left bottom; } /* Seachform */ 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; } /*-- (Cabecera) --*/ #header-wrapper { background: #C5DEF0 url(http://pixelea.com/s/607f4ca364.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(http://pixelea.com/s/9a61c0d952.gif) repeat-x left top; display: block; font-size: 0; height: 3px; line-height: 0; } /*-- (Menu) --*/ #navigation { background: #739CBA url(http://pixelea.com/s/2aadacaf3b.jpg) no-repeat left bottom; padding: 82px 10px 0; } /* Tabs */ #tabs ul { margin: 0; padding: 0; } #tabs li { display:inline; list-style:none; } #tabs a { background: url(http://pixelea.com/s/775f50f6c3.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(http://pixelea.com/s/f7b504b6a1.gif) no-repeat right top; padding: 5px 10px 5px 6px; color: #608AAA; } /* Commented Backslash Hack hides rule from IE5-Mac */ #tabs a span {float: none;} /* End IE5-Mac hack */ #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;} /*-- (Contenedor) --*/ .h5 { height:5px; } /* Contenido */ #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(http://pixelea.com/s/1ac49e7a18.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 */ #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(http://pixelea.com/s/f38d67d112.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(http://pixelea.com/s/c32a58d178.gif) repeat-x left top; padding: 8px 10px 1px; font-size: 0.9em; } #sidebar .widget { padding-bottom: 5px; background: url(http://pixelea.com/s/1ac49e7a18.gif) no-repeat left bottom; margin-bottom:5px; } /*-- Footer --*/ #footer { background: #A3B5C1 url(http://pixelea.com/s/c8c5fc1e62.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; }

DISEÑO 4

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

Blog Style.

Codigo por encima de la pagina:

Codigo por debajo de la pagina:

<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 DE LINK'S" _fcksavedurl="URL DE LINK'S">NOMBRE DEL LINK'S</a></li> <li><a href="URL DE LINK'S" _fcksavedurl="URL DE LINK'S">NOMBRE DEL LINK'S</a></li> <li><a href="URL DE LINK'S" _fcksavedurl="URL DE LINK'S">NOMBRE DEL LINK'S</a></li> <li><a href="URL DE LINK'S" _fcksavedurl="URL DE LINK'S">NOMBRE DEL LINK'S</a></li> <li><a href="URL DE LINK'S" _fcksavedurl="URL DE LINK'S">NOMBRE DEL LINK'S</a></li> <li><a href="URL DE LINK'S" _fcksavedurl="URL DE LINK'S">NOMBRE DEL LINK'S</a></li> <li><a href="URL DE LINK'S" _fcksavedurl="URL DE LINK'S">NOMBRE DEL LINK'S</a></li> </ul> </li> <li> <h2>Lo más visto...</h2> <ul> <li><a href="URL DE LA PAGINA" _fcksavedurl="URL DE LA PAGINA">NOMBRE DE LA PAGINA</a></li> <li><a href="URL DE LA PAGINA" _fcksavedurl="URL DE LA PAGINA">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" id="s" size="15" value="" /> <br /> <input type="submit" value="Busca!" id="x" /> </div> </form></center>  </li> <li> <h2>Box 3!</h2> Contenido que tu quieras! <li> <h2>Web Recomendadas</h2> <ul> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">Link's</a></li> <li><a href="#" _fcksavedurl="#">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>

Sin Style tag:

DISEÑO 5

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

Squarely

Codigo por encima de la pagina:

codigo por debajo de la pagina

<div id="sidebar"> <ul> <li id="search"> <h2>Buscador</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Buscar" /> </fieldset> </form> </li><li> <h2>Lorem Ipsum</h2> <ul> <li><a href="#" _fcksavedurl="#">Fusce dui neque fringilla</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> </ul></li> <li> <h2>Volutpat Dolore</h2> <ul> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> <li><a href="#" _fcksavedurl="#">Eget tempor eget nonummy</a></li> <li><a href="#" _fcksavedurl="#">Nec metus sed donec</a></li> <li><a href="#" _fcksavedurl="#">Magna lacus bibendum mauris</a></li> <li><a href="#" _fcksavedurl="#">Velit semper nisi molestie</a></li> </ul></li></ul> </div> <div style="clear: both;"> </div> </div> <div id="footer"> <p id="legal">( c ) 2009. Todos los derechos reservados <a href="#" _fcksavedurl="#">Tuweb.es.tl</a> | Diseño adaptado por <a href="http://cssplnatillas.es.tl" _fcksavedurl="http://cssplnatillas.es.tl">Css Plantillas</a>.</p> </div>

Codigo Sin "style tag"

#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;} body { margin: 0; padding: 0; background: #0BA1DE url(http://www.fileden.com/files/2009/1/7/2257042/img08.gif) repeat-x left top; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; text-align: justify; color: #FFFFFF; } h1, h2, h3 { margin: 0; font-weight: normal; color: #FFFFFF; } h1 { letter-spacing: -1px; font-size: 32px; } h2 { font-size: 23px; } p, ul, ol { margin: 0 0 2em 0; text-align: justify; line-height: 26px; } a:link { color: #EFCE58; } a:hover, a:active { text-decoration: none; color: #EFCE58; } a:visited { color: #EFCE58; } img { border: none; } img.left { float: left; margin-right: 15px; } img.right { float: right; margin-left: 15px; } /* Form */ 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 { margin: 0; padding: 0; } /* Header */ #header { width: 840px; margin: 0 auto; height: 60px; } /* Menu */ #menu { float: left; width: 840px; height: 60px; background: url(http://www.fileden.com/files/2009/1/7/2257042/img02.gif) no-repeat left top; font-family: Arial, Helvetica, sans-serif; } #menu ul { margin: 0; padding: 0px 0 0 20px; list-style: none; line-height: normal; } #menu li { display: block; float: left; } #menu a { display: block; float: left; margin-top: 5px; margin-right: 3px; padding: 5px 15px; text-decoration: none; text-transform: uppercase; font-size: 11px; color: #283386; } #menu a:hover { background: #8BD2EF; color: #FFFFFF; } #menu .current_page_item a { background: #8BD2EF; color: #FFFFFF; } /** LOGO */ #logo { width: 840px; height: 80px; margin: 0 auto; } #logo h1, #logo h2 { float: left; margin: 0; padding: 30px 0 0 0px; line-height: normal; } #logo h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size:40px; } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover { text-decoration: underline; } #logo h2 { float: left; padding: 45px 0 0 18px; font: 18px Georgia, "Times New Roman", Times, serif; color: #EFCE58; } #logo p a { text-decoration: none; color: #EFCE58; } #logo p a:hover { text-decoration: underline; } /* Page */ #page { width: 820px; margin: 0 auto; } /* Content */ #content { float: left; width: 540px; } /* Post */ .post { border: 10px #8FD3EF solid; padding: 15px 20px; background: url(http://www.fileden.com/files/2009/1/7/2257042/img04.gif) repeat left top; margin-bottom: 20px; } .post .title { margin-bottom: 20px; padding-bottom: 5px; } .post h1 { width: 520px; padding: 0px 0 0 0px; background: url(images/img08.jpg) no-repeat left top; font-size: 24px; color: #FFFFFF; } .post h2 { width: 520px; padding: 0px 0 0 0px; font-size: 22px; color: #FFFFFF; } .post .entry { } .post .meta { padding: 15px 15px 30px 0px; font-size: 10px; } .post .meta p { margin: 0; padding-top: 15px; line-height: normal; color: #FFFFFF; } .post .meta .byline { float: left; } .post .meta .links { float: right; } .post .meta .more { padding: 0 20px 0 18px; } .post .meta .comments { padding-left: 22px; } .post .meta b { display: none; } /* Sidebar */ #sidebar { float: right; width: 230px; margin: 0; padding: 0; } #sidebar ul { margin: 0; padding: 0; list-style: none; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { } #sidebar li li { margin: 0; } #sidebar h2 { width: 250px; padding: 8px 0 0 0px; margin-bottom: 10px; background: url(images/img07.jpg) no-repeat left top; font-size: 20px; color: #FFFFFF; } /* Search */ #search { } #search h2 { margin-bottom: 20px; } #s { width: 140px; margin-right: 5px; padding: 3px; border: 1px solid #BED99C; } #x { padding: 3px; border: none; background: #8FD3EF; font-size: 11px; color: #085B7B; } /* Boxes */ .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 */ #footer-wrap { } #footer { background: #0B97D4 url(http://pixelea.com/s/6f1bb2b480.gif) repeat-x left top; margin: 0 auto; padding: 20px 0 10px 0; } html>body #footer { height: auto; } #footer p { font-size: 14px; } #legal { clear: both; padding-top: 17px; text-align: center; color: #FFFFFF; } #legal a { font-weight: normal; color: #FFFFFF; }

DISEÑO 6

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

Transparent vista 2

Codigo por encima de la pagina:

<div  id="menu"> <ul id="nav"> </div> <p><img src="http://pixelea.com/s/34fe2e81b8.png" border="0" /> </p>  <div class="sidebar2" id="link"> <img src="http://pixelea.com/s/09913e1195.png" border="0" /> <table background=http://pixelea.com/s/bb34586be3.png height=100 width=221> <tr> <td> <center> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <br /></center> </td> </tr> </table> <img src="http://pixelea.com/s/8f9936edba.png" border="0" />  <img src="http://pixelea.com/s/09913e1195.png" border="0" /> <table background=http://pixelea.com/s/bb34586be3.png height=100 width=221> <tr> <td><center> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <a href="URL">Nombre</a><br /> <img src="http://pixelea.com/s/094987f9ef.png" border="0" /> <br /></center> </td> </tr> </table> <img src="http://pixelea.com/s/8f9936edba.png" border="0" /> </div> <fieldset>       <img src="http://pixelea.com/s/e1d2c9c39a.png" border="0" /> <table background=http://pixelea.com/s/83cfc3bb21.png height=100 width= 733> <tr> <td>

Codigo por debajo de la pagina

</td> </tr> </table> <img src="http://pixelea.com/s/b6f01aa8b1.png" border="0" /> </fieldset> <style>  </style>

Codigo Sin style tag;

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: #2e7fa9 url(http://appuvista.com/images/windows-vista-large/windows-vista-wallpaper-large-24.jpg); background-attachment: fixed; } fieldset { filter: alpha (opacity = 80),-moz-opacity: 0.90; opacity: 0.90; border-width : 0px; width: 712px; left: 230px; position: absolute; top: 251px; } .sidebar2 { filter: alpha (opacity = 80),-moz-opacity: 0.85; opacity: 0.85; width: 215px; border: 1px ; background-color: ; text-align: left; margin-bottom: 8px; } #menu { position: absolute; left:685px; top: 46px; }

DISEÑO 7

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

RS 13

Codigo por encima de la pagina:

<!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"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <script type="text/javascript" src="http://img40.xooimage.com/files/6/e/e/jquery-1.1.3.1.min-e3f843.js"></script> <script type="text/javascript" src="http://img44.xooimage.com/files/8/c/3/jquery.easing.min-e3f849.js"></script> <script type="text/javascript" src="http://img22.xooimage.com/files/5/1/1/jquery.lavalamp.min-e3f873.js"></script> <script type="text/javascript"> $(function() { $("#1, #2, #3").lavaLamp({ fx: "backout", speed: 700, click: function(event, menuItem) { return true; } }); }); </script> <link href="http://img20.xooimage.com/files/a/b/8/lavalamp-e9085b.css" rel="stylesheet" type="text/css" /> <div id="wrap"> <div id="topbg"> </div> <div id="wrap2"> <div id="topbar"> <h1 id="sitename"><a href="http://www.free-css.com/">Tu web </a> <span class="description">Just another free CSS Template</span></h1> <div id="searchbar"> <form href="http://www.free-css.com/" class="searchform"> <p> <input name="s" type="text" class="textbox" value="Keyword .... " /> </p> </form> </div> </div> <div id="header"> <div id="headercontent"> </div> <div id="topnav"> <ul class="lavaLampWithImage" id="1"> <li class="current"><a href="http://www.free-css.com/">Home</a></li> <li><a href="styles.html">Styles</a></li> <li><a href="notes.html">Notes</a></li> <li><a href="credits.html">Credits</a></li> <li><a href="http://www.free-css.com/">Dummy Link</a></li> <li><a href="http://www.free-css.com/">Nogo Link</a></li> </ul> </div> </div> <div id="content2"> <div id="left"> <div class="post"> </div> </div>

Texto por debajo de la pagina:

<div id="sidebar" style="position:absolute;left:45px;top:300px;"> <h3>Categories</h3> <ul> <li class="cat-item"><a href="http://www.free-css.com/">Lorem Ipsum </a></li> <li class="cat-item"><a href="http://www.free-css.com/">Apple Macintosh </a></li> <li class="cat-item"><a href="http://www.free-css.com/">Linux Ubuntu </a></li> <li class="cat-item"><a href="http://www.free-css.com/">Wordpress Themes</a></li> <li class="cat-item"><a href="http://www.free-css.com/">XHTML Themes</a></li> <li class="cat-item"><a href="http://www.free-css.com/">Free Releases </a></li> </ul> <h3>Archives</h3> <ul> <li><a href="http://www.free-css.com/">March 2008</a></li> <li><a href="http://www.free-css.com/">February 2008</a></li> <li><a href="http://www.free-css.com/">January 2008</a></li> <li><a href="http://www.free-css.com/">December 2007</a></li> </ul> <h3>Links</h3> <ul> <li><a href="http://www.free-css.com/">Development Blog</a></li> <li><a href="http://www.free-css.com/">Documentation</a></li> <li><a href="http://www.free-css.com/">Plugins</a></li> <li><a href="http://www.free-css.com/">Suggest Ideas</a></li> <li><a href="http://www.free-css.com/">Support Forum</a></li> <li><a href="http://www.free-css.com/">Themes</a></li> </ul> <h3>Meta</h3> <ul> <li><a href="http://www.free-css.com/">Log in</a></li> <li><a href="http://www.free-css.com/">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> <li><a href="http://www.free-css.com/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> <li><a href="http://www.free-css.com/">WordPress</a></li> </ul> </div> <div class="clear"></div> </div> <div id="footer"> Copyright © El nombre de tu web | <a href="http://www.free-css.com/">Put</a> | <a href="http://www.free-css.com/">Some</a> | <a href="http://www.free-css.com/">Links</a> | <a href="http://www.free-css.com/">Here</a> <div class="credit"><a href="http://ramblingsoul.com">CSS Template</a> by ramblingsoul adaptado por WarioTeAyuda</div> </div> </div> <div id="btmbg"> </div> </div>

Sin style tag

#content { clear: both; width: 530px; } lli.nav_element{display: none;} li.nav_element a{display: none;} #extraDiv1 {display: none;} #extraDiv2 {display: none;} #extraDiv3 {display: none;} #extraDiv4 {display: none;} #extraDiv5 {display: none;} #extraDiv6 {display: none;} #pre_header {display: none;} #post_header {display: none;} #pre_content {display: none;} #nav_heading{display: none;} div.header{display: none;} h1#title{display: none;} h2#title span {display: none;} #counter { position: absolute; left: 23%; top:52px; margin-left: 300px; width: 450px; height:20px; } * { padding:0; margin:0;} #footer .credit { padding: 5px; font: 10px Georgia, "Times New Roman", Times, serif; } ul { list-style:none;} body {background: #036 url(http://www.fileden.com/files/2008/12/9/2217600/bg.jpg) fixed center center repeat-y; font: .75em Verdana, Arial, Helvetica, sans-serif; color:#333;} #wrap {width:973px; margin:auto;} h1, h2, h3, .subhead, .heading {font-family:Georgia, "Times New Roman", Times, serif;} h1 { font-size: 2em; font-weight:normal;} h2 { font-size: 1.5em; font-weight:normal;} h3 {font-size: 1.2em; font-weight:normal;} .clear {clear:both;} .leftalign {float:left;} .rightalign {float:right;} .centeralign { margin:5px auto 5px auto;} img.leftalign, img.rightalign, img.centeralign {display:block; padding:5px; background:#fff; border:solid 1px #ddd; margin:5px; } a {color:#000; text-decoration:none;} a:visited { color:#333; text-decoration:none;} a:hover {color:#036; text-decoration:none;} #wrap2 {background:url(http://www.fileden.com/files/2008/12/9/2217600/pagebg.png) repeat-y; padding:0 7px 0 7px;} #topbar {background: url(http://www.fileden.com/files/2008/12/9/2217600/topbar.jpg) no-repeat; height:59px; padding:10px;} #header {background:url(http://www.fileden.com/files/2008/12/9/2217600/header.jpg) no-repeat; height:169px;} #footer {background: url(http://www.fileden.com/files/2008/12/9/2217600/footer.jpg) no-repeat; height:44px; width:937px; padding:10px; margin:auto; text-align:center;} #content2 { background: url(http://www.fileden.com/files/2008/12/9/2217600/contengbg.jpg) 666px 0 repeat-y; padding:10px;} #topbg {background:url(http://www.fileden.com/files/2008/12/9/2217600/topbg.png) no-repeat; height:14px;} #btmbg {background:url(http://www.fileden.com/files/2008/12/9/2217600/btmbg.png) no-repeat; height:13px;} #headercontent {height:120px;} #topnav {background:url(http://www.fileden.com/files/2008/12/9/2217600/menubar.png) no-repeat; height:29px; width:916px; margin:auto;} #searchbar {background:url(http://www.fileden.com/files/2008/12/9/2217600/searchbar.png) no-repeat; width:431px; height:34px; float:right; margin:16px 10px 0 0;} .searchform { padding-left: 80px; padding-top: 4px; } .textbox { display: block; height: 22px; padding: 5px 8px 0 5px; width: 298px; background: transparent; border-style: none; border-width: 0px; } .textbox:focus {border:none;} #sitename { font: bold 24px "Trebuchet MS", Arial, Halvetica, sans-serif; display: block; float: left; padding-top: 10px; color: #2E2E2E; } #sitename .description { display: block; font: normal 12px Georgia, "Times New Roman", Times, serif; color: #333; } #sitename a { color:#000; background:none; } #sitename a:hover {color:#999; background:none;} #left {width:650px; float:left;}#content2 #sidebar { margin-left: 658px; } #left .post {width:641px; margin: 0 auto 15px auto;} #left .post p {line-height:18px; margin-bottom:18px;} #left .post .postheader {background: url(http://www.fileden.com/files/2008/12/9/2217600/postheader.jpg) no-repeat; height:27px;} #left .post .postcontent {background:url(http://www.fileden.com/files/2008/12/9/2217600/postbg.jpg) repeat-y; padding:10px 25px 10px 25px;} #left .post .postbottom {background: url(http://www.fileden.com/files/2008/12/9/2217600/postbottom.jpg) no-repeat; height:86px;} #sidebar ul { display:block; padding: 5px 5px 5px 8px;} #sidebar ul li {display:block; padding:3px; } #sidebar li a { background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenunrml.jpg) 2px 2px no-repeat; padding: 0 10px 0 25px;} #sidebar li a:hover {background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenuhover2.jpg) 2px 2px no-repeat; color:#000;} #sidebar h3 {display:block; font: 1.5em "Trebuchet MS", Arial, Halvetica, sans-serif ; color:#333; padding:5px 5px 0 8px;} #sidebar .cat-item { height:26px; padding:0!important;} #sidebar .cat-item a {display:block; height:20px; padding:5px 10px 0 20px; border-bottom: solid 1px #A4BBDD; background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenunrml.jpg) 2px 5px no-repeat; color:#333; } #sidebar .cat-item a:visited, #sidebar .cat-item a:active {color:#333;} #sidebar .cat-item a:hover {background:url(http://www.fileden.com/files/2008/12/9/2217600/sidemenuhover.jpg) no-repeat; color:#fff;} .post h2 {color:#000; display:block; padding-bottom:18px;} .postmeta {display:block; padding:15px 10px 0 25px;} .postbottom .postmeta li {display: block; float:left; height:15px; padding:5px 8px 1px 25px; margin-right:10px; } .permalink {background:url(http://www.fileden.com/files/2008/12/9/2217600/ico_permalink.jpg) no-repeat; } .category_link { background:url(http://www.fileden.com/files/2008/12/9/2217600/ico_category.jpg) no-repeat;} .comments_link{ background:url(http://www.fileden.com/files/2008/12/9/2217600/ico_comments.jpg) no-repeat;} #left a, #left a:visited, #left a:active {background:#ffc;} #left a:hover { background:#ffd;} .post .date {display:block; padding:3px 5px 3px 18px; font-size:10px; color:#666; background:url(images/icodate.jpg) no-repeat;} .postcontent ul {margin:15px;} .postcontent ul li {background:url(http://www.fileden.com/files/2008/12/9/2217600/bullet.png) 2px 10px no-repeat; padding:5px 5px 5px 15px ; display:block; } .postcontent ol {list-style-position:outside; list-style:decimal; margin-left:35px;} .postcontent ol li {padding:5px;} blockquote {display:block; padding:5px; margin:15px; font: 1.2em Georgia, "Times New Roman", Times, serif; color:#036; border-bottom: dashed 1px #ddd; border-top: dashed 1px #ddd; text-align:center;} blockquote.leftalign {float:left; width:300px; text-align:right; margin:10px;} blockquote.rightalign {float:right; width:300px; text-align:left; margin:10px;}#comments #commentcontent label { display: block; padding: 3px; } #wrap #wrap2 #content2 #left .post .postcontent #comments #commentcontent li { display: block; padding: 5px; margin-bottom: 5px; background: #fff; list-style: none; } #wrap #wrap2 #content2 #left .post .postcontent #comments #commentcontent .odd { background: #D3DEED; }

DISEÑO 8

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

Estilo 32

Codigo por encima de la pagina

Codigo por debajo de la pagina

<div id="sidebar"> <div id="titulo">Lo mas reciente:</div> <center> Aqui puedes poner una descripcion de tu web o un mensaje de bienvenida! o lo que quieras. <br><br></center> <div id="titulo">Enlaces</div> - <a href="#">Enlace 1</a> / Descripcion del enlace<br> - <a href="#">Enlace 2</a> / Descripcion del enlace<br> - <a href="#">Enlace 3</a> / Descripcion del enlace<br> - <a href="#">Enlace 4</a> / Descripcion del enlace<br> - <a href="#">Enlace 5</a> / Descripcion del enlace<br> - <a href="#">Enlace 6</a> / Descripcion del enlace<br> <div id="titulo">Publicidad</div> <center> <img src="img/publi.png" /> </center> </div> <div style="clear: both;"></div> <div id="footer"> <p class="left">© Todos los derechos reservados: <a href="http://tuweb.es.tl">Tu web</a> 2009 | Diseño por: <a href="http://cssplantillas.es.tl">Css Plantillas</a></p> <p class="right"><a href="/inicio.htm">Inicio</a> | <a href="http://cssplantillas.es.tl/contacto.htm" class="b">Contacto</a></p> </div> </div>

Codigo en "Sin style tag"

#pre_header {display: none;} #post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;}  li.nav_element a{display: none;}  h1#title{display: none;}  h2#title span {display: none;} #header {display: none;} #title {display: none;} #nav_container {display:none;} table {margin-left:auto;margin-right:auto;} * {margin: 0;padding: 0;} html {height: 100%;}  body { height: 100%; text-align: center; font: 12px Arial, Helvetica, sans-serif; min-width: 850px; background:#EAEAEA; }  a:link, a:visited { color: #FF6A00; text-decoration: none; }  a:hover { text-decoration: none; }  h1 { font: 2.6em  Georgia, "Times New Roman", Times, serif; margin: 0 0 10px 40px; border-bottom: 1px solid #7F7F7F; width: 55%; padding: 15px 0 5px 0; } h2 { font: 1.2em Verdana, Arial, Helvetica, sans-serif; letter-spacing: 1px; color: #FFFFFF; border-left: 3px solid #FFAE20; padding-left: 14px; margin: 12px 0 0 40px; } h3 { color: #3D3D3D; font: 1.7em Georgia, "Times New Roman", Times, serif; letter-spacing: 1px; padding-left: 35px; margin: 18px 0 10px 0; } img { border: 0px; }  /* Menu */ .main{ width: 850px; margin: 0 auto; margin-top:-3px; } .main:after{  content: ".";  display: block;  height: 0;  clear: both;  visibility: hidden; } .main ul{ width: 100%; background: #333; padding: 6px 0; margin: 0; text-align: left;  } .main ul li{ display: inline; } .main ul li a{ color: #fff; font:bold 13px arial; padding: 7px 10px; margin: 0; text-decoration: none; } .main ul li a:hover, .main ul li a.selected{  background: #262626;  color: yellow; }  /* Content boxes */ #warp { width: 848px; margin: 0 auto; border: 1px solid #999; background: #fff; }  #content { float: left; width: 620px; text-align: left; padding-left: 5px; padding-top: 3px; } #sidebar { float: right; width: 206px; border:2px solid #333; margin-bottom: 5px; background: #E2E2E2; text-align: left; } #sidebar a, #sidebar a:hover { color: #5B7F00; font-weight: bold; } #titulo { font-size: 13px; background: #343434; color: #FFFFFF; padding-top: 3px; padding-bottom: 3px; width: 206px; font-weight: bold; text-align:center; margin-bottom: 2px; }  /* Footer */ #footer { background: #404040; color: white; width: 848px; height: 34px; margin: 0 auto; font-size: 11px; } #footer a, #footer a:hover { color: #fff; font-weight: bold; } #footer p.left, #footer p.right { width: 400px; display: inline; margin-bottom: 0; line-height: 30px; } #footer p.left { float: left; text-align: left; margin-left: 15px; } #footer p.right { float: right; font-weight: bold; text-align: right; margin-right: 15px; }

DISEÑO 9

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

Reckoning

Codigo por encima de la pagina

Codigo por debajo de la pagina

<div id="sidebar"> <ul><li> <h2>Bienvenido!</h2><p> Pon Aqui una descripcion de tu web, un comentario lo nuevo, o lo que quieras! </p></li><li> <h2>Turpis nulla</h2> <ul> <li><a href="#"></a><a href="#">Nec metus sed donec</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Velit semper nisi molestie</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> <li><a href="#">Nec metus sed donec</a></li> </ul></li> <li> <h2>Turpis nulla</h2> <ul> <li><a href="#"></a><a href="#">Nec metus sed donec</a></li> <li><a href="#">Magna lacus bibendum mauris</a></li> <li><a href="#">Velit semper nisi molestie</a></li> <li><a href="#">Eget tempor eget nonummy</a></li> <li><a href="#">Nec metus sed donec</a></li> </ul></li> </ul></div> <div style="clear: both;color:#000">Por www.cssplantillas.es.tl</div> </div> <div id="footer"> <p>Copyright (c) 2008 <a href="http://tuweb.es.tl">Tu web.es.tl</a>. Todos los derechos reservados.</p> </div> <center><a href="http://www.cssplantillas.es.tl" target="url" title="Gracias a Css Plantillas"> <img src="http://cssplantillas.co.cc/img/ico2.png" alt="Gracias a Css Plantillas" width="80" height="15" border="0" /></a></center>

Codigo "Sin style tag"

#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 { margin: 0px; padding: 0; background: #000000 url("http://cssplantillas.netau.net/ap/archivos/fbbb71590e.jpg") repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 13px;color: #63676A; } h1, h2, h3 { margin: 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;color: #649632; } h1 {font-size: 44px; } h2 {font-size: 20px; } h3 {} p, ul, ol { margin-top: 0; line-height: 240%; text-align: justify; } ul, ol { } blockquote { } a { color: #C2C8CC; } a:hover { text-decoration: none; } a img { border: none; } img.left { float: left; margin: 7px 30px 0 0; } img.right { float: right; margin: 7px 0 0 30px; } hr { display: none; } .list1 { } .list1 li { float: left; line-height: normal; } .list1 li img { margin: 0 30px 30px 0; } .list1 li.alt img { margin-right: 0; } #wrapper { width: 900px; margin: 0 auto; background: #000000; } /* Header */ #head-wrapper {} #head { width: 820px; height: 44px; margin: 0 auto; background: url("http://cssplantillas.netau.net/ap/archivos/9db972a823.jpg") repeat-x left top; } /* Menu */ #menu { float: left; height: 44px; } #menu ul { margin: 0; padding: 0px; list-style: none; line-height: normal; } #menu li { height: 44px; display: block; float: left; padding: 12px 25px 0px 25px; background: url("http://cssplantillas.netau.net/ap/archivos/6602cf5839.jpg") no-repeat right 8px; } #menu a { display: block; float: left; text-decoration: none; font: 12px Arial, Helvetica, sans-serif; color: #FFFFFF; } #menu a:hover { text-decoration: underline; } #menu .current_page_item { margin: 0px; color: #FFFFFF; } /* Search */ #search { float: right; height: 44px; } #search form { float: right; margin: 0; padding: 10px 20px 0 0; } #search fieldset { margin: 0; padding: 0; border: none; } #search input { float: left; padding: 0; height: 20px; font: 12px Arial, Helvetica, sans-serif; border: none; } #search-text { width: 135px; height: 14px; margin: 0px 6px 0px 0px; padding: 3px 0 0 5px; color: #658453; } #search-submit { padding: 0px; margin: 0px; height: 21px; margin-left: 4px; color: #39561D; } /* Page */ #page { width: 820px; margin: 0 auto; padding: 0px; } /** LOGO */ #logo { width: 900px; height: 300px; margin: 0 auto; background: url("http://cssplantillas.netau.net/ap/archivos/9c272d59bb.jpg") no-repeat left top; } #logo h1, #logo p { margin: 0; padding: 0px; line-height: normal; } #logo h1 { padding-left: 40px; padding-top: 90px;  } #logo h1 a { text-decoration: none; color: #FFFFFF; } #logo h1 a:hover {text-decoration:none;} #logo p { padding: 0px 0 0 42px; font: italic 13px Georgia, "Times New Roman", Times, serif; color: #FFFFFF;} #logo p a { text-decoration: none; color: #FFFFFF; } #logo p a:hover {text-decoration: underline;} /* Content */ #content { float: right; width: 520px; color:#fff; } /* Sidebar */ #sidebar { float: left; width: 250px; color:#ccc; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 30px; padding: 0 0 20px 0px; background: url("http://cssplantillas.netau.net/ap/archivos/4bc75c94e4.jpg") repeat-x left top; } #sidebar li ul { line-height: 200%; background: none; } #sidebar li li { margin: 0; padding: 3px 20px; background: none; } #sidebar p { margin: 0; padding: 0 20px; } #sidebar h2 { height: 33px; margin: 0 0 20px 0px; padding: 15px 0px 0px 20px; background: url("http://cssplantillas.netau.net/ap/archivos/b3d1725836.jpg") repeat-x left top; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #FFFFFF; } #sidebar p { line-height: 200%; padding-bottom: 20px; } #sidebar a {color:none;background:none;}  #footer { width: 900px; margin: 0 auto; padding: 0; background: url("http://cssplantillas.netau.net/ap/archivos/7c885d79de.jpg") repeat-x left top; height: 61px;} #footer p { margin: 0; padding: 20px 0; text-align: center; line-height: normal; color: #FFFFFF;} #footer a {}

City

Diseños Css-Desing