webmaster - Plantillas Css

Plantillas Css

Esto Va En " 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> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> </head> <body> <div id="container"><center><img src="http://pixelea.com/s/18dbbd5b30.jpg"></center> <div id="header"> <ul> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li><a href="http://codespwg.es.tl">Modificar</a></li> <li class="last"><a href="http://codespwg.es.tl">Modificar</a></li> </ul> </div> <div id="content1"> <div id="left"> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <ul> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> <li><a href="#">Modificar</a></li> </ul> </div> <div class="menufooter"></div> </div> <div class="menu"> <div class="menuheader"><h3>Mi Banner</h3></div> <div class="menucontent"> <p><center><a href="http://design-gfx.es.tl/"><img src="http://www.fileden.com/files/2008/9/29/2121627/Small.gif"></a> <br> <br> <a href="http://codespwg.es.tl">http://codespwg.es.tl</a><br> <a href="http://codespwg.es.tl">http://codespwg.es.tl</a><br> <a href="http://codespwg.es.tl">http://codespwg.es.tl</a><br> <a href="http://codespwg.es.tl">http://codespwg.es.tl</a></center></p> </div> <div class="menufooter"></div> </div> </div> <div id="right"> <div class="menu"> <div class="menuheader"><h3>Imagenes</h3></div> <div class="menucontent"> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 1</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 2</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 3</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 4</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 5</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 6</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 7</a></span> </div> <div class="member"> <a href="http://codespwg.es.tl"><img src="http://pixelea.com/s/8658c00f12.gif" alt="member" /></a> <span><a href="http://codespwg.es.tl">Member 8</a></span> </div> <div class="clear"></div> </div> <div class="menufooter"></div> </div> </div> <div id="middle"> <div class="post"> <div class="postheader"><h1>Contenido</h1></div> <div class="postcontent"> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> <br> </div> <div class="postfooter"></div> </div> <div id="footer"> <ul> </ul> <span><font color="white">Copyright © 2006 CodesPwg. All rights reserved.</font></span> </div> </body> </html>

Esto Va En " CSS-Code sin Style Tags "

body { background-image: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-repeat: repeat-x; background-color: #000000; } * {margin: 0px;padding: 0px;} p { padding: 10px 10px 10px 20px; display:block; color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold } a { color:#6b7272; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #container { margin: 0px auto; text-align: left; width: 860px; } #header{ height:25px; width:777px; background-image:url(#); background-repeat: no-repeat; } #content1{ } #left{ width:192px; float:left; } #middle{ margin-left:206px; margin-right:196px; width:450px; } #right{ width:192px; float:right; } /********************* menu ****************************/ .menuheader{ width:192px; height:37px; background-image:url(http://pixelea.com/s/02b2dec001.gif); display:block; } .menucontent{ width:192px; background-image:url(http://pixelea.com/s/463eedba20.gif); padding-top:10px; background-repeat: repeat-y; }.menuheader h3{ padding: 10px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .menufooter{ width:192px; height:15px; background-image:url(http://pixelea.com/s/25e4732ed4.gif); display:block; } .postheader,.menuheader{ color:#CCCCCC; text-transform: uppercase; } /********************* post ****************************/ .post{ margin-bottom:15px; } .postheader{ background-image:url(http://pixelea.com/s/43d18eadf2.gif); display:block; width:450px; height:33px; } .postheader h1{ padding: 7px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .postcontent{ background-image:url(http://pixelea.com/s/a8a8cd7a41.gif); background-repeat: repeat-y; padding: 20px 0px; } .postfooter{ background-image:url(http://pixelea.com/s/6b58b1f3f4.gif); background-repeat: no-repeat; display:block; width:450px; height:15px; } /********************* header ****************************/ #header{ position:relative; } #header ul{ position:absolute; top:0px; display:block; left:180px; } #header ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } .last{ border-right: 0px none #6b7272 !important; } #header ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #header ul li a:hover{ text-decoration:underline; } /********************* footer ****************************/ #footer{ width:850px; } #footer ul{ display:block; margin-left:190px; } #footer ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } #footer ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #footer ul li a:hover{ text-decoration:underline; } #footer span{ color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; width:850px; display:block; padding: 15px 0px; } /********************* menu members ****************************/ .menu ul{ list-style-position: inside; list-style-type: disc; padding: 0px 0px 0px 20px; color:#666666; } .menu ul li{ padding-top: 5px; color:#666666; } .menu ul li a{ text-decoration:none; padding: 0px; text-transform: uppercase; } .menu ul li a:hover{ text-decoration:underline; text-transform: uppercase; } .member{ display:inline; float:left; margin-left:10px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member img{ width:75px; height:70px; border: solid 2px #999999; } .clear{ clear:both; } #content_container h2 { font-size:34px; font-weight:bold; font-family:Kartika, Lucida Console; padding:0; margin:0; position:absolute; left:150px; top:50px; } #content { position: absolute; left: 63%; top: 200px; margin-left: -335px; width: 400px; height: 690px; padding:10px; color:#525757; font-family: Helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} .nav_element{visibility:hidden;} .header{visibility:hidden;} #content_container h2 {visibility:hidden;}

Design Blog X

<div id="Feld_oben"><b> </b></div></div> <div id="Feld_oben_2"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div> <div id="top_1"><b> </b></div></div> <div id="Anzeige"> Design-"Css" </div></div>

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} div{z-index: 2px;} #Header_oben { height: 115px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/ut-header.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:26px; } #top_1 { height: 25px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/top10.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; z-index: 2; position:absolute;left:13px;top:141px; } body {background-image: none; background-attachment: fixed; background:#000000; background-repeat: repeat-y; background-position: center center; z-index: -2; font-size: 12px; font-family: Arial; } a{color#000000; font-size: 12px; text-decoration: none;} a:hover {color: #000000; font-size: 12px; text-decoration: none;} a:link {color: #00013B; font-size: 12px; text-decoration: none;} a:active {color: #000000; font-size: 12px; text-decoration: none;} a:visited {color: #000000; font-size: 12px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 10px; padding-left: 0px text-decoration: none; text-align: center; width: 180px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/navi3.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 10px; padding-left: 0px text-decoration: none; text-align: center; width: 180px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/navi2.png); background-color:} * { padding: 0; margin: 0; } * { padding: 0; margin: 0; } #Design { width: 921px; height: 1520; } #nav_container {height: 300px; width: 200px; background:; background-image: none; color:#ffffff; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:240px;} #Nav_hinten{ width: 218px; height: 430px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 0px; float: left;overflow:auto; z-index: 1; position:absolute;left:650px;top:183px;} #content { height: 726px; width: 730px; background:; background-image: none; color: #000000; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; border: 1px solid #6E6E6E; z-index: 4; position:absolute;left:25px;top:239px;} #content_2 { height: 1000px; width: 980px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/condent3.png); color: #ffffff; margin: 0px 0px 0px 0px; padding: 0px; display: inline; float: left; overflow:auto; z-index: 0; position:absolute;left:13px;top:27px;} #sidebar_container { height: 396px; width: 200px; background:; background-image: none; color:#000000; margin: 0px 0px 0px 0px; padding: 0px; border: 1px solid #6E6E6E; float: left; overflow:auto; z-index: 4; position:absolute;left:780px;top:570px;} #Feld_oben { width: 202px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:220px;} #Feld_oben_2 { width: 202px; height: 20px; background-image:url(https://img.webme.com/pic/p/probieren2/top2.2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 0px; clear: both; z-index: 4; position:absolute;left:780px;top:550px;} #Feld_rechts_5 { height: 20px; width: 732px; background:; background-image:url(https://img.webme.com/pic/p/probieren2/top1.6.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 0px; float: left; overflow:auto; z-index: 2; position:absolute;left:25px;top:220px;} #counter{ position:absolute; left: 815px; top: 6px; font-size: 12px; z-index: 6; color: #ffffff; } #Anzeige{ position:absolute; left: 40px; top: 223px; z-index: 5; font-family:; color: #ffffff; }

Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div>

Das kommt in "Text unter dem Design" !

<div id="Feld_oben"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div> <cin class="18"> </cin>

-AreaFantasy

Das kommt in "Css-Code ohne Style-Tags" !

