Diseños Css Avanzados 2.

Blue Life.

Autor: Christian-pansch.
Adaptado por: Codeslife.

Texto por encima de la Pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">     <head>        <FCK:meta name="Robots" content="index,follow"  />       <link href="http://genelifexd.sqweebs.com/blue/bluebusiness.css" rel="stylesheet" type="text/css" />       <link href="http://genelifexd.sqweebs.com/blue/menu.css" rel="stylesheet" type="text/css" />    </head>     <body>         <div id="container">              <div id="container-header">                 <div id="container-name"><span>Blue</span>Life</div>               <div id="container-slogan"><span>"</span>Tu Eslogan Aqui!!<span>"</span></div>             </div>                    <div id="container-eyecatcher">           <div id="container-navigation"><div id="marco"> <ul class="menu2"><img src="http://genelifexd.sqweebs.com/blue/menu/menu_izq.gif" _fcksavedurl="http://genelifexd.sqweebs.com/blue/menu/menu_izq.gif" align="left" /><img src="http://genelifexd.sqweebs.com/blue/menu/menu_der.gif" _fcksavedurl="http://genelifexd.sqweebs.com/blue/menu/menu_der.gif"  align="right"/>    <li class="top"><a href="" _fcksavedurl="" id="telmex" class="top_link"><span class="down">Menu 1</span>    </a>              <ul class="sub">                   <li><a href="#" _fcksavedurl="#">Link 1</a></li>          <li><a href="#" _fcksavedurl="#">Link 2</a></li>          <li><a href="#" _fcksavedurl="#">Link 3</a></li>          <li><a href="#" _fcksavedurl="#">Link 4</a></li>       </ul>           </li>    <li class="top"><a href="#" _fcksavedurl="#" id="Direcciones" class="top_link"><span class="down">Menu2</span></a>              <ul class="sub">          <li><a href="#" _fcksavedurl="#" class="fly">Link 1</a>                                <ul>                   <li><a href="#" _fcksavedurl="#">Link 1.1</a></li>                   <li><a href="#" _fcksavedurl="#">Link 1.2</a></li>                   <li><a href="#" _fcksavedurl="#">Link 1.3</a></li>                </ul>                          </li>          <li class="mid"><a href="../boxes/" _fcksavedurl="../boxes/" class="fly">Link 2</a>                                <ul>                   <li><a href="#" _fcksavedurl="#">Link 2.1</a></li>                   <li><a href="#" _fcksavedurl="#">Link 2.2</a></li>                   <li><a href="#" _fcksavedurl="#">Link 2.3</a></li>                </ul>                          </li>          <li><a href="#" _fcksavedurl="#">Link 3</a></li>          <li><a href="#" _fcksavedurl="#">Link 4</a></li>          <li><a href="#" _fcksavedurl="#">Link 5</a></li>       </ul>           </li>    <li class="top"><a href="#" _fcksavedurl="#" id="Comunicacion" class="top_link"><span class="down">Menu 3</span></a>              <ul class="sub">          <li><a href="#" _fcksavedurl="#">Link 1</a></li>          <li><a href="#" _fcksavedurl="#">Link 2</a></li>          <li><a href="#" _fcksavedurl="#">Link 3</a></li>          <li><a href="#" _fcksavedurl="#">Link 4</a></li>          <li><a href="#" _fcksavedurl="#">Link 5</a></li>       </ul>         <li class="top"><a href="#" _fcksavedurl="#" id="Comunicacion" class="top_link"><span class="down">Menu 4</span></a>              <ul class="sub">          <li><a href="#" _fcksavedurl="#">Link 1</a></li>          <li><a href="#" _fcksavedurl="#">Link 2</a></li>          <li><a href="#" _fcksavedurl="#">Link 3</a></li>          <li><a href="#" _fcksavedurl="#">Link 4</a></li>          <li><a href="#" _fcksavedurl="#">Link 5</a></li>       </ul>         <li class="top"><a href="#" _fcksavedurl="#" id="Comunicacion" class="top_link"><span class="down">Menu 5</span></a>              <ul class="sub">          <li><a href="#" _fcksavedurl="#">Link 1</a></li>          <li><a href="#" _fcksavedurl="#">Link 2</a></li>          <li><a href="#" _fcksavedurl="#">Link 3</a></li>          <li><a href="#" _fcksavedurl="#">Link 4</a></li>          <li><a href="#" _fcksavedurl="#">Link 5</a></li>       </ul>           </li>  </ul>    </div>               <img src="http://genelifexd.sqweebs.com/blue/images/business_eyecatcher.jpg" _fcksavedurl="http://genelifexd.sqweebs.com/blue/images/business_eyecatcher.jpg" alt="Business picture" />        </ul></div>             </div>              <div id="container-content">        <div id="content">

Texto por debajo de la Pagina:

