Blueshade

  Información:

  Nombre: Blueshade
  Fecha: 05-Julio-2010
  Creditos: free-css-templates.com
  Garantia: Si
  Diseño para: Css Design - PwG







- Por encima de la pagina:

<!-- www.mundo-snoop2.es.tl --> <div id="page"> <div id="menulinks"> <a class="active" href="URL"><span>Inicio</span></a> <a href="URL"><span>Link's 1</span></a> <a href="URL"><span>Link's 2</span></a> <a href="URL"><span>Link's 3</span></a> <a href="URL"><span>Link's 4</span></a> </div><div id="head"> <h1><a href="#">Titulo de tu web</a></h1> <div class="description">Subtitulo de tu web</div> </div> <div id="mainarea"> <div id="contentarea">

- Texto por debajo de la pagina

<!-- www.mundo-snoop2.es.tl --> </div><div id="sidebar"> <h2>Box de contenido</h2> Puedes poder los quieras aqui! videos, imagenes, objetos flash, etc. </div></div> <div id="footer"> Diseño por: <a href="http://free-css-templates.com/">Free CSS Templates</a>- Adaptación por: <a href="http://mundo-snoop2.es.tl">mundo-snoop2</a></div></div>

- Codigo Sin style tag's

/* Nombre: Blueshade Diseño por: http://free-css-templates.com Adaptación por: http://mundo-snoop2.es.tl */ #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 {background-color:#333333;font-size:10pt;font-family:Arial; margin:0;padding:0;color:#FFFFFF;} #page {width:900px;margin:auto;padding:auto; background-image:url("https://img.webme.com/pic/c/cssplantillas/blueshade01.png");} #head {background-image:url("https://img.webme.com/pic/c/cssplantillas/blueshade02.png"); clear:both;width:850px;height:141px;padding-top:55px;padding-left:50px;} #menulinks {clear:both;width:890px;height:54px;padding-left:10px; background-image:url("https://img.webme.com/pic/c/cssplantillas/blueshade03.png");} * html #menulinks a {float: left;text-decoration: none;} * html #menulinks a span {float: left;text-decoration: none;} #menulinks a {padding-left:12px;height:54px;background-image:none;display:block; color:#FFFFFF;text-decoration:none;float:left;font-size:14px;font-weight:bold;} #menulinks a span {padding-left:19px;padding-right:30px;padding-top:23px;height:31px; display:block;background-image:none;text-decoration:none;cursor:pointer;} #menulinks a:hover, #menulinks a.active {background-position:top left;text-decoration:none;color:#FFFFFF; background-image:url("https://img.webme.com/pic/c/cssplantillas/blueshade04.png");} #menulinks a:hover span, #menulinks a.active span {text-decoration:none; background: url("https://img.webme.com/pic/c/cssplantillas/blueshade05.png") right top no-repeat;} #mainarea {width:870px;clear:both;padding-left:30px;} #contentarea {width:535px;padding-right:50px;padding-bottom:20px;float:left;line-height:14pt;} #sidebar {float:left;width:265px;background-repeat:no-repeat;line-height:14pt;} #footer {width:900px;clear:both;height:43px;padding-top:50px;text-align:center; background-image:url("https://img.webme.com/pic/c/cssplantillas/blueshade06.png"); background-repeat:no-repeat;background-color:#000000;line-height:14pt;} h1 {font-size:25pt;color:#FFFFFF;margin:0;} h2 {font-size:15pt;color:#FFFFFF;padding-top:6px;} .description {font-size:14pt;color:#CCCCCC;margin:0;} a {color:#FFFFCC;text-decoration:none;} a:hover {text-decoration:underline;}