div.header{position:absolute; left: 180px; top: 160px; color: #FFFFFF; z-index: 1; } li.nav_element{list-style-type: none;} cin.18{display:block;} #Header_oben { height: 264px; width: 1000px; background:; background-image:url(http://img132.imageshack.us/img132/3733/unbenannt544nf5.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:2px;top:10px;} body {background-image:url(https://img.webme.com/pic/p/probieren4/backroundalien2gruen.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 600px; } #nav_container { width: 178px; height: 248px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:12px;top:307px;} #Nav_hinten{ width: 163px; height: 290px; background:; background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:10px;top:285px;} #content { height: 248px; width: 537px; background:; background-image: none; color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:200px;top:308px;} #content_2 { height: 290px; width: 525px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/1000.2.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:193px;top:285px;} #sidebar_container { height: 270px; width: 135px; background:; background-image: none; color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:833px;top:295px;} #Feld_oben { width: 632px; height: 30px; background-image:url(http://img89.imageshack.us/img89/643/feldoben4grnwe6.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:235px;} #Feld_unten-2 { width: 632px; height: 25px; background-image:url(http://img233.imageshack.us/img233/7757/feldoben41grnvq8.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:596px;} #Feld_rechts_3{ width: 54px; height:270px; background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; z-index: 4; position:absolute;left:738px;top:296px;} #Feld_rechts_5 { height: 335px; width: 142px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/777.1.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:830px;top:260px;} #Feld_rechts_6{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:312px;} #Feld_rechts_7{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:542px;} #counter{ position:absolute; left: 75px; top: 600px; z-index: 1; color: #FFFFFF; }

-AreaAlien

Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div>

Das kommt in "Text unter dem Design" !

<div id="Feld_oben"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div> <cin class="18"> </cin>

Das kommt in "Css-Code ohne Style-Tags" !

div.header{position:absolute; left: 180px; top: 160px; color: #FFFFFF; z-index: 1; } li.nav_element{list-style-type: none;} cin.18{display:block;} #Header_oben { height: 264px; width: 1000px; background:; background-image:url(http://img139.imageshack.us/img139/731/55441rw0.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:2px;top:15px;} body {background-image:url(https://img.webme.com/pic/c/chappi18/backroundalien2.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 600px; } #nav_container { width: 178px; height: 248px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:12px;top:307px;} #Nav_hinten{ width: 163px; height: 290px; background:; background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:10px;top:285px;} #content { height: 248px; width: 547px; background:; background-image: none; color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:190px;top:308px;} #content_2 { height: 290px; width: 525px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/1000.2.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:193px;top:285px;} #sidebar_container { height: 270px; width: 135px; background:; background-image: none; color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:833px;top:295px;} #Feld_oben { width: 632px; height: 30px; background-image:url(http://img136.imageshack.us/img136/2664/feldoben4hp8.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:235px;} #Feld_unten-2 { width: 632px; height: 25px; background-image:url(http://img403.imageshack.us/img403/4277/feldoben41pw7.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:596px;} #Feld_rechts_3{ width: 54px; height:270px; background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; z-index: 4; position:absolute;left:738px;top:296px;} #Feld_rechts_5 { height: 335px; width: 142px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/777.1.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:830px;top:260px;} #Feld_rechts_6{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:312px;} #Feld_rechts_7{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:542px;} #counter{ position:absolute; left: 75px; top: 600px; z-index: 1; color: #FFFFFF; }

-AreaAnime

Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div>

Das kommt in "Css-Code ohne Style-Tags" !

div.header{position:absolute; left: 180px; top: 160px; color: #FFFFFF; z-index: 1; } li.nav_element{list-style-type: none;} cin.18{display:block;} #Header_oben { height: 264px; width: 1000px; background:; background-image:url(http://img132.imageshack.us/img132/5015/unbenannt545pg3.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:2px;top:10px;} body {background-image:url(https://img.webme.com/pic/p/probieren4/backroundalien2-pink.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 135px; height: 16px; background-image:url(http://img186.imageshack.us/img186/187/unbenannt5xz8.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 600px; } #nav_container { width: 178px; height: 248px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:12px;top:307px;} #Nav_hinten{ width: 163px; height: 290px; background:; background-image:url(http://img212.imageshack.us/img212/3329/unbenannt1001gm2.jpg); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:10px;top:285px;} #content { height: 248px; width: 537px; background:; background-image: none; color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:200px;top:308px;} #content_2 { height: 290px; width: 525px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/1000.2.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:193px;top:285px;} #sidebar_container { height: 270px; width: 135px; background:; background-image: none; color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:833px;top:295px;} #Feld_oben { width: 632px; height: 30px; background-image:url(http://img89.imageshack.us/img89/6557/feldoben4pinkws2.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:235px;} #Feld_unten-2 { width: 632px; height: 25px; background-image:url(http://img233.imageshack.us/img233/4105/feldoben41pinkov1.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:40px;top:596px;} #Feld_rechts_3{ width: 54px; height:270px; background-image:url(http://img512.imageshack.us/img512/2638/ani2ne3.gif); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; z-index: 4; position:absolute;left:738px;top:296px;} #Feld_rechts_5 { height: 335px; width: 142px; background:; background-image:url(https://img.webme.com/pic/c/chappi18/777.1.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:830px;top:260px;} #Feld_rechts_6{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:312px;} #Feld_rechts_7{ height: 6px; width: 17px; background:; background-image:url(http://img217.imageshack.us/img217/2535/unbenannt3bi7.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 1; position:absolute;left:802px;top:542px;} #counter{ position:absolute; left: 75px; top: 600px; z-index: 1; color: #FFFFFF; }

- Shadow

Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div>

Das kommt in "Text unter dem Design" !

<div id="Feld_oben"><b> </b></div></div> <div id="Feld_unten-2"><b> </b></div></div> <div id="Feld_rechts_3"><b> </b></div></div> <div id="Feld_rechts_5"><b> </b></div></div> <div id="Feld_rechts_6"><b> </b></div></div> <div id="Feld_rechts_7"><b> </b></div></div> <div id="content_2"><b> </b></div></div> <div id="Nav_hinten"><b> </b></div></div>

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 130px; width: 768px; background:; background-image:url(http://img222.imageshack.us/img222/9465/unbenannt1111my6.png); color: #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:100px;top:40px;} body {background-image:url(http://img222.imageshack.us/img222/5969/unbenannt121kp8.png);} a{color#00000; font-size: 15px; text-decoration: none;} a:hover {color: #00000; font-size: 15px; text-decoration: none;} a:link {color: #00000; font-size: 15px; text-decoration: none;} a:active {color: #00000; font-size: 15px; text-decoration: none;} a:visited {color: #00000; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#000000; display: block; margin: 5px; padding-left: 0px text-decoration: none; text-align: center; width: 130px; height: 16px; background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; text-align: center; width: 130px; height: 16px; background-image:url(http://img267.imageshack.us/img267/9784/unbenannt3km4.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 1000px; height: 700px; } #nav_container { width: 166px; height: 253px; background:; background-image: none; color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 2; position:absolute;left:678px;top:323px;} #Nav_hinten{ width: 168px; height: 260px; background:; background-image:url(http://img221.imageshack.us/img221/6103/unbenannt110xh8.png); color: ; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; z-index: 1; position:absolute;left:680px;top:320px;} #content { height: 406px; width: 556px; background:; background-image: none; color: #000000; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 4; position:absolute;left:100px;top:172px;} #content_2 { height: 410px; width: 560px; background:; background-image:url(http://img211.imageshack.us/img211/2329/unbenannt7bh1.jpg); color: #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; z-index: 3; position:absolute;left:100px;top:170px;} #sidebar_container { height: 125px; width: 166px; background:; background-image: none; color:#000000; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 4; position:absolute;left:678px;top:171px;} #Feld_oben { width: 748px; height: 15px; background-image:url(http://img514.imageshack.us/img514/2909/unbenannt151ny1.png); color: ffffff; margin: 0px 0px 10px 0px; padding: 10px; clear: both; position:absolute;left:100px;top:600px;} #Feld_rechts_5 { height: 130px; width: 168px; background:; background-image:url(http://img514.imageshack.us/img514/9417/unbenannt100zj2.png); color:#ffffff ; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; z-index: 2; position:absolute;left:680px;top:170px;} #counter{ position:absolute; left: 350px; top: 605px; z-index: 1; color: #ffffff; }

-P!NK

Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div>

Das kommt in "Text unter dem Design" !

<div id="Feld_unten"><b> </b></div></div>

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 220px; width: 677px; background:; background-image:url(http://img410.imageshack.us/img410/6831/unbenannt3ef9.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:284px;top:40px;} body {background-image:url(https://img.webme.com/pic/p/probieren2/hintergrund3.jpg);background-position: center center;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(http://img407.imageshack.us/img407/2324/unbenannt14ml2.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(http://img407.imageshack.us/img407/2324/unbenannt14ml2.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width: 90px; height: 340px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:284px;top:270px;} #content { height: 340px; width: 540px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:399px;top:270px;} #sidebar_container { height: 570px; width: 214px; background:; background-image:url(http://img232.imageshack.us/img232/4315/unbenannt7sb2.png); color:#ffffff ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:45px;top:40px;} #counter{display: none;}

-Wii

Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div>

Das kommt in "Text unter dem Design" !

<div id="Feld_unten"><b> </b></div></div>

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 180px; width: 915px; background: ; background-image:url(http://img508.imageshack.us/img508/8569/unbenannt2eq9.png); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left; position:absolute;left:45px;top:50px;} body {background-image:url(http://img158.imageshack.us/img158/2742/dsnewsupermariobroswallnq9.jpg);background-position: center center;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 5px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image:url(http://img167.imageshack.us/img167/8425/unbenannt7dr9.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 80px; height: 25px; background-image: none; background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px; } #nav_container { width: 90px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto; position:absolute;left:284px;top:240px;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #ffffff; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto; position:absolute;left:399px;top:240px;} #sidebar_container { height: 340px; width: 214px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color:#ffffff ; border: 1px solid #0000E1; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto; position:absolute;left:45px;top:240px;} #counter{display: none;}

- Bioshock

Das kommt in "Text über dem Design" !

<div id="Design"> <div id="Header_oben"></div>

Das kommt in "Text unter dem Design" !

<div id="Feld_unten"><b> </b></div></div>

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img530.imageshack.us/img530/1357/unbenannt1ej6.jpg); color: #EBB000; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} body {background-image:url(http://img183.imageshack.us/img183/5760/bioshockfairground1bn5.jpg);background-position: center center;} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img403.imageshack.us/img403/8486/unbenannt11vy2.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img443.imageshack.us/img443/638/unbenannt12rs3.png); background-color:} * { padding: 0; margin: 0; } #Design { margin: 0 auto; width: 922px;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #ffffff; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 148px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color:#ffffff ; border: 1px solid #EBB000; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 892px; background: #000000; color: ffffff; clear: both; border: 1px solid #EBB000; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

-World of Warcraft

Das kommt in "Text über dem Design" !

<div id="Design04"> <div id="Header_oben"></div>

Das kommt in "Text unter dem Design"

<div id="Feld_unten"><b> </b></div></div>

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img514.imageshack.us/img514/7223/backriund2zv4.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img514.imageshack.us/img514/1410/nav1ee9.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img521.imageshack.us/img521/9996/nav2cl4.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 180px; width: 915px; background: ; background-image:url(http://img119.imageshack.us/img119/9237/headerry8.jpg); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img514.imageshack.us/img514/390/unbenannt16ja7.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

- Halo

Das kommt in "Text über dem Design" !

Das kommt in "Text unter dem Design" !

<div id="Feld_unten"><b> </b></div></div>

Das kommt in "Css-Code ohne Style-Tag" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img524.imageshack.us/img524/5372/wallpaperhalo21310241fa5.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png); background-color:} li.nav_element a:hover{ color:#000000; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img48.imageshack.us/img48/6691/unbenannt2ji5.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img261.imageshack.us/img261/7880/unbenannt15ew1.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

-Ratchet and Clank

Das kommt in "Text über dem Design" !

Das kommt in "Text unter dem Design" !

Das kommt in "Css Code ohne Style-Tags" !

<span> </span>h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img504.imageshack.us/img504/626/wallpaperratchetandclanfq8.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/2643/unbenannt11aj8.png); background-color:} li.nav_element a:hover{ color:#000000; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img258.imageshack.us/img258/6453/unbenannt14rb3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img181.imageshack.us/img181/592/ratchetheader1ge0.png); color: #FFFFFF; border: 0px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: ; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img249.imageshack.us/img249/7379/unbenannt9wl5.png); color: #000000; border: 1px solid #6E6E6E; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

-F.E.A.R.

Das kommt in "Text über dem Design" !

<div id="Design04"> <div id="Header_oben"></div>

Das kommt in "Text unter dem Design" !

<div id="Feld_unten"><b> </b></div></div>

Das kommt in "Css-Code ohne Style-Tags" !

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} body {background-image:url(http://img443.imageshack.us/img443/4932/unbenannt13ov1.jpg);} a{color:#ffffff; font-size: 15px; text-decoration: none;} a:hover {color: #ffffff; font-size: 15px; text-decoration: none;} a:link {color: #ffffff; font-size: 15px; text-decoration: none;} a:active {color: #ffffff; font-size: 15px; text-decoration: none;} a:visited {color: #ffffff; font-size: 15px; text-decoration: none;} li.nav_element a{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img403.imageshack.us/img403/8486/unbenannt11vy2.png); background-color:} li.nav_element a:hover{ color:#ffffff; display: block; margin: 0px; padding-left: 0px text-decoration: none; width: 150px; height: 25px; background-image:url(http://img443.imageshack.us/img443/638/unbenannt12rs3.png); background-color:} * { padding: 0; margin: 0; } #Design04 { margin: 0 auto; width: 922px;} #Header_oben { height: 150px; width: 915px; background: ; background-image:url(http://img337.imageshack.us/img337/24/unbenannt2by8.jpg); color: #FFFFFF; border: 0px solid #ffffff; margin: 0px 0px 0px 0px; padding: 0px; float: left;} #nav_container { width: 160px; height: 340px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left;overflow:auto;} #content { height: 340px; width: 540px; background:; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color: #ffffff; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; display: inline; float: left; overflow:auto;} #sidebar_container { height: 340px; width: 150px; background: ; background-image:url(http://img524.imageshack.us/img524/823/unbenannt16kb1.png); color:#ffffff ; border: 1px solid #ffffff; margin: 0px 0px 0px 0px; padding: 10px; float: left; overflow:auto;} #Feld_unten { width: 895px; background: #000000; color: #FFFFFF; clear: both; border: 1px solid #6E6E6E; margin: 0px 0px 10px 0px; padding: 10px;} #counter{display: none;}

Codigo ba en Por encima de la pagina

Codigo Por debajo de la Pagina

 </div>  <div id="footer"> </div>  </div>

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;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background-image:url(http://i40.tinypic.com/orjjub.png);background-color:#ffffff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /******************************************** Design ********************************************/ #wrap { width: 1048px; background: url(http://i40.tinypic.com/s1t30y.png) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 1048px; position: relative; height: 240px; background: #fff url(http://i41.tinypic.com/126fu2t.png) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 47px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 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: 70px; left: 55px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #cccccc; } /* Menu */ #menu { clear: both; margin: 0 auto; padding: 0; background: url(http://i40.tinypic.com/15gcpzl.png) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 47px; width: 1048px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #FFF; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #cccccc; } #menu ul li#current a { color: #bc0303; } /* Main Column */ #main { float: left; width: 70%; padding: 0; margin: 5px 0 0 5px; display: inline; } #main h2 { margin-top: 10px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image: none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: url(http://i42.tinypic.com/24ovb4w.png) no-repeat center top; clear: both; width: 1048px; height: 87px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear: both; }

Este en texto encima de la página:

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 : #000000 url('http://pixelea.com/s/3cf50cb5d2.png');} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 700px; height:600px; background-image:url(http://pixelea.com/s/b2e3439652.png);} #content { position: absolute; left: 39%; top: 253px; margin-left:-226px; width: 462px; height: 340px; padding:10px; color: #242424; font-size:12px; 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:#707070; 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: #707070; font-size: 13px; text-decoration: none;} a:visited { color: #cccccc; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 58px; left: 52%; margin-left: -160px; width: 100px; } .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: #FFF; font-size: 60px; }

Texto por encima de la pagina:

 <div id="wrap">  <div id="header"> <h1 id="logo-text"><a href="index.html"></a></h1> <p id="slogan"></p> <div id="header-links"> <p> <a href="Modificar Url">Modificar</a> | <a href="Modificar Url">Modificar</a> | <a href="Modificar Url">Modificar</a> </p> </div> </div> <div id="menu"> <ul> <li><a class="current" href="#"><span>Hpolaaa </span></a></li> <li><a href="Modificar url"><span>Modificar</span></a></li> <li><a href="Modificar url"><span>Modificar</span></a></li> <li><a href="Modificar url"><span>Modificar</span></a></li> <li><a href="Modificar url"><span>Modificar</span></a></li> <span style="color: rgb(255, 255, 255);">D-ivans</span> </ul> </div>  <div id="content-wrap"> <div id="sidebar"> <div class="left-box"> <p class="align-right"></p> </div> </div>

Texto por encima de la pagina:

 </div>  <div id="footer"> </div>  </div>

Css style :

*{ margin:0; padding:0; } body{ background:#fff; color:#666; font:12px/18px Tahoma, Arial, Helvetica, sans-serif; } #menu{ width:700px; } #menu ul{ list-style:none; } #menu li{ list-style:none; display:block; float:left; margin:0 1px; } #menu li a{ display:block; float:left; height:52px; color:#0e7b93; text-transform:uppercase; font-size:11px; font-weight:bold; background:url(http://i42.tinypic.com/dwf9f5.jpg) no-repeat left; line-height:39px; padding:0 0 0 18px; text-decoration:none; } #menu li a span{ display:block; float:left; background:url(http://i42.tinypic.com/2mdqfzt.jpg) no-repeat right; height:52px; color:#0e7b93; line-height:39px; padding:0 36px 0 17px; } #menu li a:hover{ display:block; float:left; background:url(http://i43.tinypic.com/dpbmms.jpg) no-repeat left; height:52px; } #menu li a:hover span{ display:block; float:left; background:url(http://i41.tinypic.com/2ibluuu.jpg) no-repeat right; color:#7c832d; height:52px; } #menu li a.current{ display:block; float:left; height:52px; color:#7c832d; text-transform:uppercase; font-size:11px; font-weight:bold; background:url(http://i43.tinypic.com/dpbmms.jpg) no-repeat left; line-height:39px; padding:0 0 0 18px; text-decoration:none; } #menu li a.current span{ display:block; float:left; background:url(http://i41.tinypic.com/2ibluuu.jpg) no-repeat right; height:52px; color:#7c832d; line-height:39px; padding:0 36px 0 17px; } 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;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background-image: none;background-color:#ffffff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /******************************************** Design ********************************************/ #wrap { width: 838px; background: url(http://www.tervifincas.com/back/img/promotionimages/real_promo_2_42f6e_escaner_blanco.jpg) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 838px; position: relative; height: 200px; background: #fff url(http://i42.tinypic.com/2aaelnn.png) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 47px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 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: 70px; left: 55px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #cccccc; } /* Menu */ #menu { clear: both; margin: 0 auto; padding: 0; background: url(http://www.tervifincas.com/back/img/promotionimages/real_promo_2_42f6e_escaner_blanco.jpg) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 28px; width: 838px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #FFF; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #cccccc; } #menu ul li#current a { color: #bc0303; } /* Main Column */ #main { float: left; width: 70%; padding: 0; margin: 5px 0 0 5px; display: inline; } #main h2 { margin-top: 10px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image: none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: url(http://i41.tinypic.com/oaqk9k.png) no-repeat center top; clear: both; width: 838px; height: 100px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear: both; }

Por encima de la pagina
<script>  </script> <h1 id="logo-text"><a href="EDITAR">dedydamy web</a></h1> <p id="slogan">El diseño web a tu alcanze</p> <div id="header-links"> <p> <a href="EDITAR">Editar</a> | <a href="EDITAR">Editar</a> | <a href="EDITAR">Editar</a> </p> </div> </div>  <div id="menu"> <ul> <li id="current"><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> </ul> </div> <script>  </script>

Por debajo de la pagina

<script>  </script> <h2>Caja de Busqueda</h2> <form action="search" class="searchform"> <p> <input name="search_query" class="textbox" type="text" /> <input name="search" class="button" value="Buscar" type="submit" /> </p> </form> <h2>Menu</h2> <ul class="sidemenu"> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> </ul> <h2>Menu</h2> <ul class="sidemenu"> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> </ul> <h2>Menu</h2> <ul class="sidemenu"> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> <li><a href="EDITAR">EDITAR</a></li> </ul> <h2>Box 1 y sucesiva</h2> <p>dedydamy desing</p> <p class="align-right">Autor: dedydamy</p> <script>  </script> <p> © 2006 <strong>dedydamy web</strong>| <script>  </script> <script>  </script>

En sityle tipe sin tags

#header_container{display: none;} #nav_container{display: none;} ul#nav{display: none;} li.nav_element{display: none;} li.nav_element a{display: none;} li.nav_element a:hover{display: none;} #counter {display: none;}

BOX 1

<div style="position:absolute;left:730px;top:300px;"><div class="left_side"> <div class="right"> <h3>Top Articles:</h3> <div class="right_articles"> <p> <li><a href="#">Ecsro Latino</b></a></li><b><br />Todo sobre Ecsro y Mysro y mucho mas</p> </div> <div class="right_articles"> <p> <li><a href="#">Ecsro Latino</b></a></li><b><br />Todo sobre Ecsro y Mysro y mucho mas</p> </div> <h3>Related Readings:</h3> <div class="right_articles"> <p> <li><a href="#">Ecsro Latino</b></a></li><b><br />Todo sobre Ecsro y Mysro y mucho mas</p> </div> <div class="right_articles"> <p> <li><a href="#">Ecsro Latino</b></a></li><b><br />Todo sobre Ecsro y Mysro y mucho mas</p> </div> <div class="right_articles"> <p> <li><a href="#">Ecsro Latino</b></a></li><b><br />Todo sobre Ecsro y Mysro y mucho mas</p> </div> <div class="notice"> <p><b>Get More Templates!</b><br /> If you liked this template, you might also like some other <a href="http://www.solucija.com/home/css-templates/">Free CSS Templates</a>, or <a href="http://www.solucija.com/home/commercial-templates/">Commercial CSS Templates</a> from <a href="http://www.solucija.com/">Solucija</a>.</p> </div>

POR ENCIMA DE LA PAGINA

<title>t Services - 2nd Edition</title> </head> <body> <div class="content"> <div class="header"> <div class="top_info"> <div class="top_info_right"> <p><b>You are not Logged in!</b> <a href="#">Log in</a> to check your messages.<br /> Do you want to <a href="#">Log in</a> or <a href="#">register</a>?</p> </div> <div class="top_info_left"> <p><b></b> <br /> Check todays <a href="#">hot topics</a> or <a href="#">new products</a></p> </div> </div> <div class="logo"> <h1><a href="#" title="Centralized Internet Services">Internet<span class="orange">Services</span></a><sup>2nd edition</sup></h1> </div> </div> <div class="bar"> <ul> <li class="browse_category">Browse through categories:</li> <li><a href="#" accesskey="i">Internet</a></li> <li class="active">Home</li> <li><a href="#" accesskey="m">Music</a></li> <li><a href="#" accesskey="p">Pictures</a></li> <li><a href="#" accesskey="s">Services</a></li> <li><a href="#" accesskey="r">Products</a></li> </ul> </div> <div class="search_field"> <form method="post" action="?"> <div class="search_form"> <p>Search for Services: <input type="text" name="search" class="search" /> <input type="submit" value="Search" class="submit" /> <a class="grey" href="#">Advanced</a></p> </div> </form> <p>Please <a href="#">Sign in</a> or <a href="#">Register</a></p> </div>

P.EJ.COPYRIGHT

<style type="text/css"> </style>

CSS style Tag

/* project: internet services - 2nd edition author: luka cvrk (www.solucija.com) */ /* default styles -------------- */ *{ margin: 0; padding: 0; }* body { font: .7em Arial, "Trebuchet MS", Tahoma, sans-serif; line-height: 1.6em; background: #fff; color: #444; } a { color: #E0691A; background: inherit;} a:hover { color: #6C757A; background: inherit; } h1 { font: normal 2.4em "Trebuchet MS", Arial, Sans-Serif; padding: 7px 0 0 8px; margin: 0; } h1 a { color: #737373; background: inherit; } .orange { color: #E0692A; } sup { font-size: .5em; } h1 a, h2 a { text-decoration: none; } h1 a:hover, h2 a:hover { color: #FF6600; background: inherit; } h2 { font-size: 1.5em; margin-bottom: 5px; color: #000; background: inherit; } p { margin: 0 0 5px 0; } ul { list-style : none; } /* layout ------ */ .content { margin: 0 auto; width: 980px; padding: 10px; } .header { height: 70px; background: #fff url(http://pixelea.com/s/f03afb0898.gif) repeat-x bottom; color: #808080; margin: 3px 0; padding: 10px 0 0 0; } .top_info { float: right; width: 555px; padding: 5px 0 4px 0; color: #808080; } .top_info_left { width: 200px; float: left; } .top_info_right { float: right; width: 290px; padding: 0 0 0 35px; border-left: 1px solid #eee; } .browse_category { width: 390px; color: #FFF; background: inherit; } .bar { clear: both; font-size: 1.1em; height: 30px; color: #FFF; background: #FF9148 url(http://pixelea.com/s/580c0cc241.gif) repeat-x; } .bar li { padding: 6px 12px 6px 12px; color: #FFEADC; float: left; } .bar li.active { background: #E0691A url(http://pixelea.com/s/4319fd418b.gif) repeat-x; color: #fff; font-weight: bold; } .bar li a { font-weight: bold; color: #FFF; background: inherit; text-decoration: none; } /* search form */ .search_field { background: #fff url(http://pixelea.com/s/fbbe41ea14.gif) no-repeat right; color: #808080; clear: both; font-weight: bold; padding: 7px 12px 10px 10px; margin: 5px 0; } input.search { width: 292px; border: 0; background: #FFF url(http://pixelea.com/s/bf60758003.gif) no-repeat; padding: 4px; color: #E0691A; font-weight: bold; margin: 0 0 0 3px; } input.submit { background: #E0691A url(http://pixelea.com/s/e910dc1c2d.gif) no-repeat; border: 0; padding: 4px 0; width: 65px; margin: 0 10px 1px 0; color: #FFF; font: bold 1em Arial, Sans-Serif; } .grey { color: #808080; background: inherit; font-weight: normal; } .search_form { float: right; } /* left side --------- */ .left { float: left; width: 634px; margin: 0 0 10px 0; } .left h2 { clear: both; background: #E8E8E8 url(http://pixelea.com/s/53ecfe4740.gif) no-repeat center left; color: #444; padding: 3px 0 4px 43px; font: bold 1.4em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 10px 0; } .left_side { float: left; width: 160px; padding: 0 0 0 10px; margin: 10px 0 0 38px; } .left_side a, .right_side a { color: #414141; background: #FFF; } .right_side { float: right; width: 280px; background: #FFF url(http://pixelea.com/s/6c5e66e9b0.gif) repeat-y; color: #414141; padding: 0 0 0 70px; margin: 10px 0; } .left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; } /* right side ---------- */ .right { float: right; width: 340px; margin: 0 0 10px 0; } .right h3 { background: #BDBDBD url(http://pixelea.com/s/7ce51f76dc.gif) no-repeat center right; color: #FFF; padding: 8px 0 8px 5px; font: bold 1em Tahoma, Arial, Sans-Serif; margin: 0 0 3px 0; } .right_articles { background: #f5f5f5; color: #414141; padding: 8px; margin: 0 0 3px 0; } .notice { background: #eee; color: #808080; padding: 12px 8px; margin: 0 0 3px 0; } .image { float: left; margin: 0 9px 3px 0; } /* footer ------ */ .footer { clear: both; text-align: center; padding: 10px 0; border-top: 1px solid #ccc; line-height: 2em; } .footer a { color: #808080; background: #fff; }

Por encima de la pagina

<style type="text/css"> </style> <link href="http://dedydamy2.googlepages.com/Cloudy.css" rel="stylesheet" type="text/css" /> </head> <body>  <div id="wrapper"> <div id="logo"> <h1><a href="/">dedydamy Web</a></h1> <h2> »   El diseño web a tu alcanze</h2> </div> <div id="header"> <div id="menu"> <ul> <li class="current_page_item"><li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li class="last"><li><a href="#">LINK</a></li> </ul> </div> </div>   <div id="page"> 

Por debajo de la pagina

  <div id="sidebar"> <ul> <li id="search"> <h2>Buscador interno</h2> <form method="get" action=""> <fieldset> <input type="text" id="s" name="s" value="" /> <input type="submit" id="x" value="Buscar" /> </fieldset> </form> </li> <li> <h2>MENU</h2> <ul> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> </ul> </li> <li> <h2>MENU</h2> <ul> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>   <div id="footer"> <p id="legal">c 2008.Tu web All Rights Reserved.<a href="http://www.Url de tu web/"></a> <script>  </script>

CSS-Code
sin Style Tags:

#header_container{display: none;} #nav_container{display: none;} ul#nav{display: none;} li.nav_element{display: none;} li.nav_element a{display: none;} li.nav_element a:hover{display: none;} #counter {display: none;}

Importante escribió:

Su encabezado debe ser de medida 921x150 pixeles

Texto por Encima de la Página escribió:

<center> <div id="wrapper"> <div id="logo"> <img src="http://pixelea.com/s/6a43e9dc36.gif" border="0"> </div> <div class="pro_linedrop"> <ul class="select"> <li><a href="URL LINK'S"><b>Nombre link's</b></a></li> <li class="line"><a href="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> </ul>  </li> <li class="line"><a href="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> </ul>  </li> </ul> </div> <br/><br/> <div style="clear: both;"></div> <center> <div id="body_wrapper"> <div id="left_nav"> <div class="nav_box_header">box 01</div> <div class="nav_box"> <br /> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#1">Link 2</a></li> <li><a href="#1">Link 3</a></li> <li><a href="#1">Link 4</a></li> <li><a href="#1">Link 5</a></li> </ul> </div> <br /> <div class="nav_box_header">box 03</div> <div class="nav_box"> <br /> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#1">Link 2</a></li> <li><a href="#1">Link 3</a></li> <li><a href="#1">Link 4</a></li> <li><a href="#1">Link 5</a></li> </ul> </div> </div> <div id="content_1"> <div class="nav_box_header">box central</div> <div class="nav_box"> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </div> </div> <div id="right_nav"> <div class="nav_box_header">box 02</div> <div class="nav_box"> <br /> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#1">Link 2</a></li> <li><a href="#1">Link 3</a></li> <li><a href="#1">Link 4</a></li> <li><a href="#1">Link 5</a></li> </ul> </div> <br /> <div class="nav_box_header">box 04</div> <div class="nav_box"> <br /> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#1">Link 2</a></li> <li><a href="#1">Link 3</a></li> <li><a href="#1">Link 4</a></li> <li><a href="#1">Link 5</a></li> </ul> </div> </div> </div> </center> <div style="clear: both;"></div> <br /> <div id="footer"> <a href="http://www.dpruebas.es.tl"><img src="http://pixelea.com/s/beca7361f3.gif" height="15" width="15" border ="0"> Home</a> | <a href="javascript:history.go(0);"><img width="15" height="15" src="http://pixelea.com/s/e5451c68a9.gif" border="0"> Actualizar</a> | <a href="#"><img width="15" height="15" src="http://pixelea.com/s/6179cb7ac6.gif" border="0"> Subir</a> | <a href="javascript:history.back ();"><img width="15" height="15" src="http://pixelea.com/s/1b7870e201.gif" border="0"> Atras</a> | <a href="javascript:history.forward();">Siguiente <img width="15" height="15" src="http://pixelea.com/s/971291c98b.gif" border="0"> </a> | <a href="javascript:agregar()"><img width="15" height="15" src="http://pixelea.com/s/801ffff8bd.gif" border="0"> Agregar a Favoritos</a> </div></div> </center> <div style="text-align: center; font-size: 0.75em;"> © Diego Venegas | Design by <a target="_blank" href="http://www.diegovenegas.tk">DIEGOVENEGAS.TK</a> | Plantilla CSS-Desing <a href="http://www.paginawebgratis.es" target="_blank">PWG</a><br/> <A target="_blank" HREF="http://www.copyscape.com/"><IMG SRC="http://banners.copyscape.com/images/cs-bk-3d-234x16.gif" ALT="Page copy protected against web site content infringement by Copyscape" TITLE="Do not copy content from the page. Plagiarism will be detected by Copyscape." WIDTH="234" HEIGHT="16" BORDER="0"></A></div>

CSS-Code sin Style Tag escribió:

body {background: #FFFFFF url(http://images.ea.com/eagames/official/007_everything/007insider/4.jpg); font-family: Tahoma, Verdana; font-size: 10pt; color:#FFFFFF;} #logo {width: 98%; background: #FFFFFF; border:2px solid #000000;} #body_wrapper {width: 98%;} #left_nav {padding-top: 8px; width: 18%; float: left; margin: 0 auto;} #right_nav {padding-top: 8px; width: 20%; float: left; margin: 0 auto;} #content_1 {padding-top: 8px; width: 60%; float: left; margin: 0 auto;} #footer {font-size: 8pt; width: 98%; height:22px; color: #ffffff; padding-top: 4px; background:#FFFFFF url(http://pixelea.com/s/681e52ae9a.bmp);} #footer a:link, #footer a:visited, #footer a:active {color: #ffffff;} #logo h1 {font-size: 20pt; margin-top: 12px; margin-bottom: 12px; color: #000000;} #content a:link, a:visited, a:active {color: #991100; text-decoration: none;} #content a:hover {color: #000099;} .nav_box a:link, a:visited, a:active {color: #991100; text-decoration: none;} .nav_box a:hover {color: #000099;} a:link, a:visited, a:active {color: #CC6600; text-decoration: none;} a:hover {color: #CCFF66;} img {border: 0px; } .nav_box_header {font-size: 12pt; height:20px; color: #FFFFFF; font-weight: bold; background:url(http://pixelea.com/s/681e52ae9a.bmp) ; width: 98%; border-left: 2px solid #000000; border-top: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 0px solid #000000; text-transform: uppercase;} .nav_box {background: url(http://pixelea.com/s/ca6eeb9424.bmp); width: 98%; border:2px solid #000000; text-align: left;} .content_box_header {background: #00CC00; width: 98%; border:2px solid #000000;} .content_box {background: white; width: 98%; border:2px solid #000000;} div.nav_box p {margin:0; } #content .nav_box {padding-top: 15px; padding-top: 15px; padding-bottom: 15px;} #content .nav_box {padding-left: 5px; padding-right: 5px; width: 96%;} ul {list-style-image: url(http://pixelea.com/s/7479ab0523.gif)} #counter {position: absolute; right: 3%; top:0px;} #content {position: absolute; left: 63%; top: 303px; margin-left: -43%; width: 54%; height: 610px; padding:10px; color:#000000; font-family: Helvetica, sans-serif; font-size:14px; font-weight:bold; background-color:#transparent; overflow:auto;} .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6,#pre_header ,#post_header,#pre_content,#nav_heading,div.header,h1#title,h2#title span {display: none;} .pro_linedrop {height:30px; width:98%; background:url(http://pixelea.com/s/77d72ca0b1.bmp); position:relative; font-family:arial, verdana, sans-serif; font-size:11px; border-left: 2px solid #000000; border-top: 0px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; } .pro_linedrop .select {margin:0; padding:0; list-style:none; white-space:nowrap;} .pro_linedrop li {float:left; background:url(http://pixelea.com/s/500736be0f.bmp);} .pro_linedrop .select a {display:block; height:30px; float:left; background: url(http://pixelea.com/s/77d72ca0b1.bmp); padding:0 0 0 10px; text-decoration:none; line-height:30px; white-space:nowrap; color:#ffffff;} .pro_linedrop .select a b {display:block; padding:0 20px 0 10px; background:url(http://pixelea.com/s/77d72ca0b1.bmp) right top;} .pro_linedrop .select li.line a b {background:url(http://pixelea.com/s/020ff7bba2.gif) right top;} .pro_linedrop .select a:hover, .pro_linedrop .select li:hover a {background: url(http://pixelea.com/s/500736be0f.bmp); padding:0 0 0 10px; cursor:pointer; color:#0099CC;} .pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b {display:block; padding:0 20px 0 10px; background:url(http://pixelea.com/s/500736be0f.bmp) right top; cursor:pointer;} .pro_linedrop .select li.line a:hover b, .pro_linedrop .select li.line:hover a b {background:url(http://pixelea.com/s/020ff7bba2.gif) right top; } .pro_linedrop .sub {display:none;} .pro_linedrop ul ul {display:none;} .pro_linedrop table {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;} .pro_linedrop .sub {margin:0; padding:0;list-style:none;} .pro_linedrop .sub li {background:transparent;} .pro_linedrop .select :hover .sub {height:25px; display:block; position:absolute; float:left; width:100%; top:30px; left:0; text-align:center; background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif); border:1px solid #aaa;} .pro_linedrop .select :hover .sub li a {display:block; height:25px; line-height:22px; float:left; background:transparent none; padding:0 11px; margin:0; white-space:nowrap; color:#991100;font-size:10px;} .pro_linedrop .select :hover .sub li.subline a {color:#c00;} .pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover {color:#000099; line-height:22px; position:relative; background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}

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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" /> <link rel="stylesheet" type="text/css" href="http://molotovmaldita.googlepages.com/Rounded-Blue.css" /> </head> <body> <div id="wrapper"> <div id="top"> </div> <div id="content"> <div id="header"> Rounded-Blue </div> <div id="menu"> <ul> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> <li><a href="#">LINK</a></li> </ul> </div> <div id="stuff">

Por debajo de la pagina

<Script Language='Javascript'>  </Script>

Y este en code sin style tags

#nav_container{display: none;} ul#nav{display: none;} li.nav_element{display: none;} li.nav_element a{display: none;} li.nav_element a:hover{display: none;}

Texto por encima de la página:

<center><div id="wrapper"> <div id="logo"> <img src="http://pixelea.com/s/6a43e9dc36.gif" border="0"> </div> <div class="pro_linedrop"> <ul class="select"> <li><a href="URL LINK'S"><b>Nombre link's</b></a></li> <li class="line"><a href="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> </ul>  </li> <li class="line"><a href="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S">Nombre link's</a></li> </ul>  </li> </ul> </div><br/><br/> <div style="clear: both;"></div> <center> <div id="body_wrapper"> <div id="left_nav"> <div class="nav_box_header">menu</div> <div class="nav_box"> <br /> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#1">Link 2</a></li> <li><a href="#1">Link 3</a></li> <li><a href="#1">Link 4</a></li> <li><a href="#1">Link 5</a></li> </ul> </div> <br /> <div class="nav_box_header">otro menu o box</div> <div class="nav_box"> <br /> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#1">Link 2</a></li> <li><a href="#1">Link 3</a></li> <li><a href="#1">Link 4</a></li> <li><a href="#1">Link 5</a></li> </ul> </div> </div> <div id="content_1"> <div class="nav_box_header">dpruebas.es.tl</div> <div class="nav_box"> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </div> </div> <div id="right_nav"> <div class="nav_box_header">menu derecha</div> <div class="nav_box"> <br /> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#1">Link 2</a></li> <li><a href="#1">Link 3</a></li> <li><a href="#1">Link 4</a></li> <li><a href="#1">Link 5</a></li> </ul> </div> <br /> <div class="nav_box_header">otro menu o box</div> <div class="nav_box"> <br /> <ul> <li><a href="#1">Link 1</a></li> <li><a href="#1">Link 2</a></li> <li><a href="#1">Link 3</a></li> <li><a href="#1">Link 4</a></li> <li><a href="#1">Link 5</a></li> </u> </div> </div> </div> </center> <div style="clear: both;"></div> <br /> <div id="footer"> <a href="http://www.diegovenegas.tk"><img src="http://pixelea.com/s/beca7361f3.gif" height="15" width="15" border ="0"> Home</a> | <a href="javascript:history.go(0);"><img width="15" height="15" src="http://pixelea.com/s/e5451c68a9.gif" border="0"> Actualizar</a> | <a href="#"><img width="15" height="15" src="http://pixelea.com/s/6179cb7ac6.gif" border="0"> Subir</a> | <a href="javascript:history.back ();"><img width="15" height="15" src="http://pixelea.com/s/1b7870e201.gif" border="0"> Atras</a> | <a href="javascript:history.forward();">Siguiente <img width="15" height="15" src="http://pixelea.com/s/971291c98b.gif" border="0"></a> | <a href="javascript:agregar()"><img width="15" height="15" src="http://pixelea.com/s/801ffff8bd.gif" border="0"> Agregar a Favoritos</a> </div></div> </center> <div style="text-align: center; font-size: 0.75em;">© Diego Venegas | Design by <a target="_blank" href="http://www.diegovenegas.tk">DIEGOVENEGAS.TK</a> | Plantilla CSS-Desing <a href="http://www.paginawebgratis.es" target="_blank">PWG</a><br/> <A target="_blank" HREF="http://www.copyscape.com/"><IMG SRC="http://banners.copyscape.com/images/cs-wh-234x16.gif" ALT="Page copy protected against web site content infringement by Copyscape" TITLE="Do not copy content from the page. Plagiarism will be detected by Copyscape." WIDTH="234" HEIGHT="16" BORDER="0"></A></div>

CSS-Code sin Style Tag

body {background: #FFFFFF; font-family: Tahoma, Verdana; font-size: 10pt; color:#000066;} #top_nav {width: 98%; position: relative;} #logo {width: 98%; background: #FFFFFF; border: 1px solid #000066;} #body_wrapper {width: 98%;} #left_nav {padding-top: 8px; width: 19%; float: left; margin: 0 auto;} #right_nav {padding-top: 8px; width: 20%; float: left; margin: 0 auto;} #content_1 {padding-top: 8px; width: 60%; float: left; margin: 0 auto;} #footer {font-size: 8pt; padding-top: 3px; padding-bottom: 3px; width: 98%; background: #FFFFFF;} #logo h1 {font-size: 20pt; margin-top: 12px; margin-bottom: 12px; color: #000000;} a:link, a:visited, a:active {color: #0099CC; text-decoration: none;} a:hover {color: #0033CC;} #top_nav a:link,#top_nav a:visited, #top_nav a:active {color:#0099CC; font-weight: bold; text-decoration: none;} #top_nav a:hover {color: #0033CC;} img { border: 0px; } .nav_box_header {font-size: 12pt; color: white; font-weight: bold; background: #000066; width: 98%; border: 1px solid #000066; -moz-border-radius: 35px 35px 0px 0px;} .nav_box {background: #FFFFFF; width: 98%; border: 1px solid #000066; text-align: left;} .content_box_header {background: #00CC00; width: 98%; border: 1px solid #000066;} .content_box {background: white; width: 98%; border: 1px solid #000066;} div.nav_box p { margin:0; } #content .nav_box {padding-top: 15px; padding-top: 15px; padding-bottom: 15px;} #content .nav_box {padding-left: 5px; padding-right: 5px; width: 96%;} .nav_box_header { text-transform: uppercase; } ul {list-style-image: url(http://pixelea.com/s/ace1e79772.gif);} #footer {color: #ffffff; background: #000066;} #footer a:link, #footer a:visited, #footer a:active {color: #ffffff;} #counter {position: absolute; right: 3%; top:0px;} #content {position: absolute; left: 63%; top: 303px; margin-left: -42%; width: 54%; height: 610px; padding:10px; color:#000066; font-family: Helvetica, sans-serif; font-size:12px; font-weight:bold; background-color:#transparent; background-image: none; border: 0px solid #000066; overflow:auto;} .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6, #pre_header,#post_header,#pre_content,#nav_heading,div.header, h1#title,h2#title span {display: none;} .pro_linedrop {height:35px; width:98%; background:url(http://pixelea.com/s/224035d6ed.gif); position:relative; font-family:arial, verdana, sans-serif; font-size:11px;} .pro_linedrop .select {margin:0; padding:0; list-style:none; white-space:nowrap;} .pro_linedrop li {float:left; background:url(http://pixelea.com/s/789a3db113.gif);} .pro_linedrop .select a {display:block; height:35px; float:left; background:url(http://pixelea.com/s/224035d6ed.gif); padding:0 0 0 15px; text-decoration:none; line-height:33px; white-space:nowrap; color:#ffffff;} .pro_linedrop .select a b {display:block; padding:0 30px 0 15px; background:url (http://pixelea.com/s/224035d6ed.gif) right top;} .pro_linedrop .select li.line a b {background:url(http://pixelea.com/s/09b84661e9.gif) right top;} .pro_linedrop .select a:hover, .pro_linedrop .select li:hover a {background: url(http://pixelea.com/s/789a3db113.gif); padding:0 0 0 15px; cursor:pointer; color:#0099CC;} .pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b {display:block; padding:0 30px 0 15px; background:url(http://pixelea.com/s/789a3db113.gif) right top; cursor:pointer;} .pro_linedrop .select li.line a:hover b, .pro_linedrop .select li.line:hover a b {background:url(http://pixelea.com/s/d083a92e1d.gif) right top; } .pro_linedrop .sub {display:none;} .pro_linedrop ul ul {display:none;} .pro_linedrop table {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;} .pro_linedrop .sub {margin:0; padding:0;list-style:none;} .pro_linedrop .sub li {background:transparent;} .pro_linedrop .select :hover .sub {height:25px; display:block; position:absolute; float:left; width:100%; top:35px; left:0; text-align:center; background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif); border:1px solid #aaa;} .pro_linedrop .select :hover .sub li a {display:block; height:25px; line-height:22px; float:left; background:transparent none; padding:0 16px; margin:0; white-space:nowrap; color:#000066;font-size:10px;} .pro_linedrop .select :hover .sub li.subline a {color:#c00;} .pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover {color:#0099CC; line-height:20px; position:relative; background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}

Texto por encima de la pagina:

<link rel="stylesheet" type="text/css" href="http://molotovmaldita.googlepages.com/BlueFresh.css" media="screen" /> </head> <body> <div id="wrap"> <div id="header"> <h1><a href="#">Website Title</a></h1> <h2>Subheader, website description H2</h2> </div> <div id="menu"> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Photos</a></li> <li><a href="#">Links</a></li> <li><a href="#">Forum</a></li> <li><a href="#">Free Stuff</a></li> <li><a href="#">Downloads</a></li> <li><a href="#">Products</a></li> <li><a href="#">SiteMap</a></li> </ul> </div> <div id="content"> <div class="right">

Debajo del contenido:

</div> <div class="left"> <h2>Categories :</h2> <ul> <li><a href="#">World Politics</a></li> <li><a href="#">Europe Sport</a></li> <li><a href="#">Networking</a></li> <li><a href="#">Nature - Africa</a></li> <li><a href="#">SuperCool</a></li> <li><a href="#">Last Category</a></li> </ul> <h2>Archives</h2> <ul> <li><a href="#">January 2007</a></li> <li><a href="#">February 2007</a></li> <li><a href="#">March 2007</a></li> <li><a href="#">April 2007</a></li> <li><a href="#">May 2007</a></li> <li><a href="#">June 2007</a></li> <li><a href="#">July 2007</a></li> <li><a href="#">August 2007</a></li> <li><a href="#">September 2007</a></li> <li><a href="#">October 2007</a></li> <li><a href="#">November 2007</a></li> <li><a href="#">December 2007</a></li> </ul> </div> <div style="clear: both;"> </div> </div> <div id="bottom"> </div> <div id="footer"> Designed by <a href="http://www.dedydamy.es.tl/">dedydamy</a>, Gracias a <a href="http://www.dubaiapartments.biz/villas/" title="Dubai Apartments offers quality furnished hotel apartments, villas, and furnished properties on short term rental basis" target="_blank">Dubai Villas</a> </div> </div> </body> </html>

1ºbox derecho Nota: Es un menu secundario, no es necesario ponerlo

<div style="position:absolute;left:490px;top:50px;"> <div align="center"> <!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> <FCK:meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>CSS Mac Dock</title> <script type="text/javascript" src="http://extremeart.bplaced.net/filemanager/js/jquery.js"></script> <script type="text/javascript" src="http://extremeart.bplaced.net/filemanager/js/interface.js"></script>  <link href="http://extremeart.bplaced.net/filemanager/style.css" rel="stylesheet" type="text/css" /> </head> <body><center> <div width="921" height="150"> <div class="dock" id="dock2"> <div class="dock-container2"> <a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_self"><span>Nombre del Link</span><img src="http://pixelea.com/s/b013f50f33.png" _fcksavedurl="http://pixelea.com/s/b013f50f33.png" alt="Home" /></a> <a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src=" http://pixelea.com/s/260a796cdb.png" _fcksavedurl="http://pixelea.com/s/260a796cdb.png" alt="Home" /></a> <a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://pixelea.com/s/1c3425075a.png" _fcksavedurl="http://pixelea.com/s/1c3425075a.png" alt="Home" /></a> <a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://pixelea.com/s/a3e33fcd9a.png" _fcksavedurl="http://pixelea.com/s/a3e33fcd9a.png" alt="Home" /></a> <a class="dock-item2" href=Link o Url donde llebara _fcksavedurl=Link o Url donde llebara target="_blank"><span>Nombre del Link</span><img src="http://pixelea.com/s/2add140a00.png" _fcksavedurl="http://pixelea.com/s/2add140a00.png" alt="Home" /></a> </div> </div> </div>  <script type="text/javascript"> $(document).ready( function() { $('#dock2').Fisheye( { maxWidth: 50, items: 'a', itemsText: 'span', container: '.dock-container2', itemWidth: 50, proximity: 50, alignment : 'left', valign: 'bottom', halign : 'center' } ) } ); </script> </center> </body> </html> <br></FONT> <table height="27"> <tr> <td height="27" valign="middle"> <script type="text/javascript"> _uacct = "UA-2594508-8"; urchinTracker(); </script></body>

Arriba de la pagina

<style type="text/css" media="screen">  </style> <script type="text/javascript">  </script> <div class="menu"> <li><a href="Url"><p align="up">LINK</p></a></li> <li><a href="Url"><p align="center">LINK</p></a></li> <li><a href="Url"><p align="center">LINK</p></a></li> <li><a href="Url"><p align="center">LINK</p></a></li> <li><a href="Url"><p align="center">LINK</p></a></li> <li><a href="Url"><p align="center">LINK</p></a></li> <li><a href="Url"><p align="center">LINK</p></a></li> </div> <div id="Designmystic"> <div id="text">asdasd<h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

codes sin styles ni 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: 800px; height:700px; background-image:url(http://pixelea.com/s/383b102a90.png);} #content { position: absolute; left: 56%; top: 300px; margin-left:-226px; width: 525px; height: 340px; padding:10px; color: #707070; font-size:12px; 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:#707070; 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: #707070; font-size: 13px; text-decoration: none;} a:visited { color: #cccccc; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 58px; left: 52%; margin-left: -160px; width: 100px; } .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: #FFF; font-size: 60px; }

Por encima de la pagina

Por debajo de la pagina

Texto por encima de la pagina:

Texto por debajo de la pagina:

Css style :

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;}
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
body {
background-image:url(url de tu fondo);background-color:#fff;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: #555;
text-align: center;
}
/* links */
a, a:visited {
text-decoration: none;
color: #2180BC;
background: inherit;
}
a:hover {
color: #88ac0b;
background: inherit;
text-decoration: underline;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
}
/********************************************
Design
********************************************/
#wrap {
width: 862px;
background:  url(http://pixelea.com/s/a744d20463.png) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 760px;
padding: 0;
margin: 10px auto;
}
#header {
width: 863px;
position: relative;
height: 142px;
background: #fff url(http://pixelea.com/s/02477ba750.png) no-repeat center top;
padding: 0;
}
#header h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
text-decoration: none;
background: transparent;
/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 47px;
}
#header p#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal 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: 70px; left: 55px;
}
/* header links */
#header #header-links {
position: absolute;
top: 20px; right: 30px;
color: #ffffff;
font-size: 10px;
}
#header #header-links a {
color: #FFF;
text-decoration: none;
}
#header #header-links a:hover {
color: #cccccc;
}
/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://pixelea.com/s/0b750f5270.png) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 32px;
width: 838px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #cccccc;
}
#menu ul li#current a {
color: #ccc;
}
.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 20px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background:  none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background:  none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background:  none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* Footer */
#footer {
color: #C6DDEE;
background: #fff url(http://pixelea.com/s/26742d2d91.png) no-repeat center top;
clear: both;
width: 863px;
height: 43px;
text-align: center;
font-size: 92%;
}
#footer a {
color: #FFF;
text-decoration: none;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }

