Colorvoid

Información:

Nombre: Colorvoid
Fecha: 03-Enero-2009
Creditos: Free-css
Garantia: Si
Diseño para: Css Design - PwG







- Por encima de la pagina:

<!-- www.mundo-snoop2.es.tl --> <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'> <!-- Titulo de la pagina --> <h1 class='title'>Mi web 2.0</h1> <!-- Fin Titulo de la pagina --> </div> <div class='descriptionwrapper'> <p class='description'><span>mundo-snoop2.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'> <!-- Menu horizontal --> <a href='URL'><span>Link's 1</span></a></li> <li><a href='URL'><span>Link's 2</span></a></li> <li><a href='URL'><span>Link's 3</span></a></li> <li><a href='URL'><span>Link's 4</span></a></li> </ul> <!-- Menu horizontal --> <div class='clear'></div></div></div> <div class='spacer h5'></div><div id='content-wrapper'>

- Texto por debajo de la pagina

<!-- www.mundo-snoop2.es.tl --> <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'> <!-- contenido box 1 --> <h2>Box de contenido 1</h2> <div class='widget-content'> Pon aqui el contenido que quieras! <!-- Fin contenido box 1 --> </div></div> <div class='widget BlogArchive' id='BlogArchive1'> <!-- contenido box 2 --> <h2>Box de contenido 2</h2> <div class='widget-content'> Pon aqui el contenido que quieras! <!-- Fin contenido box 1 --> <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://mundo-snoop2.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' target="url">mundo-snoop2.es.tl</a> </div></div> <div id='layout_edgebottom'></div></div>

- Codigo Sin style tag's

#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;}