Diseños Css Profesionales

Diseños CSS Profesionales.

Haz click en las imagenes para verlas en tamaño completo.

Zneydr.

Autor: Zeneydr.

Texto por encima de la Pagina:

table{margin-left:auto;margin-right:auto;margin-top:-25px;}

body {
width: 898px;
position:relative;
margin-left:auto;
margin-right:auto;
margin-bottom: 40px;
background-image: url(http://photos3.hi5.com/0052/158/946/npvuXP158946-03.jpg);
background-position: top left;
background-repeat:repeat;
background-attachment: scroll;
font-family:"Comic Sans MS", cursive;
color: cornsilk;
align:center;
scrollbar-3dlight-color:mediumspringgreen;
scrollbar-arrow-color:red;
scrollbar-face-color:darkbrown;
scrollbar-track-color:olivedrab;
scrollbar-darkshadow-color:darkgreen;
scrollbar-shadow-color:olivedrab;
}

a:link {color: lightgreen;}
a:visited {color: lightblue;}
a:hover {color: hotpink;}
a:active {color: lightblue;}
a:hover img {
filter:alpha(opacity=75);
-moz-opacity:.75;
opacity:.75;}

#content_container {
width: 588px;
height: 400px;
position: absolute;
left: 261px;
top: 359px;
font-size:13px;
padding:8px;
overflow:auto;}