colocar esto en texto por encima de la web

<center> <br /> <div id="wrapper"> <p> <div id="logo"> <br /> <img src="http://pixelea.com/s/6a43e9dc36.gif" border="0"> <br /> </div> <p> <div class="pro_linedrop"> <br /> <ul class="select"> <p> <li><a href="URL LINK'S"><b>Nombre link's</b></a></li> <p> <li class="line"><a href="URL LINK'S"><b>Nombre link's</b></a> <br />  <br /> <ul class="sub"> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> </ul> <br />  <br /> </li> <p> <li class="line"><a href="URL LINK'S"><b>Nombre link's</b></a> <br />  <br /> <ul class="sub"> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> <li><a href="URL LINK'S">Nombre link's</a></li> <br /> </ul> <br />  <br /> </li> <p> </ul> <br /> </div> <p> <br/><br/> <p> <div style="clear: both;"></div> <br /> <center> <br /> <div id="body_wrapper"> <br /> <div id="left_nav"> <p> <div class="nav_box_header">box 01</div> <br /> <div class="nav_box"> <br /> <br /> <br /> <ul> <br /> <li><a href="#1">Link 1</a></li> <br /> <li><a href="#1">Link 2</a></li> <br /> <li><a href="#1">Link 3</a></li> <br /> <li><a href="#1">Link 4</a></li> <br /> <li><a href="#1">Link 5</a></li> <br /> </ul> <br /> </div> <p> <br /> <p> <div class="nav_box_header">box 03</div> <br /> <div class="nav_box"> <br /> <br /> <br /> <ul> <br /> <li><a href="#1">Link 1</a></li> <br /> <li><a href="#1">Link 2</a></li> <br /> <li><a href="#1">Link 3</a></li> <br /> <li><a href="#1">Link 4</a></li> <br /> <li><a href="#1">Link 5</a></li> <br /> </ul> <br /> </div> <p> </div> <p> <div id="content_1"> <br /> <div class="nav_box_header">box central</div> <br /> <div class="nav_box"> <br /> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br /> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br /> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br /> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <br /> </div> <br /> </div> <p> <div id="right_nav"> <br /> <div class="nav_box_header">box 02</div> <br /> <div class="nav_box"> <br /> <br /> <br /> <ul> <br /> <li><a href="#1">Link 1</a></li> <br /> <li><a href="#1">Link 2</a></li> <br /> <li><a href="#1">Link 3</a></li> <br /> <li><a href="#1">Link 4</a></li> <br /> <li><a href="#1">Link 5</a></li> <br /> </ul> <br /> </div> <p> <br /> <p> <div class="nav_box_header">box 04</div> <br /> <div class="nav_box"> <br /> <br /> <br /> <ul> <br /> <li><a href="#1">Link 1</a></li> <br /> <li><a href="#1">Link 2</a></li> <br /> <li><a href="#1">Link 3</a></li> <br /> <li><a href="#1">Link 4</a></li> <br /> <li><a href="#1">Link 5</a></li> <br /> </ul> <br /> </div> <br /> </div> <p> </div> <br /> </center> <p> <div style="clear: both;"></div> <br /> <br /> <p> <div id="footer"> <br /> <a href="http://www.dpruebas.es.tl"><img src="http://pixelea.com/s/beca7361f3.gif" height="15" width="15" border ="0"> Home</a> <br /> | <br /> <a href="javascript:history.go(0);"><img width="15" height="15" src="http://pixelea.com/s/e5451c68a9.gif" border="0"> Actualizar</a> <br /> | <br /> <a href="#"><img width="15" height="15" src="http://pixelea.com/s/6179cb7ac6.gif" border="0"> Subir</a> <br /> | <br /> <a href="javascript:history.back ();"><img width="15" height="15" src="http://pixelea.com/s/1b7870e201.gif" border="0"> Atras</a> <br /> | <br /> <a href="javascript:history.forward();">Siguiente <img width="15" height="15" src="http://pixelea.com/s/971291c98b.gif" border="0"> <br /> </a> <br /> | <br /> <a href="javascript:agregar()"><img width="15" height="15" src="http://pixelea.com/s/801ffff8bd.gif" border="0"> <br /> Agregar a Favoritos</a> <br /> </div></div> <br /> </center> <p> <div style="text-align: center; font-size: 0.75em;"> <br /> © Diego Venegas | Design by <a target="_blank" href="http://www.diegovenegas.tk">DIEGOVENEGAS.TK</a> | Plantilla CSS-Desing <a href="http://www.paginawebgratis.es" target="_blank">PWG</a><br/> <br /> <A target="_blank" HREF="http://www.copyscape.com/"><IMG SRC="http://banners.copyscape.com/images/cs-bk-3d-234x16.gif" ALT="Page copy protected against web site content infringement by Copyscape" TITLE="Do not copy content from the page. Plagiarism will be detected by Copyscape." WIDTH="234" HEIGHT="16" BORDER="0"></A></div> <br />

colocar esto en css-code sin style

body <br /> {background: #FFFFFF url(http://images.ea.com/eagames/official/007_everything/007insider/4.jpg); <br /> font-family: Tahoma, Verdana; <br /> font-size: 10pt; <br /> color:#FFFFFF;} <p> #logo <br /> {width: 98%; <br /> background: #FFFFFF; <br /> border:2px solid #000000;} <p> #body_wrapper <br /> {width: 98%;} <p> #left_nav <br /> {padding-top: 8px; <br /> width: 18%; <br /> float: left; <br /> margin: 0 auto;} <p> #right_nav <br /> {padding-top: 8px; <br /> width: 20%; <br /> float: left; <br /> margin: 0 auto;} <p> #content_1 <br /> {padding-top: 8px; <br /> width: 60%; <br /> float: left; <br /> margin: 0 auto;} <p> #footer <br /> {font-size: 8pt; <br /> width: 98%; <br /> height:22px; <br /> color: #ffffff; <br /> padding-top: 4px; <br /> background:#FFFFFF url(http://pixelea.com/s/681e52ae9a.bmp);} <p> #footer a:link, #footer a:visited, #footer a:active <br /> {color: #ffffff;} <p> #logo h1 <br /> {font-size: 20pt; <br /> margin-top: 12px; <br /> margin-bottom: 12px; <br /> color: #000000;} <p> #content a:link, a:visited, a:active <br /> {color: #991100; <br /> text-decoration: none;} <p> #content a:hover <br /> {color: #000099;} <p> .nav_box a:link, a:visited, a:active <br /> {color: #991100; <br /> text-decoration: none;} <p> .nav_box a:hover <br /> {color: #000099;} <p> a:link, a:visited, a:active <br /> {color: #CC6600; <br /> text-decoration: none;} <p> a:hover <br /> {color: #CCFF66;} <p> img <br /> {border: 0px; } <p> .nav_box_header <br /> {font-size: 12pt; <br /> height:20px; <br /> color: #FFFFFF; <br /> font-weight: bold; <br /> background:url(http://pixelea.com/s/681e52ae9a.bmp) ; <br /> width: 98%; <br /> border-left: 2px solid #000000; <br /> border-top: 2px solid #000000; <br /> border-right: 2px solid #000000; <br /> border-bottom: 0px solid #000000; <br /> text-transform: uppercase;} <p> .nav_box <br /> {background: url(http://pixelea.com/s/ca6eeb9424.bmp); <br /> width: 98%; <br /> border:2px solid #000000; <br /> text-align: left;} <p> .content_box_header <br /> {background: #00CC00; <br /> width: 98%; <br /> border:2px solid #000000;} <p> .content_box <br /> {background: white; <br /> width: 98%; <br /> border:2px solid #000000;} <p> div.nav_box p <br /> {margin:0; } <p> #content .nav_box <br /> {padding-top: 15px; <br /> padding-top: 15px; <br /> padding-bottom: 15px;} <p> #content .nav_box <br /> {padding-left: 5px; <br /> padding-right: 5px; <br /> width: 96%;} <p> ul {list-style-image: url(http://pixelea.com/s/7479ab0523.gif)} <p> #counter <br /> {position: absolute; <br /> right: 3%; top:0px;} <p> #content <br /> {position: absolute; <br /> left: 63%; <br /> top: 303px; <br /> margin-left: -43%; <br /> width: 54%; <br /> height: 610px; <br /> padding:10px; <br /> color:#000000; <br /> font-family: Helvetica, sans-serif; <br /> font-size:14px; <br /> font-weight:bold; <br /> background-color:#transparent; <br /> overflow:auto;} <p> .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6,#pre_header <p> ,#post_header,#pre_content,#nav_heading,div.header,h1#title,h2#title span <br /> {display: none;} <p> .pro_linedrop <br /> {height:30px; <br /> width:98%; <br /> background:url(http://pixelea.com/s/77d72ca0b1.bmp); <br /> position:relative; <br /> font-family:arial, verdana, sans-serif; <br /> font-size:11px; <br /> border-left: 2px solid #000000; <br /> border-top: 0px solid #000000; <br /> border-right: 2px solid #000000; <br /> border-bottom: 2px solid #000000; } <p> .pro_linedrop .select <br /> {margin:0; <br /> padding:0; <br /> list-style:none; <br /> white-space:nowrap;} <p> .pro_linedrop li <br /> {float:left; <br /> background:url(http://pixelea.com/s/500736be0f.bmp);} <p> .pro_linedrop .select a <br /> {display:block; height:30px; <br /> float:left; <br /> background: url(http://pixelea.com/s/77d72ca0b1.bmp); <br /> padding:0 0 0 10px; <br /> text-decoration:none; <br /> line-height:30px; <br /> white-space:nowrap; <br /> color:#ffffff;} <p> .pro_linedrop .select a b <br /> {display:block; <br /> padding:0 20px 0 10px; <br /> background:url(http://pixelea.com/s/77d72ca0b1.bmp) right top;} <p> .pro_linedrop .select li.line a b <br /> {background:url(http://pixelea.com/s/020ff7bba2.gif) right top;} <p> .pro_linedrop .select a:hover, <br /> .pro_linedrop .select li:hover a <br /> {background: url(http://pixelea.com/s/500736be0f.bmp); <br /> padding:0 0 0 10px; <br /> cursor:pointer; color:#0099CC;} <p> .pro_linedrop .select a:hover b, <br /> .pro_linedrop .select li:hover a b <br /> {display:block; <br /> padding:0 20px 0 10px; <br /> background:url(http://pixelea.com/s/500736be0f.bmp) right top; <br /> cursor:pointer;} <p> .pro_linedrop .select li.line a:hover b, <br /> .pro_linedrop .select li.line:hover a b <br /> {background:url(http://pixelea.com/s/020ff7bba2.gif) right top; } <p> .pro_linedrop .sub <br /> {display:none;} <p> .pro_linedrop ul ul <br /> {display:none;} <p> .pro_linedrop table <br /> {border-collapse:collapse; <br /> margin:-1px; font-size:1em; width:0; height:0;} <p> .pro_linedrop .sub <br /> {margin:0; padding:0;list-style:none;} <p> .pro_linedrop .sub li <br /> {background:transparent;} <p> .pro_linedrop .select :hover .sub <br /> {height:25px; display:block; <br /> position:absolute; float:left; <br /> width:100%; top:30px; left:0; <br /> text-align:center; <br /> background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif); <br /> border:1px solid #aaa;} <p> .pro_linedrop .select :hover .sub li a <br /> {display:block; height:25px; line-height:22px; float:left; <br /> background:transparent none; padding:0 11px; <br /> margin:0; white-space:nowrap; color:#991100;font-size:10px;} <p> .pro_linedrop .select :hover .sub li.subline a <br /> {color:#c00;} <p> .pro_linedrop .select :hover .sub li a:hover, <br /> .pro_linedrop .select :hover .sub li:hover <br /> {color:#000099; line-height:22px; position:relative; <br /> background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;} <br />