Texto Por Encima De La Pagina
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <FCK:meta http-equiv="content-type" content="text/html; charset=UTF-8" /> <FCK:meta name="description" content="description" /> <FCK:meta name="keywords" content="keywords" /> <link rel="stylesheet" type="text/css" href="style.css" media="screen"/> <title>NiceSite.com | Nice Template!</title> </head> <body> <div class="outer-container"> <div class="inner-container"> <div class="header2"> <div class="title"> <span class="name"><a href="index.html" _fcksavedurl="index.html">Girl En Verde</a></span> <div class="tag">BY: LifexD</div> </div> </div> <div class="main"> <div class="content"> Texto Por Debajo De La Pagina </div> </div> <div class="navigation"> <img src="http://img42.xooimage.com/files/6/a/c/head2-892f0c.jpg" _fcksavedurl="http://img42.xooimage.com/files/6/a/c/head2-892f0c.jpg" alt="head2" /><br /> <h2>Nav Uno</h2> <ul> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> </ul> <h2>Nav Dos</h2> <ul> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> </ul> <h2>Nav 3</h2> <ul> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> <li><a href="index.html" _fcksavedurl="index.html">link opcion</a></li> </ul> <div class="valid"> <p> </p> <p> </p> </div> </div> <div class="clearer"> </div> </div> <div class="footer"> © 2008 <a href="http://www.Codeslife.es.tl" _fcksavedurl="http://www.Codeslife.es.tl">Codeslife.es.tl</a> | Designed by <a href="http://www.codeslife.es.tl" _fcksavedurl="http://www.codeslife.es.tl">LifexD</a> <div class="clearer"></div> </div> </div> </div> </body> </html> Css Sin Style Tag
li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #content { position: absolute; left: 40%; top: 340px; margin-left:-275px; width: 380px; height: 360px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} html {min-height: 100%;} * { margin: 0; padding: 0; } a {color: #259086;} a:hover {color: #282828;} body { background: #e2e2e2; color: #282828; font: normal 62.5% Tahoma,sans-serif; padding-top: 20px; } p,code,ul {padding-bottom: 1.2em;} li {list-style: none;} h1 {font: normal 1.8em Tahoma,sans-serif;} h2 {font: bold 1.4em sans-serif;} h3 {font: bold 1em Tahoma,sans-serif;} form,input {margin: 0; padding: 0; display: inline;} code { background: #FFF; border: 1px solid #EEE; color: #666; display: block; font: normal 1em Tahoma,sans-serif; line-height: 1.6em; margin-bottom: 12px; padding: 8px 10px; white-space: pre; } h1,h2,h3 {padding-top: 6px; color: #259086; margin-bottom: 4px;} .clearer {clear: both; font-size: 0;} .left {float: left;} .right {float: right;} .inner-container { border: 2px solid #b1b1b1; background: #FFF; font-size: 1.2em; margin: 0 auto; padding: 10px; width: 750px; } .outer-container { background: #e2e2e2; padding-bottom: 24px; } .header2 { background: #222 url('http://img40.xooimage.com/files/8/8/d/head-892ee2.jpg') no-repeat; height: 250px; margin-bottom: 0px; text-align: center; } .header .title { color: #FFF; padding-top: 50px; } .header .title .name a { color: #282828; float:left; font: normal 5em sans-serif; padding-top: 30px; text-decoration: none; padding-left:30px; } .header .title a:hover {border-color: #F60;} .header .title .tag { text-align: left; font: normal 1.1em Verdana,sans-serif; padding-top: 100px; padding-left: 35px; } .navigation { float: right; width: 237px; } .navigation h2 { color: #259086; font: bold 1.6em Tahoma,sans-serif; line-height: 30px; margin: 0; padding-left: 11px; } .navigation ul { padding-bottom: 10px; border-top: 1px solid #259086; } .navigation li {border-bottom: 1px solid #b1b1b1;} .navigation li a { font-size: 1.1em; color: #7c7c7c; display: block; padding: 8px 0 8px 5%; text-decoration: none; width: 95%; } .navigation li a:hover { background: #c7c7c7; color: #282828; } .main { background: #ffffff; padding: 0px 10px 0 0; } .content { float: left; width: 480px; margin-left: 5px; margin-right: 5px; padding-top:10px; } .content p {font-family: "Lucida Sans Unicode",sans-serif;} .footer { background: #b1b1b1; color: #F7F7F2; font: bold 1em sans-serif; margin-top: 5px; padding: 10px 12px; text-align: center; } .footer a { color: #F7F7F2; text-decoration: none; } .footer a:hover {color: #282828;} .valid { text-align: center; padding-top:5px; } .nav_element{visibility:hidden;} .header{visibility:hidden;} #content_container h2 {visibility:hidden;}