#container {
width: 898px;
height:898px;
background-image:url(http://zrzneyder.ucoz.net/znemusic.png);}

*{ padding: 0; margin: 0; }

ul, li
{
list-style-type: none;
}

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

div.menu
{
position: absolute;
z-index: 3;
top: 402px;
left: 32px;
width: 200px;
font-size:16px;
}

.menu li {
width: 199px;
background-image: url(http://zrzneyder.ucoz.net/Diviiisor.png);
text-align: left;
color: #ffffff;
font-size:15px;
}

.menu a {
background-image: url(http://zrzneyder.ucoz.net/boton1.png);
text-decoration: none;
text-align: center;
font-weight: bold;
display: block;
height:23px;
color: #ffc350;
}

.menu a:hover {
background-image: url(http://zrzneyder.ucoz.net/boton2.png);}

#buscador {
position:absolute;
left: 100px;
top: 790px;}

#librovisitas {
position:absolute;
left:610px;
top:820px;}

#cboxdiv {
margin-top:-187px;
margin-left:-447px;}         //-->       </style>

Texto por debajo de la Pagina:

Css Code sin Style Tags:

Gameportal.

Autor: Chotemplates.
Adaptado por: Help-4-Pwg.

Texto por encima de la Pagina:

Texto por debajo de la Pagina:

</div>             <div class="cl"> </div>         </div>       </div>     </div>               <div id="sidebar">              <div id="search" class="block">         <div class="block-bot">           <div class="block-cnt">             <form action="http://www.free-css.com/" method="post">               <div class="cl"> </div>               <div class="fieldplace">                 <input type="text" class="field" value="Search" title="Search" />               </div>               <input type="submit" class="button" value="GO" />               <div class="cl"> </div>             </form>           </div>         </div>       </div>                     <div id="sign" class="block">         <div class="block-bot">           <div class="block-cnt">             <div class="cl"> </div>             <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="button button-left">sign in</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="button button-right">create account</a>             <div class="cl"> </div>             <p class="center"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Help?</a>  <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Forgot Password?</a></p>           </div>         </div>       </div>              <div class="block">         <div class="block-bot">           <div class="head">             <div class="head-cnt">               <h3>Top Games</h3>             </div>           </div>           <div class="image-articles articles">             <div class="cl"> </div>             <div class="article">               <div class="cl"> </div>               <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img1.gif" _fcksavedurl="css/images/img1.gif" alt="" /></a> </div>               <div class="cnt">                 <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">TMNT</a></h4>                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>               </div>               <div class="cl"> </div>             </div>             <div class="article">               <div class="cl"> </div>               <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img2.gif" _fcksavedurl="css/images/img2.gif" alt="" /></a> </div>               <div class="cnt">                 <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">F.E.A.R.2</a></h4>                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>               </div>               <div class="cl"> </div>             </div>             <div class="article">               <div class="cl"> </div>               <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img3.gif" _fcksavedurl="css/images/img3.gif" alt="" /></a> </div>               <div class="cnt">                 <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Steel Fury</a></h4>                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>               </div>               <div class="cl"> </div>             </div>             <div class="cl"> </div>             <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="view-all">view all</a>             <div class="cl"> </div>           </div>         </div>       </div>       <div class="block">         <div class="block-bot">           <div class="head">             <div class="head-cnt">               <h3>Top Videos</h3>             </div>           </div>           <div class="image-articles articles">             <div class="cl"> </div>             <div class="article">               <div class="cl"> </div>               <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img1.gif" _fcksavedurl="css/images/img1.gif" alt="" /></a> </div>               <div class="cnt">                 <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">FALLOUT3</a></h4>                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>               </div>               <div class="cl"> </div>             </div>             <div class="article">               <div class="cl"> </div>               <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img2.gif" _fcksavedurl="css/images/img2.gif" alt="" /></a> </div>               <div class="cnt">                 <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Crysis</a></h4>                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>               </div>               <div class="cl"> </div>             </div>             <div class="article">               <div class="cl"> </div>               <div class="image"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="css/images/img3.gif" _fcksavedurl="css/images/img3.gif" alt="" /></a> </div>               <div class="cnt">                 <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">F.E.A.R.2</a></h4>                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie </p>               </div>               <div class="cl"> </div>             </div>             <div class="cl"> </div>             <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="view-all">view all</a>             <div class="cl"> </div>           </div>         </div>       </div>       <div class="block">         <div class="block-bot">           <div class="head">             <div class="head-cnt">               <h3>Latest Articles</h3>             </div>           </div>           <div class="text-articles articles">             <div class="article">               <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Dolor amet sodales leo</a></h4>               <small class="date">21.07.09</small>               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie urna, id scele- risque leo sodales sit amet</p>             </div>             <div class="article">               <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Amet sed lorem sit</a></h4>               <small class="date">20.07.09</small>               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>             </div>             <div class="article">               <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Adipsicing elit elementum</a></h4>               <small class="date">19.07.09</small>               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie.</p>             </div>             <div class="article">               <h4><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Consectetur elit sed molestie</a></h4>               <small class="date">15.07.09</small>               <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum molestie.</p>             </div>             <div class="cl"> </div>             <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="view-all">view all</a>             <div class="cl"> </div>           </div>         </div>       </div>     </div>          <div class="cl"> </div>          <div id="footer">       <div class="navs">         <div class="navs-bot">           <div class="cl"> </div>           <ul>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">community</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">forum</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">video</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">cheats</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">features</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">downloads</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sports</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">tech</a></li>           </ul>           <ul>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">pc</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">xbox</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">360</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">wii</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ps3</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ps2</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">psp</a></li>             <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">ds</a></li>           </ul>           <div class="cl"> </div>         </div>       </div>       <p class="copy">© Sitename.com. Design by <a href="http://chocotemplates.com" _fcksavedurl="http://chocotemplates.com">ChocoTemplates.com</a>  | Adaptado por <a href="http://www.help-4-pwg.es.tl/" _fcksavedurl="http://www.help-4-pwg.es.tl/">help-4-pwg</a></p>     </div>        </div> </div>  </div>

Css Code sin Style Tags:

/*----- Start "Main definitions" -----*/ * { padding: 0; margin: 0; outline: 0; }  body {     font-size: 12px;     line-height: 1.2;     font-family: Arial, "Trebuchet MS", sans-serif;     color: #a0a0a0;     background: url(http://img47.xooimage.com/files/a/8/9/bg-14b6789.gif) repeat 0 0;     text-align: left; }  a img { border: 0; } a { color: #a0a0a0; text-decoration: underline; } a:hover { text-decoration: none; }  .left { float: left; display: inline; } .right { float: right; display: inline; }  .cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; } .field { font-size: 12px; color: #484848; font-family: Arial, "Trebuchet MS", sans-serif; color: #000; border: solid 1px #a0a0a0; width: 140px; padding: 2px 5px; } /*----- End "Main definitions" -----*/ /*----- Adaptado por Help-4-Pwg -----*/  .shell { width: 914px; margin: 0 auto; }  #page { padding-bottom: 30px; }  #header { width: 100%; position: relative; margin-bottom: 5px; }  #logo { text-transform: uppercase; line-height: 1; padding-bottom: 15px; } #logo h1 { font-family: "Trebuchet MS", Arial, sans-serif; font-weight: bold; font-size: 30px; color: #fff; } #logo h1 a { color: #fff; text-decoration: none; } #logo h1 a span { color: #7ab7e2; } #logo .description { font-size: 10px; color: #cfd2d9; } /*----- Adaptado por Help-4-Pwg -----*/  #top-nav { float: right; display: inline; margin-bottom: 2px; } #top-nav ul { float: left; display: inline; font-size: 10px; line-height: 31px; color: #fff; text-transform: uppercase; background: url(http://img42.xooimage.com/files/3/8/1/top-nav-bg-15a33f0.jpg) repeat-x 0 0; } #top-nav ul li { float: left; display: inline; list-style-type: none; } #top-nav ul li a { float: left; display: inline; color: #fff; text-decoration: none; padding: 0 10px 0 8px; background: url(http://img46.xooimage.com/files/f/9/2/top-nav-sep-15a34cb.gif) no-repeat right 0; } #top-nav ul li a:hover { text-decoration: underline; } #top-nav ul li.last { padding-right: 4px; background: url(http://img46.xooimage.com/files/e/e/f/top-nav-last-15a34dc.giff) no-repeat right 0; } #top-nav ul li.last a { background: none; } #top-nav ul li.home { width: 88px; background: url(http://img44.xooimage.com/files/c/5/d/top-nav-home-15a4137.gif) no-repeat 0 0; } #top-nav ul li.home a { background: none; width: 67px; height: 31px; line-height: 29px; padding: 0; color: #141414; font-weight: bold; padding-left: 21px; }  #main-nav { float: right; display: inline; line-height: 32px; background: url(http://img42.xooimage.com/files/b/e/e/main-nav-bg-15a4126.gif) repeat-x 0 0; } #main-nav .bg-right { background: url(http://img42.xooimage.com/files/2/d/4/main-nav-bg-right-15a40e6.gif) no-repeat right 0; } #main-nav .bg-left { background: url(http://img42.xooimage.com/files/d/4/0/main-nav-bg-left-15a40d8.gif) no-repeat 0 0; padding-left: 32px; width: 676px; } #main-nav ul { height: 32px; font-size: 10px; color: #a8a8a8; text-transform: uppercase; }/*----- Adaptado por Help-4-Pwg -----*/  #main-nav ul li { float: left; display: inline; list-style-type: none; background: url(http://img26.xooimage.com/files/a/7/c/main-nav-sep-15a40cd.gif) no-repeat right 0; } #main-nav ul li a { float: left; display: inline; text-decoration: none; color: #a8a8a8; padding: 0 11px 0 9px; } #main-nav ul li a:hover { text-decoration: underline; }  #sort-nav { line-height: 46px; background: url(http://img46.xooimage.com/files/9/5/9/sort-nav-bg-15a40be.gif) repeat-x 0 0; } #sort-nav .bg-left { background: url(http://img26.xooimage.com/files/3/0/b/sort-nav-bg-left-15a40b0.gif) no-repeat 0 0; position: relative; height: 46px; } #sort-nav .bg-right { background: url(http://img40.xooimage.com/files/d/7/c/sort-nav-bg-right-15a408d.gif) no-repeat right 0; position: relative; height: 46px; } #sort-nav ul li { float: left; display: inline; list-style-type: none; height: 46px; } #sort-nav ul li a { float: left; display: inline; font-size: 13px; font-weight: bold; color: #282828; text-decoration: none; padding: 0 19px; } #sort-nav ul li span.sep { float: left; display: inline; width: 2px; height: 46px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(http://img24.xooimage.com/files/0/a/b/sort-nav-sep-15a4082.gif); } #sort-nav ul li a:hover { text-decoration: underline; } #sort-nav ul li.active a { color: #fff; text-decoration: none; } #sort-nav ul li.active a:hover { text-decoration: none; } #sort-nav ul li.first-active a { background: url(http://img48.xooimage.com/files/4/d/7/nav-active-first-15a4079.gif) no-repeat 0 0; } #sort-nav ul li.active span.sep { background-image: url(http://img46.xooimage.com/files/5/6/3/nav-active-sep-15a406a.gif); } #sort-nav ul li.active { background: url(http://img44.xooimage.com/files/9/c/8/nav-active-bg-15a4062.gif) repeat-x 0 0; } /*----- Adaptado por Help-4-Pwg -----*/  #main { background: #050505 url(http://img24.xooimage.com/files/8/6/9/main-bg-15a4054.gif) no-repeat 0 0; padding-top: 10px; } #main-bot { background: url(http://img48.xooimage.com/files/a/7/c/main-bot-bg-15a4048.gif) no-repeat 0 bottom; padding: 0 10px 2px 10px; height: 100%; position: relative; } #sidebar { float: left; display: inline; width: 226px; } #content { float: right; display: inline; width: 657px; }  .block { margin-bottom: 10px; background-repeat: no-repeat; background-position: 0 0; } .block .block-bot { height: 100%; position: relative; background-repeat: no-repeat; background-position: 0 bottom; } .block .block-cnt { padding: 10px 10px 10px 9px; }  .block .head { background: url(http://img41.xooimage.com/files/7/9/4/block-head-14b678b.gif) no-repeat 0 0; padding-left: 15px; } .block .head .head-cnt { background: url(http://img41.xooimage.com/files/7/9/4/block-head-14b678b.gif) no-repeat right 0; line-height: 38px; height: 38px; padding-right: 13px; } .block .head h3 { font-size: 15px; font-weight: bold; color: #262727; } .block .head .view-all { float: right; display: inline; width: 61px; height: 18px; line-height: 16px; background: url(http://img45.xooimage.com/files/b/b/c/block-head-view-all-14b6791.gif); margin-top: 12px; } .block .head .view-all { color: #656565; font-size: 10px; text-decoration: none; text-align: center; } .block .head .view-all:hover { text-decoration: underline; }  #content .block { background-image: url(http://img49.xooimage.com/files/c/a/7/content-block-top-14b67c1.gif); background-color: #313131; width: 657px; } #content .block .block-bot { background-image: url(http://img27.xooimage.com/files/5/3/9/content-block-bot-14b67b7.gif); } /*----- Adaptado por Help-4-Pwg -----*/  #sidebar .block { background-image: url(http://img44.xooimage.com/files/9/d/e/sidebar-block-top-15a3f8c.gif); background-color: #484848; width: 226px; } #sidebar .block .block-bot { background-image: url(http://img40.xooimage.com/files/7/4/7/sidebar-block-bot-15a3f82.gif); }   #search .block-cnt { padding: 5px 5px 5px 4px; } #search .fieldplace { float: left; display: inline; width: 170px; height: 22px; background: url(http://img24.xooimage.com/files/a/b/2/search-field-15a3f66.gif) no-repeat 0 0; padding-left: 18px; } #search .fieldplace .field { padding: 3px 6px 4px; width: 158px; border: none; background: none; } #search .button { float: left; display: inline; width: 29px; height: 22px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; border: 0; } #search .button { background: url(http://img46.xooimage.com/files/8/e/c/search-button-15a3f5b.gif) no-repeat 0 0; }  #sign .block-cnt { padding: 6px 5px 5px 5px; } #sign .button { display: block; font-size: 11px; font-weight: bold; text-align: center; color: #fff; text-decoration: none; text-transform: uppercase; line-height: 29px; } #sign .button { width: 105px; height: 29px; background: url(http://img26.xooimage.com/files/d/0/4/sign-button-15a3f49.gif) no-repeat 0 0; } #sign .button:hover { background-position: 0 bottom; } #sign .button-left { float: left; display: inline; } #sign .button-right { float: right; display: inline; } #sign .center { text-align: center; font-size: 11px; line-height: 16px; margin-top: 4px; } #sign .center a { color: #35cfd9; } /*----- Adaptado por Help-4-Pwg -----*/  #sidebar .articles .article { padding: 8px 7px; background: url(http://img24.xooimage.com/files/6/7/a/sidebar-article-sep-15a3f3f.gif) repeat-x 0 bottom; font-size: 11px; color: #a0a0a0; } #sidebar .articles h4 { color: #fff; font-weight: bold; font-size: 12px; } #sidebar .articles h4 a { color: #fff; text-decoration: none; } #sidebar .articles h4 a:hover { color: #ccc; } #sidebar .articles .view-all { font-size: 10px; letter-spacing: 0.5px; line-height: 24px; float: right; display: inline; margin-right: 6px; }  #sidebar .image-articles .image { float: left; display: inline; width: 55px; } #sidebar .image-articles .image img { padding: 1px; border: solid 1px #1e1e1e; width: 51px; height: 51px; } #sidebar .image-articles .cnt { float: right; display: inline; width: 150px; }  #sidebar .text-articles .article { padding: 8px 10px; font-size: 12px; } #sidebar .text-articles h4 { font-size: 13px; }  #content .articles h4 { font-size: 19px; font-weight: bold; color: #ccc; margin: 4px 0 2px; } #content .articles h4 a { text-decoration: none; color: #ccc; } #content .articles h4 a:hover { color: #fff; }  #content .col-articles .image img { padding: 1px; border: solid 1px #050505; width: 194px; height: 194px; } #content .col-articles .article { float: left; display: inline; margin: 17px 0 10px 15px; width: 198px; }  #content .row-articles .article { padding: 10px 15px 12px 15px; background: url(http://img25.xooimage.com/files/b/e/2/content-article-sep-14b67aa.gif) repeat-x 0 bottom; } #content .row-articles .last-article { background: none; } #content .row-articles .image { float: left; display: inline; width: 194px; } #content .row-articles .image img { width: 194px; } #content .row-articles .cnt { float: right; display: inline; width: 420px; } #content .row-articles h4 { margin-top: 0; line-height: 20px; } #content .row-articles h4 a { color: #e4e4e4; }  #slider { width: 638px; height: 357px; position: relative; } #slider .buttons { position: absolute; top: 250px; right: 15px; z-index: 101; } #slider .buttons span { float: left; display: inline; width: 28px; height: 27px; font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; margin-left: 2px; } #slider .buttons span.prev { background: url(http://img47.xooimage.com/files/8/7/a/button-prev-14b67a3.png) no-repeat 0 0; } #slider .buttons span.next { background: url(http://img43.xooimage.com/files/3/7/c/button-next-14b6799.png) no-repeat 0 0; } #slider .holder { width: 638px; height: 357px; position: relative; overflow: hidden; } #slider .content { height: 357px; width: 100000px; position: absolute; top: 0; left: 0; } #slider .fragment { float: left; display: inline; width: 638px; height: 357px; list-style-type: none; } #slider .fragment .image { position: relative; width: 638px; height: 287px; } #slider .frame { width: 638px; height: 287px; position: absolute; top: 0; left: 0; z-index: 100; background: url(http://img42.xooimage.com/files/f/3/8/slider-image-bg-15a3ed6.png) no-repeat 0 0; } #slider .frame { font-size: 0; line-height: 0; text-indent: -4000px; } #slider .fragment .cnt { margin-top: 5px; height: 49px; background: url(http://img29.xooimage.com/files/2/8/9/slider-cnt-bg-1622f44.gif) repeat-x; color: #fff; font-size: 11px; line-height: 1.4; padding: 8px 15px; } #slider .fragment .cnt .side-a { float: left; display: inline; width: 150px; } #slider .fragment .cnt .side-b { float: right; display: inline; width: 430px; } #slider .fragment .cnt h4 { font-size: 19px; font-weight: bold; color: #212121; text-transform: uppercase; margin-bottom: 5px; } #slider .fragment .cnt .rating li { float: left; display: inline; list-style-type: none; font-size: 9px; color: #050505; text-transform: uppercase; margin-right: 1px; } #slider .fragment .cnt .rating li .star { float: left; display: inline; width: 15px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; } #slider .fragment .cnt .rating li .empty-star { background: url(http://img49.xooimage.com/files/a/e/6/empty-star-14b67d4.gif); } #slider .fragment .cnt .rating li .full-star { background: url(http://img47.xooimage.com/files/a/f/b/full-star-15a3c90.gif); } #slider .fragment .cnt .rating li .votes { float: left; display: inline; margin-top: 3px; margin-left: 4px; }/*----- Adaptado por Help-4-Pwg -----*/    #footer .copy { font-size: 10px; color: #363636; text-transform: uppercase; text-align: right; padding: 20px 0; } #footer .copy a{ color: #363636; } #footer .navs { background: #222 url(http://img42.xooimage.com/files/5/5/9/footer-navs-top-162325c.gif) no-repeat 0 0; text-align: center; font-size: 10px; text-transform: uppercase; color: #656565; height: 100%; position: relative; } #footer .navs .navs-bot { background: url(http://img45.xooimage.com/files/4/8/f/footer-navs-bot-14b67dc.gif) no-repeat 0 bottom; height: 100%; position: relative; } #footer .navs ul { margin: 10px 0; } #footer .navs ul li { list-style-type: none; display: inline; padding: 0 6px; } #footer .navs ul li a { color: #656565; text-decoration: none; } #footer .navs ul li a:hover { text-decoration: underline; } 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;} <br /></body></html>

Lin Photo.

Autor: Templatemo.
Adaptado por: Seba37.

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> <FCK:meta http-equiv="Content-Type" content="text/html; charset=utf-8"  /> <title>Lin Photo, free website template, XHTML CSS layout</title> <FCK:meta name="keywords" content="Lin Photo, free website template, XHTML CSS layout"  /> <FCK:meta name="description" content="Lin Photo, free website template, free XHTML CSS layout provided by templatemo.com"  /> <link href="templatemo_style.css" rel="stylesheet" type="text/css" /> <script language="javascript" type="text/javascript">
function clearText(field){

if (field.defaultValue == field.value) field.value = '';
    else if (field.value == '') field.value = field.defaultValue;

}
</script> </head> <body> <div id="templatemo_container">    <div id="templatemo_banner">        <div id="logo"></div>                  <div id="search_section">             <form action="#" method="get">                 <input type="text" value="Enter keyword here..." name="q" size="10" id="searchfield" title="searchfield" onfocus_fckprotectedatt=" onfocus="clearText(this)"" onblur_fckprotectedatt=" onblur="clearText(this)"" />               <input type="submit" name="Search" value="Search" alt="Search" id="searchbutton" title="Search" />             </form>         </div>      </div>          <div id="templatemo_menu">         <ul>             <li><a href="Link 1" _fcksavedurl="Link 1" class="current"><span></span>Titulo 1</a></li>             <li><a href="Link 2" _fcksavedurl="Link 2"><span></span>Titulo 2</a></li>             <li><a href="Link 3" _fcksavedurl="Link 3"><span></span>Titulo 3</a></li>             <li><a href="Link 4" _fcksavedurl="Link 4"><span></span>Titulo 4</a></li>                        <li><a href="Link 5" _fcksavedurl="Link 5"><span></span>Titulo 5</a></li>             <li><a href="Link 6" _fcksavedurl="Link 6"><span></span>Titulo 6</a></li>         </ul>       </div>   <div id="templatemo_content_wrapper">        <div id="templatemo_content">  <div class="column_w210 fl">                    <div class="header_01">                Titulo Izquierdo             </div>                      <div class="latest_news">               <div class="header_03">[Titulo]</div>                <div class="header_02"><a href="Link 1" _fcksavedurl="Link 1">Titulo 1</a></div>                                 <p>Contenido-Contenido-Contenido-Contenido-Contenido-Contenido</p>          </div>                                     <div class="margin_bottom_10"></div>                         <div class="latest_news">                 <div class="header_03">[Titulo]</div>               <div class="header_02"><a href="Link 2" _fcksavedurl="Link 2">Titulo 2</a></div>                 <p>Contenido-Contenido-Contenido-Contenido-Contenido-Contenido</p>          </div>                                     <div class="margin_bottom_10"></div>                         <div class="latest_news">                 <div class="header_03">[Titulo]</div>               <div class="header_02"><a href="Link 3" _fcksavedurl="Link 3">Titulo 3</a></div>                 <p>Contenido-Contenido-Contenido-Contenido-Contenido-Contenido</p>          </div>                                     <div class="margin_bottom_10"></div>                                                        <div class="cleaner"></div>         </div>                  <div class="column_w430 fl vl_divider">

Texto por debajo de la Pagina:

<div class="cleaner"></div>                </div>             <div class="column_w210 fl vl_divider">                    <div class="header_01">                Titulo Derecho             </div>                        <ul class="category_list">                  <li><a href="Link" _fcksavedurl="Link">Titulo..........</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo.................</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo..............</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo..............</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo...............</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo.................</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo..................</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo.................</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo................</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo....................</a></li>                 <li><a href="Link" _fcksavedurl="Link">Titulo....................</a></li>           </ul>                                <div class="cleaner"></div>         </div>                  <div class="margin_bottom_20 h_divider"></div>                <div class="margin_bottom_20"></div>                 <div class="column_w920">               <div class="column_w190 fl margin_right_40">                <a href="ACA EL LINK" _fcksavedurl="ACA EL LINK"><img src="AQUI LA IMAGEN" _fcksavedurl="AQUI LA IMAGEN" alt="image" /></a>               <p>1°Contenido-Contenido-Contenido-Contenido-Contenido-Contenido-Contenido</p>                          </div>                   <div class="column_w190 fl margin_right_40">                <a href="ACA EL LINK" _fcksavedurl="ACA EL LINK"><img src="AQUI IMAGEN" _fcksavedurl="AQUI IMAGEN" alt="image" /></a>           <p>Contenido-Contenido-Contenido-Contenido-Contenido-Contenido-Contenido</p>                          </div>                   <div class="column_w190 fl margin_right_40">                <a href="ACA EL LINK" _fcksavedurl="ACA EL LINK"><img src="AQUI LA IMAGEN" _fcksavedurl="AQUI LA IMAGEN" alt="image" /></a>           <p>Contenido-Contenido-Contenido-Contenido-Contenido-Contenido-Contenido</p>                          </div>                   <div class="column_w190 fl">                <a href="ACA LINK" _fcksavedurl="ACA LINK"><img src="AQUI LA IMAGEN" _fcksavedurl="AQUI LA IMAGEN" alt="image" /></a>           <p>Contenido-Contenido-Contenido-Contenido-Contenido-Contenido-Contenido</p>                          </div>                     <div class="margin_bottom_15"></div>         </div>            <div class="cleaner"></div>    </div>             </div>          <div id="templatemo_footer">         <ul class="footer_list">             <li><a href="LINK" _fcksavedurl="LINK" class="current">Home</a></li>             <li><a href="LINK" _fcksavedurl="LINK">Gallery</a></li>             <li><a href="LINK" _fcksavedurl="LINK">Blog</a></li>             <li><a href="LINK" _fcksavedurl="LINK">Forum</a></li>             <li><a href="LINK" _fcksavedurl="LINK">About Us</a></li>             <li class="last"><a href="LINK" _fcksavedurl="LINK">Contact Us</a></li>         </ul>                 <div class="margin_bottom_10"></div>                 © 2010 <a href="#" _fcksavedurl="#">Your Company Name </a> | Designed <a href="http://www.templatemo.com" _fcksavedurl="http://www.templatemo.com" target="_parent">Free CSS Templates</a>| Adaptado <a href="http://www.seba37.es.tl" _fcksavedurl="http://www.seba37.es.tl" target="_parent">Seba37</a>                 <div class="margin_bottom_10"></div>                 <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" _fcksavedurl="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a>                 <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" _fcksavedurl="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>                       </div>  </div>   </body> </html>

Css Code sin Style Tags:

/* CSS Credit: http://www.templatemo.com Adaptacion: http://www.seba37.es.tl */  body {    margin: 0;    padding: 0;    line-height: 1.5em;    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;    color: #ffffff;    background: #250d0b url(http://img3.xooimage.com/files/8/2/4/templatemo_bg-13fa4a9.jpg) top repeat-x; }  a:link, a:visited { color: #fcdd31; text-decoration: underline; font-weight: normal; } a:active, a:hover { color: #fcdd31; text-decoration: none; }  p {    margin: 0px;    padding: 0px; }  img {    margin: 0 0 15px 0;    padding: 0px;    border: 3px solid #cccccc; }  .cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }  .margin_bottom_10 { clear: both; width: 100%; height: 10px; font-size: 1px;   } .margin_bottom_15 { clear: both; width: 100%; height: 15px; font-size: 1px;   } .margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;   } .margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;   } .margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;   } .margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;   } .margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;   }  .margin_right_40 { margin-right: 40px; } .margin_right_60 { margin-right: 60px; }  .h_divider { background: url(http://img25.xooimage.com/files/6/1/8/templatemo_horizo..._divider-13fa4f4.jpg) bottom repeat-x; } .vl_divider { background: url(http://img27.xooimage.com/files/4/1/9/templatemo_vertical_divider-13fa4cb.jpg) left repeat-y; } .vr_divider { background: url(http://img27.xooimage.com/files/4/1/9/templatemo_vertical_divider-13fa4cb.jpg) right repeat-y; }  .fl { float: left; } .fr { float: right }  .header_01 {    padding: 0 0 10px 0;    margin: 0 0 10px 0;    font-size: 16px;    color: #fbbc53;    font-weight: bold; }  .header_02 a {    padding: 0 0 5px 0;    font-size: 12px;    font-weight: bold;    color: #fbbc53; }  .header_03 {    padding: 0;    font-size: 11px;    color: #ffffff;    font-weight: bold; }  .rc_btn_01 a {    clear: both;    float: right;    display: block;    width: 100px;    height: 25px;    padding: 5px 0 0 0;    font-size: 12px;    text-align: center;    color: #ffffff;    font-weight: bold;    text-decoration: none;    border: none;    background: url(http://img5.xooimage.com/files/5/5/8/templatemo_button_01-13fa4a5.jpg) no-repeat; }  #templatemo_container {    width: 960px;    margin: 0 auto;    padding: 0 10px;    background: url(http://img5.xooimage.com/files/d/1/6/templatemo_container_bg-13fa4ac.png) repeat-y; }  #templatemo_banner {    width: 960px;    height: 149px;    margin: 0 auto;     background: url(http://img7.xooimage.com/files/d/b/6/templatemo_banner_bg-13fa3e6.jpg) no-repeat; }  #templatemo_banner #logo {    float: left;    margin: 30px 0 0 40px;    width: 303px;    height: 114px;    background: url(http://img48.xooimage.com/files/3/5/2/templatemo_logo-1810195.png)  no-repeat; }  #search_section {    float: right;    margin: 100px 20px 0 0; }  #search_section form {    float: right;    margin: 0px;    padding: 0px; }  #searchfield {    height: 16px;    width: 180px;    padding: 5px;    margin: 0px;    color: #ffffff;    font-size: 12px;    font-variant: normal;    line-height: normal;    background: #af1313;    border: 1px solid #000000;    }  #searchbutton {     height: 29px;    margin: 0px;    padding: 4px 6px 6px 6px;    cursor: pointer;    font-size: 12px;    text-align: center;    vertical-align: bottom;    white-space: pre;    color: #ffffff;    background: none;    border: 1px solid #000000; }  /* menu */  #templatemo_menu {    clear: both;     width: 960px;    height: 42px;    background: url(http://img25.xooimage.com/files/a/b/e/templatemo_menu_bg-13fa4e0.jpg) repeat-x; }  #templatemo_menu ul {    float: left;    margin: 0px;    padding: 0 0 0 20px;    list-style: none; }  #templatemo_menu ul li {    margin: 0px;    padding: 0px;    display: inline; }  #templatemo_menu ul li a {    position: relative;       float: left;    display: inline-block;    height: 30px;    width: 130px;    margin-right: 10px;    text-align: center;    padding: 12px 0 0 0;    font-size: 13px;    font-weight: bold;    te

Red Design.

Autor: Team-AyudaMaster.

Texto por encima de la Pagina:

Advertencia referente al campo de contenido:

<DIV class=abajo-grande></DIV>                                                     <DIV class=arriba-grande>                   <DIV class=menu-design><span lang="es-pe"> † otros † </span></DIV>                   </DIV>                  <DIV class=fondo-grande style="WIDTH: 452px; ">                                        <span style="color: rgb(192, 192, 192);">ESTO ES UNA PAGINA DE PRUEBAS.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.</span><br />                    <DIV class=abajo-grande></DIV>           </DIV></TD></TR></TBODY></TABLE>                 <TD vAlign=top width=154>                            <DIV class=menu-up>             <DIV class=menu-design> † Box † </DIV></DIV>             <DIV class=menu-back-box style="WIDTH: 150px;"><SPAN             style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat">  <font color="#aa0000"><br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /></a>                 </DIV>             <DIV class=menu-down></DIV>                                        <DIV class=menu-up>             <DIV class=menu-design> † Box 2 † </DIV></DIV>             <DIV class=menu-back-box style="WIDTH: 150px;"><SPAN             style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat">  <font color="#aa0000"><br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /></a>                </DIV>             <DIV class=menu-down></DIV>                                         <DIV class=menu-up>             <DIV class=menu-design> † Box 3 † </DIV></DIV>             <DIV class=menu-back-box style="WIDTH: 150px;"><SPAN             style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat">  <font color="#aa0000"><br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /></a>                </DIV>             <DIV class=menu-down></DIV>                                          <DIV class=menu-up>             <DIV class=menu-design> † Box 4 † </DIV></DIV>             <DIV class=menu-back-box style="WIDTH: 150px;"><SPAN             style="BACKGROUND-POSITION-Y: 50%; BACKGROUND-REPEAT: no-repeat">  <font color="#aa0000"><br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /> <br /> CONTENIDO.<br /></a>                 </DIV>             <DIV class=menu-down></DIV>                   </DIV></SPAN></TD></TR></TABLE></td>         </tr>          <tr>             <td> <DIV class=footer>             <DIV class=texto-footer>COPIRIGHT 2009 TU SITIO.ES | DESIGNED BY TEAM-AYUDAMASTER ®.   </DIV>             </DIV> </td>         </tr>     </tbody> </table>

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;}  .contenedor-principal {    BACKGROUND: color:#000000; } .img2 {    BACKGROUND: none transparent scroll repeat 0% 0% } .img4 {    BACKGROUND:  none repeat-x } .footer {    BACKGROUND-IMAGE: url(http://img22.xooimage.com/files/f/5/4/footer-10bc424.png); WIDTH: 780px; HEIGHT: 70px } .texto-footer {    FONT-SIZE: 12px; COLOR: #aa0000; PADDING-TOP: 14px; TEXT-ALIGN: center } .menu-up {    BACKGROUND-IMAGE: url(http://img42.xooimage.com/files/3/9/2/menu-arriba-10bbfe2.png); WIDTH: 154px; HEIGHT: 35px } .menu-back {    PADDING-LEFT: 4px; FONT-SIZE: 12px; BACKGROUND: url(http://img42.xooimage.com/files/e/6/c/menu-fondo-10bbfe6.png) repeat-y; WIDTH: 154px; FONT-FAMILY: Tahoma; HEIGHT: auto; TEXT-ALIGN: justify; TEXT-DECORATION: none } .menu-fondo-B A:link A:hover A:visited A:active {    PADDING-LEFT: 4px; FONT-SIZE: 15px; BACKGROUND: url(http://img42.xooimage.com/files/e/6/c/menu-fondo-10bbfe6.png) repeat-y; WIDTH: 154px; FONT-FAMILY: Tahoma; HEIGHT: auto; TEXT-ALIGN: justify; TEXT-DECORATION: none } .menu-down {    BACKGROUND-IMAGE: url(http://img24.xooimage.com/files/3/5/6/menu-abajo-10bbfea.png); WIDTH: 154px; HEIGHT: 31px } .menu-design {    FONT-WEIGHT: bold; FONT-SIZE: 9px; TEXT-TRANSFORM: uppercase; COLOR: #aa0000; PADDING-TOP: 9px; FONT-FAMILY: Verdana; TEXT-ALIGN: center } .menu-back A:link {    PADDING-LEFT: 14px; FONT-SIZE: 12px; BACKGROUND: url(http://img40.xooimage.com/files/3/9/f/vi-eta-10b5dcb.png) no-repeat 0px 50%; COLOR: #aa0000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none } .menu-back A:visited {    PADDING-LEFT: 14px; BACKGROUND: url(http://img40.xooimage.com/files/3/9/f/vi-eta-10b5dcb.png) no-repeat 0px 50%; COLOR: #; TEXT-DECORATION: none } .menu-back A:hover {    PADDING-LEFT: 14px; BACKGROUND: url(http://img40.xooimage.com/files/3/9/f/vi-eta-10b5dcb.png) no-repeat 0px 50%; COLOR: #580202; TEXT-DECORATION: none } .menu-back A:active {    BACKGROUND: url(http://img40.xooimage.com/files/3/9/f/vi-eta-10b5dcb.png) no-repeat 0px 50%; COLOR: #aa0000; TEXT-DECORATION: none } .arriba-grande {    BACKGROUND-IMAGE: url(http://img46.xooimage.com/files/f/4/3/centro-arriba-10bbee9.png); WIDTH: 452px; HEIGHT: 35px } .fondo-grande {    FONT-SIZE: 12px; BACKGROUND: url(http://img48.xooimage.com/files/e/3/8/centro-fondo-10bbef1.png) repeat-y; WIDTH: 452px; FONT-FAMILY: Tahoma; HEIGHT: auto; TEXT-ALIGN: center; TEXT-DECORATION: none } .abajo-grande {    BACKGROUND-IMAGE: url(http://img48.xooimage.com/files/5/2/f/centro-abajo-10bbf0b.png); WIDTH: 452px; HEIGHT: 35px } .menu-Link-grande A:link {    PADDING-LEFT: 24px; FONT-SIZE: 12px; BACKGROUND: url(http://pirrosmary.site88.net/pic/bolita-black.gif) no-repeat 0px 50%; COLOR: #5e626c; FONT-FAMILY: Tahoma; TEXT-DECORATION: none } .menu-Link-grande A:visited {    PADDING-LEFT: 24px; BACKGROUND: url(http://pirrosmary.site88.net/pic/bolita-black.gif) no-repeat 0px 50%; COLOR: #939393; TEXT-DECORATION: none } .menu-Link-grande A:hover {    PADDING-LEFT: 24px; BACKGROUND: url(http://pirrosmary.site88.net/pic/bolita-red.gif) no-repeat 0px 50%; COLOR: #8a0000; TEXT-DECORATION: none } .menu-Link-grande A:active {    BACKGROUND: url(http://pirrosmary.site88.net/pic/bolita-red.gif) no-repeat 0px 50%; COLOR: #8a0000; TEXT-DECORATION: none }  .texto-A {    FONT-SIZE: 14px; COLOR: #aa0000; FONT-FAMILY: Arial } P {    align: justify }  .categoria A {    DISPLAY: block; FONT-SIZE: 11px; MARGIN: 0px; WIDTH: 120px; COLOR: #a5a5a5; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: left; TEXT-DECORATION: none } .categoria A:hover {    BACKGROUND: #d8d8d8; COLOR: #2c2c2b } .menu-back-box {    PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: url(http://img42.xooimage.com/files/e/6/c/menu-fondo-10bbfe6.png) repeat-y; WIDTH: 154px; FONT-FAMILY: Tahoma; HEIGHT: auto; TEXT-ALIGN: justify; TEXT-DECORATION: none } .menu-back-box {    PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND: url(http://img42.xooimage.com/files/e/6/c/menu-fondo-10bbfe6.png) repeat-y; WIDTH: 154px; FONT-FAMILY: Tahoma; HEIGHT: auto; IMG-ALIGN: CENTER; TEXT-DECORATION: none }  img { border: 0;}  A:link {    COLOR: #aa0000; TEXT-DECORATION: none } A:visited {    COLOR: #aa0000; TEXT-DECORATION: none } A:hover {    COLOR: #aa0000; TEXT-DECORATION: none } A:active {    COLOR: #aa0000; TEXT-DECORATION: none }  SELECT {    BORDER-RIGHT: #121212 1px solid; BORDER-TOP: #121212 1px solid; FONT-SIZE: 12px; BORDER-LEFT: #121212 1px solid; COLOR: #666666; BORDER-BOTTOM: #121212 1px solid; FONT-FAMILY: Arial; BACKGROUND-COLOR: #0d0d0d }  HTML { scrollbar-face-color:#000000; scrollbar-highlight-color:#000000; scrollbar-3dlight-color:#3b3b3b; scrollbar-darkshadow-color:#000000; scrollbar-shadow-color:#000000; scrollbar-arrow-color:#3b3b3b; scrollbar-track-color:#3b3b3b; }

* AGREGA SIEMPRE </STYLE> ANTES DEL CONTENIDO DE CADA PAGINA, EJEMPLO:

</STYLE>
<BG><CENTER>EJEMPLO</CENTER></BG>

D&P: Index 06.

Si quieren la misma plantilla pero en otro color, busquenla en: http://diegovenegas.es.tl/?goto=19

Autor: Diegovenegas.

Texto por encima de la Pagina:

<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="15" marginwidth="0" marginheight="0" style="padding:5px;"> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" > <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif">  <DIV align=left><b><font face="Arial" size="1" color="#969696"> <SPAN id=clock> <SCRIPT language=JavaScript>

</SCRIPT> </SPAN></font></b></DIV>  </td> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-05.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td></tr> </table>  <table class="topBorder" border="0" cellpadding="0" cellspacing="0" width="100%" height="100" align="center"> <tr><td bgcolor="#000000" background="https://img.webme.com/pic/d/dpruebas/a-01.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>Nombre Página</b></td></tr></table>  <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr><td class="topBorder"> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" _fcksavedurl="#" width="1" height="1"></td> <td width="23%" class="topMenu" bgcolor="#242424" align="center"><a href="#" _fcksavedurl="#" class="menu1">Inicio</a></td> <td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#" _fcksavedurl="#">Foro</a></td> <td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#" _fcksavedurl="#">Blog</a></td> <td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" _fcksavedurl="#" width="1" height="1"></td> </tr> </table> </td></tr> </table> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-08.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="right" class="copy"></td> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-09.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-09.gif" width="11" height="21"></td></tr> </table>   <div style="padding:3px"></div> <table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> <tr><td width="195" valign="top">  <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Menu del sitio</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424">  <div class="menu_1"><a href="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#">Link</href></div> <div class="menu_1"><a href="#" _fcksavedurl="#">Link</href></div>  </td></tr> <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div>  <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Box 02</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424">  <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>  </td></tr> <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div>  </td> <td valign="top" height="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-12.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-05.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td> </tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#242424" colspan="3" class="topBorder" style="padding:3px;" valign="top">

Texto por debajo de la Pagina:

</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-08.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><font color="#969696">Copyright MyCorp © 2009</font></td> <td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-13.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-13.gif" width="119" height="21"></td> </tr></table></td>   <td width="195" valign="top" align="right" padding-left=" 25px"> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Internet</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left">  <div id="sidebar2" class="sidebar"> <script type="text/javascript" src="http://diegovenegas.110mb.com/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/ddaccordion.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/desp.js"></script> <div class="applemenu">  <div class="silverheader"><a href="#" _fcksavedurl="#">Nombre Menu</a></div><div class="submenu"> <ul> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> </ul> </div>  <div class="silverheader"><a href="#" _fcksavedurl="#" >Nombre Menu</a></div> <div class="submenu"> <ul> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> <li><a href="#" _fcksavedurl="#">Link</a></li> </ul> </div> </div>  </div></td></tr> <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div>  <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Box 04</div></td> <td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td> </tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left">  <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>  </div></td></tr> <tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr> </table><div style="padding:3px"></div>  </td></tr> </table>  <div style="padding:5px;text-align:center;"> <a href="http://www.diegovenegas.es.tl" _fcksavedurl="http://www.diegovenegas.es.tl"> <img style="margin:0;padding:0;border:0;" src="https://img.webme.com/pic/d/dpruebas/a-14.gif" _fcksavedurl="https://img.webme.com/pic/d/dpruebas/a-14.gif" width="80" height="15" title="Design by DiegoVenegas" /></a></div>  </body>

Css Code sin Style Tags:

a:link, a:visited, a:active {text-decoration:none; color:#969696;}  a:hover {text-decoration:none; color:#4B4B4B;}  td, body {font-family:Verdana,Arial,Helvetica; font-size:11px;}  form {padding:0px;margin:0px;}  input,textarea,select {vertical-align:middle; font-size:8pt; font-family:Verdana,Arial,Helvetica;}  .copy {font-size:10px;}  hr {color:#A9B8C2; height:1px;}  label {cursor:pointer; cursor:hand}  .blockTitle,.menu1 {color:#969696; text-transform:uppercase; font-size:9px; font-family:Tahoma,Verdana;}  a.menu1:link, a.menu1:visited, a.menu1:active {text-decoration:none; color:#969696}  a.menu1:hover {text-decoration:none; color:#4B4B4B}  .topBorder {border-left:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color: #969696;}  .topMenu {border:1px solid #FFFFFF; padding:2px;}  .menu_1 {background-image:url(https://img.webme.com/pic/d/dpruebas/a-06.gif); widht: 190px; ext-decoration:none; height: 25px; color:#969696; margin-top:1px; padding:0 20px; line-height:25px;}  .menu_1:hover {background-image:url(https://img.webme.com/pic/d/dpruebas/a-07.gif); widht: 190px; ext-decoration:none; height: 25px; color:#4B4B4B; margin-top:1px; padding:0 20px; line-height:25px;}  #content {padding:10px; color:#969696; font-family: Helvetica, sans-serif; font-size:14px; 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,#counter {display: none;}  .applemenu {margin: 5px 0; padding: 0; width: 182px;}  .applemenu div.silverheader a {background: black url(https://img.webme.com/pic/d/dpruebas/a-06.gif) repeat-x center left; font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: #969696; display: block; position: relative; width: auto; padding: 5px 0; padding-left: 25px; text-decoration: none;}  .applemenu div.silverheader a:visited, .applemenu div.silverheader a:active {color: #969696;}  .applemenu div.selected a, .applemenu div.silverheader a:hover {background-image: url(https://img.webme.com/pic/d/dpruebas/a-07.gif); color: #4B4B4B;}  .applemenu div.submenu { padding: 5px;}  ul{list-style-image: url(https://img.webme.com/pic/d/dpruebas/b-02.gif);}

Team-AyudaMaster | Soporte para tu paginawebgratis