Blog Style

  Información:

  Nombre: Blog Style
  Fecha: 23-Enero-2009
  Creditos: FreecsstemplateS
  Garantia: Si
  Diseño para: Css Design - PwG







- Por encima de la pagina:

<!-- www.mundo-snoop2.es.tl --> <div id="logo"> <h1>Nombre de tu web</h1></div> <div id="menu"><ul id="main"> <li class="current_page_item"><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> </ul></div> <div id="wrapper"> <div id="page">

- Texto por debajo de la pagina

<!-- www.mundo-snoop2.es.tl --> <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">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> <li><a href="URL">NOMBRE DEL LINK'S</a></li> </ul></li> <li><h2>Lo más visto...</h2> <ul> <li><a href="URL">NOMBRE DE LA PAGINA</a></li> <li><a href="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> <!--- Fin buscador ---> <li><h2>Box 3!</h2> Contenido que tu quieras! <li> <h2>Web Recomendadas</h2><ul> <li><a href="URL">Link's</a></li> <li><a href="URL">Link's</a></li> <li><a href="URL">Link's</a></li> <li><a href="URL">Link's</a></li> <li><a href="URL">Link's</a></li> <li><a href="URL">Link's</a></li> <li><a href="URL">Link's</a></li> <li><a href="URL">Link's</a></li> <li><a href="URL">Link's</a></li> <li><a href="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">Nombre de tu web</a>. Todos los derechos reservados. </p></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;} 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;}