</div>               <div id="border">          <h4 align="center">Mas De la web</h4>          <ul id="subnavigation">             <li>               <div align="center"><a href="#" _fcksavedurl="#">Link 1</a></div>             </li><li>               <div align="center"><a href="#" _fcksavedurl="#">Link 2</a></div>             </li><li>               <div align="center"><a href="#" _fcksavedurl="#">Link 3</a></div>             </li>          </ul>          <hr />           <h4 align="center">Lo Nuevo</h4>          <div align="center">            <ul id="news">              <li>Noticia 1</li>              <li>Noticia 2</li>              <li>                               Noticia 3</li>             </ul>         </div>          <hr align="center" />           <h4 align="center">Mas Informacion</h4>          <p align="center"><br />              E-Mail: <a href="mailto:info@yourbusiness.com" _fcksavedurl="mailto:info@yourbusiness.com">codeslife@gmail.com</a>         </p>        </div>         </div>              <div id="container-footer">                  <div id="footer">                     <div id="footer-copyright">© 2009 tuweb.com - all rights reserved. Terms of use</div>                     <div id="footer-meta"><a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer">XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://www.christian-pansch.de" _fcksavedurl="http://www.christian-pansch.de" title="Webdesign Bremen">Design by christian-pansch.de</a> Modificado y Adaptado Por LifexD</div>                  </div>             </div>          </div>     </body> </html>

Css Code sin Style Tags:

Tecno Formal.

Autor: Todobanners.

Texto por encima de la Pagina:

Css Code sin Style Tags:

body {    background-image: url(http://img179.imageshack.us/img179/8471/website2tecxb4.png);    background-repeat: no-repeat;    background-color: #000000; } #sidebar_container {    height: 253px;    width: 298px; background:;    background-image:url(IMg.png );    color:#FFFFFF;    margin: 0px 0px 0px 0px;    padding: 0px;    border: 1px solid #6E6E6E;    float: left;    overflow:auto;    z-index: 4;    position: absolute;    left: 665px;    top: 80px;    font-family: Arial, Helvetica, sans-serif;    font-weight: bold; } #textocabezal {    font-family: Arial, Helvetica, sans-serif;    color: #FFFFFF;    font-size: 36px;    text-decoration: underline overline;    margin-top: 90px;    margin-right: 50px;    margin-bottom: 50px;    margin-left: 200px; }  #content {    height: 637px;    width: 577px; background:;    color: #ffffff;    margin: 0px 0px 0px 0px;    padding: 0px;    display: inline;    float: left;    position: absolute;    left: 33px;    top: 323px;    overflow: scroll;    font-family: Arial, Helvetica, sans-serif; } overflow:auto; border: 1px solid #6E6E6E; z-index: 4; #content h2 {    font-family: Arial, Helvetica, sans-serif;    color: #00CCFF;    text-decoration: underline overline;    border: medium dotted #FFCC00;    width: 200px;    margin-top: 7px;    text-transform: capitalize;    margin-right: 1px;    margin-bottom: 4px;    margin-left: 5px;    overflow: hidden;    font-size: 14px;    font-weight: bold; }  #Header_oben {    height: 232px;    width: 590px; background:;    background-image:url(Imagen%20de%20fondo%20maximo%20590*232);    color: #000000;    margin: 0px 0px 0px 0px;    padding: 0px;    float: left;    z-index: 2;    position: absolute;    left: 27px;    top: 70px;    background-repeat: no-repeat;    background-position: 10px 10px;    font-family: Arial, Helvetica, sans-serif;    text-align: right; } #Header_oben h1 {    word-spacing: 5pt;    letter-spacing: 1px;    margin-top: 80px;    margin-right: 30px;    margin-bottom: 20px;    margin-left: 0px;    border-top-style: solid;    border-right-style: solid;    border-bottom-style: solid;    border-left-style: solid;    width: 300px;    text-align: center;    white-space: normal; }  li.nav_element a{    color:#ffffff;    display: block;    line-height: 25px;    margin: 5px; padding-left: 10px text-decoration: none;    text-align: center;    width: 170px;    height: 39px;    background-image:url(http://img227.imageshack.us/img227/8596/botonmq7.png); background-color:;    font-family: Arial, Helvetica, sans-serif;    border: 2px dotted #FFFFFF;    list-style-type: none; } #header_container {    visibility: hidden; } #counter {    visibility: hidden; } li.nav_element a:hover{ color:#000000; display: block; line-height: 25px; margin: 5px; padding-left: 10px text-decoration: none; text-align: center; width: 170px; height: 39px; position: relative; align:center; background-image:url(http://img212.imageshack.us/img212/3356/botonhrt1.png); background-color:} #nav_container {    height: 480px;    width: 299px; background:;    color:#00CCFF;    margin: 0px 0px 0px 0px;    padding: 0px;    border: 3px dotted #FFCC33;    float: left;    overflow:auto;    z-index: 4;    position:absolute;    left:666px;    top:401px;    font-family: "Courier New", Courier, monospace;    list-style-type: none;    text-transform: capitalize;    text-align: center; } #nav {    list-style-type: none; } a:link {    color: #FFCC00; } a:hover {    font-family: Arial, Helvetica, sans-serif;    color: #CC0000;    text-decoration: underline overline blink; } #Tb {    position: absolute;    left: -3px;    top: 1102px;    width: 1000px;    height: 52px;    font-family: "Courier New", Courier, monospace;    color: #CCCCCC;    text-align: center; } a:link {    font-family: Arial, Helvetica, sans-serif;    color: #FFFFFF;    background-color: #333333;    text-decoration: underline overline;    border: 2px doble #0000FF; } #noborrar {    position:absolute;    left:1px;    top:887px;    width:9px;    height:165px;    z-index:5; } .Estilo1 {color: #FFFFFF}

Team-AyudaMaster | Soporte para tu paginawebgratis

Diseños Css Avanzados 2.

Blue Life.

Tecno Formal.