:: CP - Recursos Web ::

Colorvoid

+ Cliquea la imágen

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

Temas de ayuda
- Como poner un Css-design?
- Como hacer funcionar los link's?
- El diseño no funciona!

Enlazanos:

+ Compartir

[ Codigos: ]

- Por encima de la pagina:

<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'><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>  
<div class='clear'></div></div></div> 
<div class='spacer h5'></div><div id='content-wrapper'>

- Texto 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='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'>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">CssPlantillas.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;}

Apuntes
- Se ve complicarlo editar este diseño pero si ordenas bien los codigos se te hara muy sencillo.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Colorvoid

Colorvoid

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado