:: CP - Recursos Web ::

Blogy

+ Cliquea la imágen

Información:
Nombre: Blogy
Fecha: 18-Junio-2010
Creditos: styleshout
Garantia: Si ?
Diseño para: CssDesign

Enlazanos:

Compartir:

[ Codigos: ]

- Por encima de la pagina:

- Texto por debajo de la pagina

<div id='sidebar-wrapper'>
<div class='sidebar section' id='sidebar1'>
<div class='widget BlogArchive' id='BlogArchive1'>
<h2>Box izquierdo</h2>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
</div></div>

<div class='sidebar section' id='sidebar2'>
<div class='widget Feed' id='Feed1'>
<h2>Box del centro</h2>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
</div></div>

<div class='footer section' id='sidebar3'>
<div class='widget HTML' id='HTML1'>
<h2>Acerca del blog</h2>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
Contenido de este box!<br>
</div></div></div>
<div class='clear'></div>
</div></div>

<div id='footer'>
<div class='footer' id='footer2'></div>
<p class='links'><a href="URL">Tuweb</a>. 2010 - Diseño por <a href='http://cssplantillas.es.tl'>CssPlantillas</a></p>
</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;} 
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {font-family: verdana, Arial;font-size: 12px;
background-image: url("https://img.webme.com/pic/w/webcp/blogy01.jpg");
text-align: center no-repeat;margin: 0 0 5px;}
h1 {font-size: 3em;font-weight: bold;letter-spacing: -1px;padding-top: 75px;
margin: 0 0 0 40px;width: 100%;}
#head2 .description {text-decoration: none;color: #FFFFFF;}
a {color:#EE0088;text-decoration:none;}
h1:hover {text-decoration: underline;}
hr {color:gray;}
#outer-wrapper {}
#wrap2 {background: url("https://img.webme.com/pic/w/webcp/blogy02.png");
text-align: left;margin: 0px auto;width: 719px;_width: 719px;}
#navbar-iframe {height:0px;visibility:hidden;display:none}
#top_layout {background: url("https://img.webme.com/pic/w/webcp/blogy03.png");
width:719px;height:53px;margin: 30px auto 0;}
#main-wrapper {overflow:hidden;} 
.clear {clear:both;}
#head {text-align:left;width: 658px;padding:0px;margin:0px auto;
position: relative;height: 200px;background-repeat: no-repeat;
background-image: url("https://img.webme.com/pic/w/webcp/blogy04.jpg");}
#head h1 {}
#head p { font-size: 1em;margin: 0 0 0 40px;display: inline;}
#head a {text-decoration: none;}
#wrapper {width: 655px;_width: 655px;padding: 15px 0 10px;
margin: 0 10px 0 30px;_margin: 0 20px 0 15px;}
ul.menu {margin: 0;padding: 0;position: absolute;
bottom: 0;left: 20px;width: 90%;}
ul.menu li {font-size: 10px;display: inline;margin: 0;}
ul.menu, ul.menu li a {padding: 5px 15px 6px;}
ul.menu li a {font: 1em Verdana, Helvetica, Arial, Sans-Serif;
color: #000;margin: 0;}
ul.menu li a:hover {background: gray;color: #eee !important;text-decoration: none;}
ul.menu li.current_page_item a,ul.menu li.current_page_item a:hover {color: #333 !important;
background: white;text-decoration: none;}
#Content {padding-bottom: 0px;}
#content a {}
#content a:hover {}
#sidebar-wrapper {width:658px;padding:5px 4px 4px 4px;margin:0 auto;}
#sidebar-wrapper ul{}
#sidebar-wrapper li{}
#sidebar-wrapper h2 {font-size: 15px;padding: 0;}
.widget-content {}
.sidebar .widget, .footer .widget {padding:bottom:10px;}
#sidebar1, #sidebar2, #sidebar3 {
font: 11px/14px Lucida Grande, Verdana, Arial, Sans-Serif, Segoe UI, Sans-Serif;
padding: 0px 0 10px 0;color: #666;width:100%;position: relative;
_padding: 30px 0 10px;_margin-left: 0%;_margin-right: -4%;_width: 26.5%;}
#sidebar1 {width: 212px;float: left;}
#sidebar2 {width: 212px;float: left;margin-left: 10px;}
#sidebar3 {width: 200px;float: right;padding-left: 10px;}
#footer {margin: -6px auto 0 auto;font-size: .9em;line-height: 1.5em;
color: #FFF;width:719px;height:53px;text-align: center;
background-image: url("https://img.webme.com/pic/w/webcp/blogy05.png");}
#footer2 {padding-top: 5px;}
#footer a {color: #FFF;font-weight: bold;}
#footer a:hover {border: none;font-weight: bold;}

Enlaces de ayuda:

Apuntes
- Este diseño bajo el contenido principal de la pagina tiene 3 box adicionales (que no se ven en la imagen) que lo puedes utilizar para colocar imagenes, videos, objetos flash, etc.
- Para cualquier consulta visita nuestro Foro de soporte.

:: CP - Recursos Web ::

Blogy

Blogy

Buscador

Lo más reciente:

PUBLICIDAD

EN TWITTER!

Suscribete

Lo más buscado