Diseños Css Avanzados

Diseños Css Avanzados.

Global.

Autor: Free-Css.
Adaptado por: Hell-Anime.

Texto por encima de la Pagina:

<head> <title>Global</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  /> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="wrapper1">   <div id="header">     <div id="title">       <h1><a href="#" _fcksavedurl="#">Global</a></h1>       <span><a href="http://www.hell-anime.es.tl" _fcksavedurl="http://www.hell-anime.es.tl">Hell-Anime</a></span> </div>     <div id="topnav">       <ul class="menu">         <li><a href="#" _fcksavedurl="#">Home</a></li>         <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>     </div>   </div>   <div id="wrapper2">     <div id="sidebar">       <h2>Ultimas Noticias</h2>       <ul>         <li><a href="#" _fcksavedurl="#">Noticia 01</a><span>Posteado por :</span></li>         <li><a href="#" _fcksavedurl="#">Noticia 02</a><span>Posteado por:</span></li>         <li><a href="#" _fcksavedurl="#">Noticia 04</a><span>Posteado por:</span></li>       </ul>       <h2>Categorias</h2>       <ul>         <li><a href="#" _fcksavedurl="#">Link</a></li>         <li><a href="#" _fcksavedurl="#">Link</a></li>         <li><a href="#" _fcksavedurl="#">Link</a></li>         <li><a href="#" _fcksavedurl="#">Link</a></li>         <li><a href="#" _fcksavedurl="#">Link</a></li>         <li><a href="#" _fcksavedurl="#">Link</a></li>       </ul>       <h2>Box</h2>       <ul>         <li><a href="#" _fcksavedurl="#">Link</a></li>         <li><a href="#" _fcksavedurl="#">Link</a></li>         <li><a href="#" _fcksavedurl="#">Link</a></li>       </ul>     </div>     <div id="content">       <h1>Tu Web.es.tl</h1>       <div class="item">

Texto por debajo de la Pagina:

Css Code sin Style Tags:

h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body  {   background:url(http://img641.imageshack.us/img641/8568/bgbody.gif) repeat-x #fff;    color:#666;    font:normal 12px Arial,sans-serif;    text-align:center;    padding:0;    margin:0; }  h1,h2,h3,p,li {   text-align:left; }  a {   background-color:inherit;    color:#399;    text-decoration:none; }  ul {    list-style:none;    padding:1px;    margin:17px 0 10px 15px;   }  ul li {    background: url(http://img15.imageshack.us/img15/3049/icobullet.gif) 0 3px no-repeat;    padding:1px 15px 5px 15px;    margin:0; }  blockquote {   background-color:inherit;    color:#999;    font:italic 12px "Times New Roman",sans-serif;    border-left:5px solid #ccc;    padding:2px 15px; }     span {   background-color:inherit;    color:#aaa;    font:normal 11px Arial,sans-serif;    padding:0;    margin:0;}     .clear {   clear:both; }  /* Wrapper */ #wrapper1 {   width:800px;    padding:0;    margin:0 auto; }  #wrapper2 {   background:#fff;    color:inherit;    width:750px;    padding:10px 0 0 15px;    margin:0 auto; }  /* Navigation Settings*/ ul.menu {    list-style:none;    padding:15px 0 0 0;    margin:0;   }  ul.menu li {   background:none;    padding:0 10px;    display:inline; }     ul.menu li a {   background-color:inherit;    color:#eee;    font-weight:bold;    text-decoration:none; }  ul.menu li a:hover {   text-decoration:underline; }     /* Header Settings */ #header {   background:url(http://img248.imageshack.us/img248/6500/bgheaders.gif) no-repeat;    background-color:inherit;    color:#fff;    width:800px;    height:200px;    padding:0;    margin:0 auto; }  #title {   width:275px;    padding-top:25px;    margin:0 auto;}        #title h1 {   font:bold 30px Arial,sans-serif;    text-align:center;    text-transform:uppercase;    padding:0;    margin:0;   }     #title a {   background-color:inherit;    color:#fff; }     #topnav {   padding:50px 25px 0 0;    float:right; }     /*Sidebar Settings */ #sidebar {   width:250px;    font-size:11px;    padding:0;    margin:0;    float:left;   }  #sidebar h2 {   background:url(http://img24.imageshack.us/img24/6967/bgsidebarq.gif) no-repeat;    background-color:inherit;    color:#eee;    font:bold 12px Arial,sans-serif;    text-transform:uppercase;    padding:12px 0 12px 35px;    margin:5px 0; }  #sidebar ul {   margin:17px 0 10px 12px; }  #sidebar ul a {   background-color:inherit;    color:#666;    font-weight:bold;}     #sidebar ul a:hover {   background-color:inherit;    color:#399;   }  #sidebar ul span {   display:block; }     /*Content Settings */ #content {   width:475px;    text-align:left;    padding:0;    margin:0;    float:left;}     #content h1 {   background:url(http://img155.imageshack.us/img155/6467/bgpostbar.gif) no-repeat;    background-color:inherit;    color:#fff;       font:bold 12px Arial,sans-serif;    text-transform:uppercase;    padding:12px 0 12px 35px;    margin:5px 0;   }  #content li    {    background:url(http://img580.imageshack.us/img580/980/icolist.gif) 0 3px no-repeat;    padding:1px 15px 5px 20px;    margin:0; } #content .item {   padding:15px 10px 5px 15px;    margin:0;}     #content .item h2    {   font:bold 13px Arial,sans-serif;    padding:0;    margin:0;}     #content .item p {   text-align:justify;    padding:15px 0 0 0;    margin:0; }  /*Footer Settings*/ #footer {   background:url(http://img38.imageshack.us/img38/3430/bgfooterj.gif) no-repeat;    background-color:inherit;    color:#ccc;    width:800px;    height:50px;    font-size:11px;    margin:0 auto; }     span#credits a {   background-color:inherit;    color:#888;    text-decoration:none; }  span#credits a:hover {   text-decoration:underline; }

Simple Blog

Autor: Free-Css.
Adaptado por: Porta-1.

Texto por encima de la Pagina:

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Adaptado by -LAUTI <img src="//theme.webme.com/smiles/cheesy.gif" border="0" width="15" height="15" alt="" />-</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"  ></FCK:meta> <link rel="stylesheet" href="images/SimpleBlog.css" type="text/css" /> </head> <body> <div id="wrap"> <div id="header"> <h1 id="logo">Full-Tutorials</h1> <h2 id="slogan">Queres tutoriales?, entonces estas en el lugar correcto!</h2>  </div> <div id="menu"> <ul> <li id="current"><a href="http://full-tutorials.es.tl/Inicio.htm" _fcksavedurl="http://full-tutorials.es.tl/Inicio.htm" _fcksavedurl="http://full-tutorials.es.tl/Inicio.htm"><span>Inicio</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 2</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 3</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 4</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 5</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 6</span></a></li> </ul> </div> <div id="content-wrap"> <div id="sidebar"> <h1>Titulo box 1</h1> <ul class="sidemenu"> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 1</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 2</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 3</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 4</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 5</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 6</span></a></li> </ul> <h1>Titulo box 2</h1> <ul class="sidemenu"> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 1</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 2</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 3</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 4</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 5</span></a></li> <li><a href="#LINK" _fcksavedurl="#LINK" _fcksavedurl="#LINK"><span>Titulo 6</span></a></li> </ul> <h1>Titulo box 3</h1> <p>Texto Texto Texto Texto<br />Texto Texto Texto Texto<br />Texto Texto Texto Texto<br />Texto Texto Texto Texto<br />Texto Texto Texto Texto<br /></p> <h1>Titulo box 4</h1> <p>Texto Texto Texto Texto<br />Texto Texto Texto Texto<br />Texto Texto Texto Texto<br />Texto Texto Texto Texto<br />Texto Texto Texto Texto<br /></p>     </div>     <div id="main"> <a name="TemplateInfo"></a>

Texto por debajo de la Pagina:

Css Code sin Style Tags:

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} * { margin: 0; padding: 0; }  body {    background: #FFF;    font: normal 70%/1.5em Verdana, Tahoma, Verdana, sans-serif;    color: #333;    text-align: center; } /* links */ a {    background: inherit;    text-decoration: none;    color: #667F99;    } a:hover {    background: inherit;    color: #996800; } /* headers */ h1, h2, h3 {    font-family: Verdana, Tahoma, 'Trebuchet MS', Sans-serif;    font-weight: Bold;        } h1 { font-size: 120%; } h2 { font-size: 110%; text-transform: uppercase; } h3 { font-size: 110%; color: #007E80; }  h1, h2, h3, p {    margin: 0;    padding: 10px;       } ul, ol {    margin: 10px 20px;    padding: 0 20px; }  /* images */ img {    border: 2px solid #CCC; } img.float-right {   margin: 5px 0px 5px 10px;  } img.float-left {   margin: 5px 10px 5px 0px; }  code {   margin: 5px 0;   padding: 10px;   text-align: left;   display: block;   overflow: auto;    font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;   /* white-space: pre; */   background: #FAFAFA;   border: 1px solid #f2f2f2;  } acronym {   cursor: help;   border-bottom: 1px solid #777; }  /* blockquote */ blockquote {    margin: 10px;     padding: 0 0 0 28px;     border: 1px solid #f2f2f2;      background: #FAFAFA url(http://img682.imageshack.us/img682/9546/quotel.gif) no-repeat 5px 5px;    }  /* form elements */ form {    margin:10px; padding: 0 5px;    border: 1px solid #f2f2f2;    background-color: #FAFAFA; } label {    display:block;    font-weight:bold;    margin:5px 0; } input {    padding:2px;    border:1px solid #eee;    font: normal 1em Verdana, sans-serif;    color:#777; } textarea {    width:400px;    padding:2px;    font: normal 1em Verdana, sans-serif;    border:1px solid #eee;    height:100px;    display:block;    color:#777; } input.button {    margin: 0;    font: bolder 12px Arial, Sans-serif;    border: 1px solid #CCC;    padding: 2px 3px;    background: #FFF;    color: #275F6C; } /* search form */ form.search {    padding: 0; margin: 0;    vertical-align: bottom;    border: none;    background-color: transparent; } form.search input.textbox {    margin: 0; padding: 1px;    width: 120px;    border: 1px solid #CCC;    background: #FFF;    color: #333; } form.search input.button {    height: 20px;    padding: 1px 3px;    width: 60px; }  /********************************************    LAYOUT ********************************************/ #wrap {    width: 833px;    background: url(http://img249.imageshack.us/img249/8461/85246971.jpg) repeat-y center top;    margin: 0 auto;    text-align: left; } #content-wrap {    position: relative;    width: 91%;    margin: 0 auto;    padding: 0;    } /* header */ #header {    position: relative;    width: 833px;    height: 100px;    background: #FFF url(http://img52.imageshack.us/img52/935/headerjfp.jpg) no-repeat center top;    margin: 0; padding: 0;    font-size: 14px;    color: #FFF; } #header h1#logo {    position: absolute;    margin: 0; padding: 0;    font: bold 42px 'Trebuchet MS', Arial, Sans-serif;    letter-spacing: -2px;    color: #FFF;    text-transform: none;        /* change the values of top and Left to adjust the position of the logo*/    top: 19px; left: 53px;    } #header h2#slogan {    position: absolute;    z-index: 9999999;    margin: 0; padding: 0;    font: bold 12px 'Trebuchet MS', Arial, Sans-serif;    text-transform: none;    color: #FFF;        /* change the values of top and Left to adjust the position of the slogan*/    top: 65px; left:75px;          } #header #searchform {    float: right;    padding: 45px 40px 0 0;    display: inline; } /* menu */ #menu {    clear: both;    width: 833px;    height: 26px;    background: #FFF url(http://img194.imageshack.us/img194/7495/menubgz.jpg) repeat-y;    margin: 0;    font: bolder 12px/26px Tahoma, Verdana, Arial, Sans-Serif;          } #menu ul{    margin: 0; padding: 0 0 0 35px; } #menu ul li {    float: left;    list-style: none;       } #menu ul li a {    display: block;    text-decoration: none;       padding: 0 10px

SilverLight.

Autor: Free-Css.
Adaptado por: Team-ayudawebs.

Texto por encima de la Pagina:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Silverlight</title> <FCK:meta http-equiv="Content-Type" content="text/html; charset=UTF-8"  /> <link rel="stylesheet" type="text/css" href="style.css" />  </head> <body>  <div id="wrapper">      <div id="header">     <h1><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Silverlight</a></h1>     <div class="ad"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/ad468x60.gif" _fcksavedurl="images/ad468x60.gif" alt="" /></a></div>     <div class="break"></div>     <ul>       <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li>       <li><a href="about.html" _fcksavedurl="about.html">About Us</a></li>       <li><a href="page.html" _fcksavedurl="page.html">Demo Page</a></li>       <li><a href="contact.html" _fcksavedurl="contact.html">Contact Page</a></li>     </ul>     <form action="http://www.free-css.com/">       <input type="text" name="s" id="s" value="" />       <button type="submit">Search</button>     </form>   </div>         <div id="body">          <div id="content">              <div class="first post">

Texto por debajo de la Pagina:

</div>            </div>               <div id="sidebar">              <div class="about"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/about.jpg" _fcksavedurl="images/about.jpg" alt="" /></a>         <p><strong>Matt Mullenweg</strong> Duis vel neque. In ac lorem et urna semper pharetra. Integer rhoncus mauris vitae erat.  Aliquam dui. Duis porta, nibh sit amet rutrum vehicula, est diam rutrum magna, et lobortis orci arcu a elit. Sed ac nibh. Sed ut  odio.</p>       </div>                     <h2>Categories</h2>       <ul>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Blog Updates</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Environment</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Graphics</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Internet</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Recent News</a></li>       </ul>                     <h2>Archives</h2>       <ul>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">March 2009</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">February 2009</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">January 2009</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">December 2008</a></li>       </ul>                     <h2>Blogroll</h2>       <ul>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Greg's Gallery</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">WebDev Forums</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Photo Gallery</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Video Studio</a></li>       </ul>                     <h2>Meta</h2>       <ul>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Login</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Entries RSS</a></li>         <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Comments RSS</a></li>       </ul>            </div>          <div class="break"></div>   </div>         <div id="footer">     <p>Copyright © 2009 - <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Website Name</a> · All Rights Reserved | Template by:  <a href="http://www.wpthemedesigner.com/" _fcksavedurl="http://www.wpthemedesigner.com/">WordPress Designer</a> | Get More <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Free CSS  Templates</a> | Diseño adaptado : Team-AyudaWebs </p>   </div>    </div>  </body> </html>

Css Code sin Style Tags:

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}   * {    margin: 0; padding: 0; } body {    text-align: center;    font: 12px Verdana;    color: #ffffff;    background: #000000 url(http://img43.xooimage.com/files/1/a/6/background-1cff782.gif) repeat-x 0 0; } a {    color: #292929; } a:hover {    color: #ff0000; } img {    border: 0; }  .break {    font-size: 0;    width: 0; height: 0;    clear: both; } .alignleft {    float: left;    margin: 4px 10px 5px 0; } .alignright {    float: right;    margin: 4px 0 5px 10px; } .aligncenter {    text-align: center; } .hidden {    display: none; } .noimage img {    display: none; }  /** BEGIN wrapper **/ #wrapper {    width: 970px;    margin: auto auto;    text-align: left;    padding-bottom: 20px; } /** END wrapper **/  /** BEGIN header **/ #header {    height: 158px;    background: url(http://img41.xooimage.com/files/7/a/a/navigation-1cff785.gif) repeat-x 0 bottom; }    #header h1 {       float: left;       font-size: 0;       padding: 40px 15px 44px;    }       #header h1 a {          display: block;          width: 435px; height: 34px;          background: url(http://img49.xooimage.com/files/b/d/e/logo-1cff786.png) no-repeat 0 0;          text-indent: -9999px;       }    #header .ad {       float: right;       padding-top: 30px;    }    #header ul {       list-style-type: none;       float: left;    }       #header ul li {          float: left;          font-size: 0.9em;          font-weight: bold;          text-transform: uppercase;          padding-right: 2px;          background: url(http://img49.xooimage.com/files/d/7/c/divider-1cff788.gif) no-repeat right 0;       }       #header ul li a {          display: block;          text-decoration: none;          padding: 13px 12px 14px;       }       #header ul li a:hover {          color: #292929;          background: url(http://img47.xooimage.com/files/c/1/a/active-1cff789.gif) repeat-x 0 0;       }    #header form {       float: right;       width: 219px; height: 30px;       background: url(http://img45.xooimage.com/files/5/3/3/search-1cff78d.gif) no-repeat 0 0;       margin: 5px;    }       #header input {          border: 0;          font-size: 1em;          font-family: Verdana;          width: 210px;          background-color: transparent;          margin: 8px 4px;       }       #header button {          display: none;       } /** END header **/  /** BEGIN body **/ #body {    color: #808080;    background: #ffffff url(http://img49.xooimage.com/files/3/2/c/sidebar-1cff790.gif) repeat-y right 0;    padding: 10px 0; } /** END body **/  /** BEGIN content **/ #content {    width: 730px;    float: left; }    #content .post {       clear: both;       padding: 10px 20px;    }    #content .first {       padding-top: 0;    }       #content .post .l {          float: left;          width: 200px;          font-size: 0.9em;          color: #292929;          padding-top: 10px;       }          #content .post .l img {             width: 200px; height: 200px;             margin-bottom: 15px;          }          #content .post .l a {             text-decoration: none;          }       #content .post .r {          float: right;          width: 450px;       }       #content h2 {          font-size: 2.5em;          margin-bottom: 15px;          color: #292929;       }          #content h2 a {             text-decoration: none;          }       #content p {          line-height: 1.3em;          margin-bottom: 10px;       }       #content ul, #content ol {          list-style-position: inside;          margin-bottom: 10px;       }       #content li {          line-height: 1.3em;       }       #content h3, #content h4, #content h5, #content h6 {          font-size: 1.2em;          margin-bottom: 5px;       }       #content blockquote {          padding: 10px 10px 0;          background-color: #eeeeee;          border-width: 1px 0;          border-style: solid;          border-color: #e0e0e0;          margin-bottom: 10px;       }       #content .details {          background: url(http://img47.xooimage.com/files/5/

Blue Design.

Autor: Team-Drakox.

Texto por encima de la Pagina:

{ list-style-type: none; padding: 3px; margin: 7px; } li a { padding-right: 29px;padding-top: 5px; } div.menu { position: absolute; z-index: 3;

top: 206px; left: 55%; margin-left:-470px; width: 1000px; } .menu li { width: 98px; float: left; } .menu a { border: 0px solid #xxxxxx;

background-color: #xxxxxx; background-image:  none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin:

0px; display: block; height:28px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image:  none; color: #cccccc;}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 50px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a,

#smenu4 a, #smenu5 a { font-weight: bold; padding-top: 9px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style>  <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display =

'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document)

{ if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display =

'none'; } } //--> </script> <div class="menu"><br /> <li><a href="#" _fcksavedurl="#" _fcksavedurl="LINK" _fcksavedurl="LINK">Inicio</a>   </li> <li><a href="#" _fcksavedurl="#" _fcksavedurl="LINK" _fcksavedurl="LINK">Acerca</a> </li>  <li><a href="#" _fcksavedurl="#" _fcksavedurl="LINK" _fcksavedurl="LINK">Servicios</a> </li>   <li><a href="#" _fcksavedurl="#" _fcksavedurl="LINK" _fcksavedurl="LINK">Portafolio/Trabajos           </a> </li>  </div> <div id="Desigbydrakox"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html>  <head>

Texto por debajo de la Pagina:

Css Code sin Style Tags:

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;}  #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url  (https://img.webme.com/pic/t/team-drakox/wallpaper.jpg);background-color:#ffffff;} *{ padding: 0; margin: 0; } #Desigbydrakox  { margin: 0 auto; width: 1000px; height:900px; background-image:url(http://img45.xooimage.com/files/1/a/f/plantilla2-1cbfda6.png);}   #content { position: absolute; left: 45%; top: 339px; margin-left:-300px; width: 710px; height: 455px; padding:10px; color:  #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;}  #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration:   none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px;  text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px;   text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 172px; left: 52%; margin-left:-185px; width: 647px; } .lux a { border:  0px solid #xxxxxx; background-color: #xxxxxx; background-image:  none; text-decoration: none; text-align: center; font-weight: bold; cursor:  pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }

Taringa.

Autor: Nesbet.

Texto por encima de la Pagina:

<div style="position:absolute;left:875px;top:430px;"> <span style="font-family: Arial"><span style="font-size: small"><span style=""><strong>Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web<br /> Texto en la web</strong></span></span></span></div>  <style> table {margin-left:auto;margin-right:auto;} </style>  <style type="text/css" media="screen"> <!--
body
{
font-family: Arial Narrow;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;
}

div.menu
{
position: absolute;
z-index: 3;
top: 213px;
left: 25%;
margin-left:-185px;
width: 647px;
}

.menu li
{
width: 70px;
float: left;
}

.menu a
{
border: 0px solid #xxxxxx;
background-color: #xxxxxx;
background-image:  none;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: 10px;
height:31px;
color: #3F3F3F;
}

.menu a:hover
{
background-color: #transparent;
background-image:  none;}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 20px;
display: block;
width: 70px;
float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->  </style>  <script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script> <div class="menu">  <li><a href="Pagina-Principal.htm" _fcksavedurl="Pagina-Principal.htm">INICIO</a> </li> <li><a href="Videojuegos.htm" _fcksavedurl="Videojuegos.htm">JUEGOS</a> </li> <li><a href="Videos.htm" _fcksavedurl="Videos.htm">VIDEOS</a> </li> <li><a href="Musica.htm" _fcksavedurl="Musica.htm">MUSICA</a> </li> <li><a href="Noticias.htm" _fcksavedurl="Noticias.htm">NOTICIAS</a> </li> </div>    <div id="Designmystic">  <div id="text"><h1></h1> </div>   <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Css Code sin Style Tags:

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;}    #text{ color: FFFFFF; position: absolute; top: 100px; margin-left:-300px; left: 50%; }    body { background-color:#FFFFFF;}   *{ padding: 0; margin: 0; }  #Designmystic { margin: 0 auto; width: 990px; height:592px; background-image:url(http://img49.xooimage.com/files/2/2/1/taringa-180ebf7.png);}  #content { position: absolute; left: 35%; top: 247px; margin-left:-310px; width: 760px; height: 363px; padding:10px; color: #000000; font-size:13px; c background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;}   #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;}     a{ color:#000000; text-decoration: none; font-size:13px;}  a:hover { color: #000000; font-size: 13px; text-decoration: none;}  a:link { color: #000000; font-size: 13px; text-decoration: none;}  a:active { color: #000000; font-size: 13px; text-decoration: none;}  a:visited { color: #000000; font-size: 13px; text-decoration: none;} //--> </style>

Team-AyudaMaster | Soporte para tu paginawebgratis