crazymotion procssdesign

Tuttocss

prv x css da compl


Testo sopra il design:

 <div id="head" class="clearfloat"> 

<div class="clearfloat"> 
<div id="logo" class="left"> 
<a href="/inicio.htm"><img src="http://www.fileden.com/files/2009/5/1/2426283/logo2.png" width="177px" height="39px" alt="" /></a> 
<div id="tagline">Recursos web!</div> 
</div> 
<div class="right"> 
<img src="http://www.fileden.com/files/2009/5/1/2426283/wide.jpg" alt="" width="468px" height="60px"  /> 
</div> 
</div> 
<div id="navbar" class="clearfloat"> 

<ul id="page-bar" class="left clearfloat"> 
<li><a href="index.htm">Inicio</a></li> 
<li><a href="#">Musica</a></li> 
<li><a href="#">Imagenes</a></li> 
<li><a href="#">Videos</a></li> 
<li><a href="#">Contacto</a></li> 
</ul> 
<!-- buscador --> 
<form method="get" id="searchform" class="left" action="/resultados.htm"><div> 
<input type="text" value="Escribe lo que buscas.." value="" name="s" id="s" onfocus="this.value=''"  /><input type="image" src="http://www.fileden.com/files/2009/5/1/2426283/magnify.gif" id="searchsubmit" /> 
</div> 
</form> 
<!-- fin buscar --> 
</div> 
</div> 
<div id="page" class="clearfloat">    
<div id="top" class="clearfloat"> 
<div id="headline"> 
<img src="img/headline.png" width="75px" height="21px" alt="" /> 
</div><!-- fin headline --> 
<div id="featured"> 
<img src="img/featured.png" width="72px" height="17px" alt="" /> 
</div><!-- fin featured --> 
</div><!-- fin   clearfloat --> 

<div id="waper" class="clearfloat"> 
Testo sotto il design:

<div id="sidebar"> 
<div id="sidebar-ads"> 
<img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" alt="" width="300px" height="250px" /> 
</div> 
<div id="sidebar-top"> 
   <h3>Paginas</h3>       
<ul> 
   <li class="page_item page-item-2"><a href="#" ">Información</a></li> 
</ul> 
</div><!-- fin sidebar-top --> 

<div id="sidebar-middle" class="clearfloat"> 
<div id="sidebar-left"> 
<h3>Recientes</h3>          
<ul> 
   <li><a href="#">Discos </a></li> 
   <li><a href="#">Afinación </a></li> 
   <li><a href="#">¡Hola, mundo!</a></li> 
</ul> 
   <h3>Meta</h3><ul> 
   <li><a href="#">Iniciar sesión</a></li> 
   <li><a href="#">RSS de las entradas</a></li> 
   <li><a href="#">RSS de los comentarios</a></li> 
   <li><a href="#">WordPress.org</a></li> 
</ul> 
<ul></ul> 
</div>  
<div id="sidebar-right"> 
   <h3>Paginas amigas</h3> 
<ul> 
   <li><a href="http://cssplantillas.es.tl">Css Plantillas</a></li> 
   <li><a href="#">Link's 3</a></li> 
   <li><a href="#">Link's 4</a></li> 
   <li><a href="#">Link's 5</a></li> 
   <li><a href="#">Link's 6</a></li> 
   <li><a href="#">Link's 7</a></li> 
   <li><a href="#">Link's 8</a></li> 
   <li><a href="#">Link's 9</a></li> 
   <li><a href="#">Link's 10</a></li> 
</ul> 
</div> 
</div> 

<div id="sidebar-bottom"> 
<h3>Enlaces</h3> 
<ul class='xoxo blogroll'> 
   <li><a href="#">Enlace 1</a></li> 
   <li><a href="#">Enlace 2</a></li> 
   <li><a href="#">Enlace 3</a></li> 
   <li><a href="#">Enlace 4</a></li> 
   <li><a href="#">Enlace 5</a></li> 
</ul> 
</div>    
</div> 
</div>    
</div>  
<div id="front-popular" class="clearfloat"> 
<div id="recentpost" class="clearfloat"> 
   <h3>Comentarios recientes</h3>          
<ul id="recentcomments"> 
   <li><a href='#'>Css Floid</a> en: Diseños avanzados</li> 
   <li><a href='#'>Color void</a> en: Diseños avanzados</li> 
   <li><a href='#'>Arthemia</a> en: Diseños avanzados</li> 
   <li><a href='#'>Css plantillas</a> en: Diseños avanzados</li> 
   <li><a href='#'>New design</a> en: Diseños avanzados</li> 
   <li><a href='#'>Css Floid</a> en: Diseños avanzados</li> 
</ul> 
</div>        

<div id="mostcommented" class="clearfloat"> 
<h3>Comentario recientes</h3> 
<ul> 
   <li><a href="#">Muy buena la pagina...</a> 30-09-08</li> 
   <li><a href="#">Muy buena la pagina...</a> 30-09-08</li> 
   <li><a href="#">Muy buena la pagina...</a> 30-09-08</li> 
   <li><a href="#">Muy buena la pagina...</a> 30-09-08</li> 
</ul> 
</div> 

<div id="recent_comments" class="clearfloat"> 
<img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" width="280px" height="210px" /> 
</div> 
</div> 
<div id="footer">  
Potenciado por <a href="http://es.tl">Pagin web gratis</a> | Diseño <b>arthemia</b> por : <a href="http://michaelhutagalung.com">Michael Hutagalung</a> - Adaptado por: <a href="http://cssplantillas.es.tl">Css Plantillas</a> 
</div><!-- fin footer --> 

Css-code:

#post_header {display: none;} 
#header_container {display: none;} 
lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
table {margin-left:auto;margin-right:auto;} 

* { 
   margin:0; 
   padding:0; 
   } 

body { 
   font: 100% Arial, Helvetica; 
   background: #FFF; 
   color: #333; 
   } 

p {    
   margin: 15px 0; 
   } 

a:link, a:visited { 
   color: #3c78a7; 
   text-decoration:none 
   } 

a:hover, a:active { 
   color: #3c78a7; 
   text-decoration:underline; 
   } 

a img { 
   border:0; 
   } 

code { 
   font: 1.0em 'Courier New', Courier, Fixed; 
   background:#ececec; 
   }    

acronym, abbr, span.caps {    
   font-size: 0.9em; 
   letter-spacing: .07em; 
   cursor: help; 
   }          

acronym, abbr { 
   border-bottom: 1px dashed #999; 
   } 

blockquote { 
   padding: 10px 10px 0 10px; 
   border-top: 1px solid #ddd; 
   border-bottom: 1px solid #ddd; 
   background: #eee; 
   font:1.0em Arial; 
   line-height:1.5em; 
   margin:10px 0px; 
   } 

select { 
   width: 130px; 
   }    



/* Structure */ 


#head { 
   width:960px; 
   margin:0px auto; 
   margin-top:15px; 
   padding:0px; 
   font-size:0.7em; 
   } 


#page { 
   width:940px; 
   margin:0px auto; 
   padding:10px; 
   background:#ececec; 
   font-size:0.7em; 
   } 

.left, .alignleft { 
   float:left; 
   } 

.right, .alignright { 
   float:right; 
   } 


/* Navigation Bar*/ 
#navbar { 
   margin:0 auto; 
   margin-top:15px; 
   padding:0px 10px; 
   text-transform:uppercase; 
   background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/navbar.png"); 
   } 

#page-bar { 
   width:722px; 
   } 

#page-bar ul { 
   list-style: none; 
   } 

#page-bar li { 
   float:left; 
   list-style:none; 
   cursor: pointer; 
   display:block; 
   border-right:1px solid #333; 
   } 

#page-bar li:hover { 
   background: #3c78a7; 
   } 


#page-bar a, #page-bar a:visited { 
   margin: 0px; 
   padding:10px 16px; 
   font-weight:bold; 
   color:#FFF; 
   display:block; 
   } 

#page-bar a:hover { 
   text-decoration:none; 
   display:block; 
   } 

#searchform { 
   width:194px; 
   float:right; 
   text-align:right; 
   padding-top:8px; 
   margin-right:10px; 
   } 

/* Dropdown Menus */       
#page-bar li { 
   float: left; 
   margin: 0px; 
   padding: 0px; 
   } 
    
#page-bar li li { 
   float: left; 
   margin: 0px; 
   padding: 0px; 
   width: 122px; 
   text-transform:none; 
   } 
    
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { 
   background: #2B2B2B; 
   width: 122px; 
   float: none; 
   margin: 0px; 
   padding: 5px 10px 5px 18px; 
   border-top: 1px solid #C0C0C0; 
   } 
    
#page-bar li li a:hover, #page-bar li li a:active { 
   background: #666666; 
   padding: 5px 10px 5px 18px; 
   } 

#page-bar li ul { 
   position: absolute; 
   width: 10em; 
   left: -999em; 
   } 

#page-bar li:hover ul { 
   left: auto; 
   display: block; 
   } 
    
#page-bar li:hover ul, #page-bar li.sfhover ul { 
   left: auto; 
   } 


/* Text*/ 

h1 { 
   font:3.5em Arial; 
   font-weight:bold; 
   letter-spacing:-0.08em; 
   } 

h2 { 
   font:2.3em Georgia, "Times New Roman"; 
   } 

h3 { 
   font:1.3em Arial; 
   margin-bottom:3px; 
   color:#3c78a7; 
   font-weight:bold; 
   } 

h4 { 
   font:1.0em Arial; 
   } 

h3.cat_title, h3.cat_title a { 
   color:#333; 
   letter-spacing:-0.05em; 
   font-size:0.85em; 
   } 

h3#respond { 
   margin-top:0px; 
   padding-top:20px; 
   } 

h3#comments { 
   margin-top:32px; 
   padding-left:0px; 
   } 

h3.authors { 
   margin-top:15px; 
   } 

/* Index Page*/ 

#logo { 
   width:350px; 
   } 

#tagline { 
   margin-top:5px; 
   font-size:1em; 
   color:#333; 
   } 

#top { 
   padding:0; 
   } 

#headline { 
   width:590px; 
   float:left; 
   background:#fff; 
   padding:10px; 
   font-size:1.05em; 
   line-height:1.5em; 
   margin:0; 
   } 

#headline  div.title { 
   font-weight:bold; 
   font:2.4em Georgia; 
   letter-spacing:-0.05em; 
   display:block; 
   padding-bottom:5px; 
   } 

#headline div.meta { 
   display:block; 
   margin-top:-5px; 
   padding-bottom:2px; 
   } 

#headline p { 
   padding-bottom:15px; 
   } 

#featured { 
   width:300px; 
   background:#fff; 
   float:right; 
   padding:10px 10px 9px 10px; 
   } 

#featured .clearfloat { 
   margin-top:7px; 
   margin-bottom:8px; 
   } 

#featured .info { 
   margin-top:5px; 
   padding-top:5px; 
   float:right; 
   width:180px; 
   } 

#featured .title { 
   font-weight:bold; 
   } 

#headline a img, #featured a img { 
   border:1px solid #ccc; 
   margin-top:5px; 
   margin-right:10px; 
   padding:2px; 
   } 




.category { 
   width:164px; 
   float:left; 
   border-top:8px solid #333; 
   margin:0px; 
   padding:5px 10px 10px 10px; 
   background:#fff; 
   } 

.category p { 
   margin:0; 
   } 

#cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;} 
#cat-2, #cat-4 {border-top:8px solid #3c78a7;} 

.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title { 
   text-transform:lowercase; 
   margin:0; 
   font-weight:bold; 
   font-size:1.5em; 
   letter-spacing:-0.05em; 
   } 

#front-popular h3 { 
   color:#fff; 
   } 

.category a { 
   color:#333; 
   display:block; 
   background:none; 
   } 

.category a:hover { 
   background:none; 
   color:#fff; 
   text-decoration:none; 
   } 

#waper { 
   width: 940px; 
   } 

#content { 
   width:590px; 
   background:#fff; 
   padding:10px; 
   font-size:1.05em; 
   line-height:1.75em; 
   float:left; 
   } 

#archive { 
   padding-top:15px; 
   font-size:1.05em; 
   line-height:1.75em; 
   } 

#front-list blockquote { 
   padding: 0px 10px 0 10px; 
   } 

#front-list .title, #archive .title { 
   font-weight:bold; 
   font:2.0em Georgia; 
   letter-spacing:-0.05em; 
   } 

#front-list .clearfloat, #archive .clearfloat { 
   padding-bottom:10px; 
   border-bottom:1px dotted #ccc; 
   margin-bottom:10px; 
   } 

#front-list .spoiler, #archive .spoiler { 
   display:block; 
   margin-top:3px; 
   } 

#front-list p, #archive p { 
   margin:0px; 
   padding:0px; 
   } 

.author { 
   font-size:0.8em; 
   font-weight:bold; 
   } 

.meta { 
   font-size:0.8em; 
   color:#333; 
   } 

.meta a { 
   color:#333; 
   } 

#headline p, #featured p { 
   margin:0; 
   } 


/* Content Page*/ 



/* Sidebar*/ 
#sidebar { 
   width:320px; 
   float:right; 
   margin:0px 0px 0px 0px; 
   } 

#sidebar h3 { 
   font:1.1em Arial; 
   font-weight:bold; 
   background:#333; 
   color:#fff; 
   margin:10px 0px 5px 0px; 
   padding:3px 10px; 
   } 

#sidebar-top, #sidebar-bottom { 
   width:300px; 
   float:right; 
   padding:0px 10px 10px 10px; 
   background:#fff; 
   } 

#sidebar-bottom, #sidebar-middle { 
   margin-top:10px; 
   } 

#sidebar-middle { 
   width:320px; 
   float:right; 
   } 

#sidebar-left { 
   width:135px; 
   padding:0px 10px 10px 10px; 
   float:left; 
   background:#fff; 
   } 

#sidebar-right { 
   width:135px; 
   padding:0px 10px 10px 10px; 
   float:right; 
   background:#fff; 
   } 


#sidebar li { 
   list-style:none; 
   border-bottom:1px dotted #ccc; 
   display:block; 
   padding:2px 0px 2px 13px; 
   background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px; 
   } 

#sidebar li ul li:last-child{ 
   list-style:none; 
   border-bottom:0px dotted #ccc; 
   display:block; 
   padding:2px 0px 0px 13px; 
   background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px; 
   } 

#sidebar-ads { 
   width:300px; 
   float:right; 
   margin-bottom:10px; 
   padding:10px; 
   background:#fff; 
   } 


/* Form Elements */ 

select { 
   border:1px solid #333; 
   width:100% 
   } 
    
.field { 
   padding: 2px; 
   border:1px solid #333; 
   background:#fff; 
   font-size:1.0em; 
   } 

#s { 
   padding:1px; 
   font-size:1.0em; 
   width:150px; 
   } 
    
#searchsubmit { 
   padding-left:5px; 
   } 

#commentform input { 
   width: 140px; 
   margin: 5px 5px 1px 0; 
   } 

#commentform textarea { 
   width: 99%; 
   margin-top:5px; 
   } 



/* Comments*/ 

.commentlist cite { 
   font-style:normal; 
   margin-bottom:4px; 
   display:block; 
   }    

.commentlist blockquote { 
   background:#ededed; 
   } 
          
.commentlist li { 
   padding: 10px 0px 10px 0px; 
   list-style:none; 
   margin-bottom:3px; 
   } 

.commentlist li li { 
   background:none; 
   border:none; 
   list-style:square; 
   margin:3px 0 3px 20px; 
   padding:3px 0; 
   } 

.commenttext { 
   padding: 10px 10px 0px 10px; 
   background:#f2f2f2; 
   border-top:1px solid #ddd; 
   border-bottom: 1px solid #ddd; 
   width:495px; 
   float:right 
   } 
       
.commentlist cite strong { 
   font-size:1.1em; 
   } 
    
li.my_comment { 
   background: #FFF; 
   border:none; 
   } 

li.my_comment cite strong { 
   font-size: 1.3em; 
   color:#313228; 
   } 
    
#commentform small { 
   background:#FFF; 
   font-weight:bold; 
   padding:0; 
   } 
    
.commentmetadata { 
   color:#4d4d4d; 
   display: block; 
   margin-top:3px; 
   text-align:right; 
   font-size:0.9em; 
   } 

.commentmetadata a, .commentmetadata a:visited { 
   color:#959382; 
   } 
    
.commentlist small { 
   background:#e9e9e9; 
   } 

.avatar { 
   border:1px solid #bbb; 
   margin:0px 10px 0px 0px; 
   float:left; 
   padding:2px; 
   width:55px; 
   height:55px; 
   }    

#comment { 
   width:590px; 
   background:#fff; 
   } 

/* Footer*/ 

#front-popular { 
   font-size:0.7em; 
   color:#fff; 
   width: 940px; 
   background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/bottombar.png") bottom no-repeat; 
   margin: 0 auto; 
   padding:10px; 
   } 

#recentpost, #mostcommented { 
   width:280px; 
   float:left; 
   padding:10px; 
   border:1px solid #fff; 
   } 

#mostcommented { 
   margin-left:17px; 
   } 

#recent_comments { 
   width:280px; 
   float:right; 
   padding:10px; 
   border:1px solid #fff; 
   } 

#recentpost a, #mostcommented a, #recent_comments a { 
   color:#fff; 
   } 

#recentpost ul, #mostcommented ul, #recent_comments ul { 
   margin-top:5px; 
   } 

#recentpost ul li, #mostcommented ul li, #recent_comments ul li { 
   list-style:none; 
   border-top:1px dotted #fff; 
   padding:5px; 
   display:block; 
   } 

#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { 
   background:#3c78a7; 
   color:#fff; 
   } 

#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { 
   border-top:0px dotted #fff; 
   } 


#footer { 
   margin: 0 auto; 
   width: 960px; 
   font-size:0.6em; 
   padding-top:10px; 
   padding-bottom:10px; 
   } 


/* Float Properties*/ 

.clearfloat:after { 
   content:"."; 
   display:block; 
   height:0; 
   clear:both; 
   visibility:hidden; 
   } 

.clearfloat { 
   display: inline-block; 
   } 


/* Hides from IE-mac */ 
* html .clearfloat { 
   height:1%; 
   } 

*+html .clearfloat { 
   height:1%; 
   } 

.clearfloat { 
   display:block; 
   } 

 


Testo sopra il design:

<style type="text/css" media="screen"> <!-- body { font-family: Arial; font-size: 00px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 3px; margin: 7px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 278px; left: 55%; margin-left:-320px; width: 700px; } .menu li { width: 88px; float: left; } .menu a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image: none; color: #cccccc;} #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 70px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>

Testo sotto il design:

NIENTE!

Css-code:

lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(http://img30.imageshack.us/img30/5388/fondos.gif);background-color:#ffffff;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 800px; height:800px; background-image:url(http://img30.imageshack.us/img30/1066/dddiiiiseooohecchooo.gif);} #content { position: absolute; left: 45%; top: 339px; margin-left:-300px; width: 710px; height: 455px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 172px; left: 52%; margin-left:-185px; width: 647px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }

 


Testo sopra il design:

<!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" /> 
<title>Template 1</title> 
<link href="style/style1.css" rel="stylesheet" type="text/css" /> 
</head> 

<body> 
<table width="100%" border="0" cellspacing="0" cellpadding="0"> 
  <tr> 
    <td class="shadow_left"> </td> 
    <td class="header_column"> 
   <table width="100%" border="0" cellspacing="10" cellpadding="0"> 
      <tr> 
        <td class="logo_area">Logo Here </td> 
        <td width="300"> 
          <form id="form1" name="form1" method="post" action=""> 
           Search the website <br /> 
            <input name="search_text" type="text" id="search_text" /> 
            <input type="submit" name="Submit" value="Search" /> 
          </form> 
          </td> 
      </tr> 
    </table></td> 
    <td class="shadow_right"> </td> 
  </tr> 
  <tr> 
    <td class="horizontal_column"> </td> 
    <td class="horizontal_center"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="linkcontainer"> 
      <tr> 
        <td><div class="navigation"><a href="#" class="main_link">Home</a></div></td> 
        <td><div class="navigation"><a href="#" class="main_link">Gallery</a></div></td> 
        <td><div class="navigation"><a href="#" class="main_link">About</a></div></td> 
        <td><div class="navigation"><a href="#" class="main_link">Help</a></div></td> 
        <td><div class="navigation"><a href="#" class="main_link">Partner</a></div></td> 
      </tr> 
    </table></td> 
    <td class="horizontal_column"> </td> 
  </tr> 
  <tr> 
    <td class="shadow_left"> </td> 
    <td class="below_header">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea commodo consequat. Duis aute irure dolor in reprehenderit in  voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur  sint occaecat cupidatat non proident, sunt in culpa qui officia  deserunt mollit anim id est laborum</td> 
    <td class="shadow_right"> </td> 
  </tr> 
  <tr> 
    <td class="shadow_left"> </td> 
    <td class="main_content_box"><table width="100%" border="0" cellspacing="0" cellpadding="0"> 
      <tr> 
        <td class="left_content">Lefct Content </td> 
        <td class="body_content">

Testo sotto il design:

</table></td> 
    <td class="shadow_right"> </td> 
  </tr> 
  <tr> 
    <td class="shadow_left"> </td> 
    <td class="middle_spacer"><div class="bottom_content">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do  eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad  minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip  ex ea commodo consequat. Duis aute irure dolor in reprehenderit in  voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur  sint occaecat cupidatat non proident, sunt in culpa qui officia  deserunt mollit anim id est laborum</div></td> 
    <td class="shadow_right"> </td> 
  </tr> 
  <tr> 
    <td class="shadow_left"> </td> 
    <td class="bottom_link_container"><p><a href="#" class="bottom_link">Link</a> | <a href="#" class="bottom_link">Link</a> | <a href="#" class="bottom_link">Link</a> | <a href="#" class="bottom_link">Link</a> | <a href="#" class="bottom_link">Link</a> </p> 
    <p>All Right Reserved © 2006 by bprizze<br /> 
      http://heartlessg.4uhost.info Web Master 
    </p></td> 
    <td class="shadow_right"> </td> 
  </tr> 
</table> 
</body> 
</html>

Css-code:

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;} 
body { 
   margin: 0px; 
   background-color: #333333; 
   font-family: Verdana, Arial, Helvetica, sans-serif; 
   font-size: 11px; 

table.linkcontainer td{ 
   background-color: #000000; 
   filter:alpha(opacity=70); 
   opacity: .7; 
   -moz-opacity: .7; 

td.logo_area{ 
   border-top-width: 0px; 
   border-right-width: 5px; 
   border-bottom-width: 0px; 
   border-left-width: 0px; 
   border-top-style: solid; 
   border-right-style: solid; 
   border-bottom-style: solid; 
   border-left-style: solid; 
   border-top-color: #FFFFFF; 
   border-right-color: #FFFFFF; 
   border-bottom-color: #FFFFFF; 
   border-left-color: #FFFFFF; 

td.middle_spacer { 
   width: 800px; 
   background-color: #666666; 

td.shadow_right { 
   background-image: url(http://img8.xooimage.com/files/7/7/0/border_shadow_l-eb2476.jpg); 
   background-repeat: repeat-y; 
   background-position: left; 

td.shadow_left { 
   background-image: url(http://img8.xooimage.com/files/c/2/9/border_shadow_r-eb2484.jpg); 
   background-repeat: repeat-y; 
   background-position: right; 

td.body_content { 
   padding: 5px; 
   background-image: url(http://img2.xooimage.com/files/e/d/b/bg_content-eb248a.jpg); 
   background-repeat: repeat; 

td.below_header{ 
   background-color: #1F1F1F; 
   height: 50px; 
   color: #CCCCCC; 
   padding: 5px; 

td.main_content_box { 
   background-color: #FFFFFF; 


td.horizontal_column { 
   background-color: #000000; 
   border-top-width: 15px; 
   border-right-width: 0px; 
   border-bottom-width: 1px; 
   border-left-width: 0px; 
   border-top-style: solid; 
   border-right-style: solid; 
   border-bottom-style: solid; 
   border-left-style: solid; 
   border-top-color: #000000; 
   border-right-color: #000000; 
   border-bottom-color: #000000; 
   border-left-color: #000000; 
   height: 150px; 
   display: table-cell; 
   vertical-align: top; 

td.bottom_link_container { 
   background-color: #000000; 
   text-align: center; 
   color: #FFFFFF; 
   padding: 5px; 


td.horizontal_center { 
   background-color: #FFFFFF; 
   border-top-width: 15px; 
   border-right-width: 0px; 
   border-bottom-width: 1px; 
   border-left-width: 0px; 
   border-top-style: solid; 
   border-right-style: solid; 
   border-bottom-style: solid; 
   border-left-style: solid; 
   border-top-color: #000000; 
   border-right-color: #333333; 
   border-bottom-color: #000000; 
   border-left-color: #333333; 
   height: 150px; 
   display: table-cell; 
   vertical-align: top; 
   background-image: url(http://img2.xooimage.com/files/f/f/9/header_bg-eb249d.jpg); 

td.header_column { 
   height: 100px; 
   vertical-align: middle; 
   color: #FFFFFF; 
   font-size: large; 
   background-image: url(http://img10.xooimage.com/files/d/a/5/header2_bg-eb24a7.jpg); 
   background-position: top; 

td.left_content { 
   width: 200px; 
   padding: 5px; 
   vertical-align: top; 
   background-image: url(http://img2.xooimage.com/files/e/d/b/bg_content-eb248a.jpg); 
   background-repeat: repeat; 


a.main_link:active,a.main_link:visited,a.main_link:link{ 
   font-weight: bold; 
   text-decoration: none; 
   display: block; 
   width: 100%; 
   color: #FFFFFF; 
   line-height: 50px; 

a.main_link:hover{ 
   background-color:#333333; 
   color: #FFFFFF; 

a.bottom_link:active,a.bottom_link:visited,a.bottom_link:link{ 
   font-weight: bold; 
   text-decoration: none; 
   color: #FFFFFF; 

a.bottom_link:hover{ 
   color: #CCCCCC; 

div.bottom_content{ 
   color: #FFFFFF; 
   padding: 5px; 

div.navigation { 
   height: 50px; 
   vertical-align: middle; 
   text-align: center; 
}

 


Testo sopra il design:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

</head> 
<body> 
<div id="Headbild"> 

<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp; 
<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
<br /> 
&nbsp;<br /> 
&nbsp;<br /> 
&nbsp; 
<div id="ticker"><marquee>tu texto acaaa</marquee> 
</div> 
<div id ="Naviboxen"> 
<h3>Menu</h3> 
<b><a href="#">Home</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><br /><br /> 
<h3>Menu 2</h3> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 
<br /><b><a href="aca la url">aca tu texto</a></b> 

<div id="textcontent"> 

Testo sotto il design:

</div> 
</div> 
</body> 
</html>

Css-code:

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;} 

h3{font-size:18px;} 
 a:hover{color:#5a5959;text-decoration:none;} 
 a:active{color:#5a5959;text-decoration:none;} 
 a:link{color:fffffff;text-decoration:none;} 
 a:visited{color:ffffff;text-decoration:none;} 
h2{font-size:20px;} 
h1{font-size:23px;} 

#Headbild{ 
background-image:url(http://i42.tinypic.com/28vx7yp.png); 
width: 920px; 
height:120px; 
position: absolute; 
left: 50%; 
margin-left:-475px; 



body{ 
   background-color:#ffffff; 
background-repeat:repeat-x; 
   background-color:#ffffff; 
   margin:40px auto 10px auto; 



#Naviboxen{ 
background-image:url(http://i44.tinypic.com/20ivszk.png); 
width: 120px; 
height:500px; 
position: absolute; 
left: 50%; 
margin-left:-475px; 
top:170px; 
font-family:verdana;text-align: center; 



#textcontent{ 
background-image:url(http://i43.tinypic.com/2cqjkaq.png); 
width: 780px; 
position: absolute; 
left: 50%; 
margin-left:75px; 
top:18px;background-repeat:repeat;-moz-border-radius: 8px; 
    border:4px soild #000000;} 

#ticker{ 
background-image:url(http://i43.tinypic.com/2im7trt.png); 
width: 697px;height:24px; 
position: absolute; 
left: 50%; 
margin-left:-290px; 
top:162px; 

 


Testo sopra il design:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>Brown</title> 
<meta http-equiv="Content-Language" content="English" /> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<link rel="stylesheet" type="text/css" href="style.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">

Testo sotto il design:

</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.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.legalhelpers.com/bankruptcy-information.html">Bankruptcy Information</a> 
</div> 

</div> 

</body> 
</html>

Css-code:

lli.nav_element{display: none;} 
li.nav_element a{display: none;} 
h1#title{display: none;} 
h2#title span {display: none;} 
div.header{display: none;} 
li.nav_element{list-style-type: none;} 
li.nav_element{display: none;} 
* { 
   margin: 0; 
   padding: 0; 


body { 
background: #554d42; 
font-family: Arial, Helvetica, sans-serif; 
font-size: 12px; 
line-height: 20px; 
color: #222; 


a { 
text-decoration: none; 
color: #554d42; 

a:hover { 
text-decoration: underline; 
color: #CF9F5A; 


#wrap { 
margin: 20px auto; 
width: 800px; 


#header { 
height: 100px; 
background: #554d42 url(http://img2.xooimage.com/files/9/f/8/header-e8620d.jpg) no-repeat; 

#header h1 { 
font-size: 28px; 
letter-spacing: -1px; 
padding: 29px 0 0 20px; 
color: #FF5500; 

#header h1 a { 
color: #fff; 
text-decoration: none; 
font-weight: 100; 
letter-spacing: -2px; 

#header h1 a:hover { 
color: #fff; 

#header h2 { 
font-size: 19px; 
color: #fff; 
padding: 5px 0 0 20px; 
letter-spacing: -1px; 
font-weight: 100; 


#menu { 
height: 30px; 
line-height: 30px; 
background: #fff url(http://img2.xooimage.com/files/6/e/4/menu-e86211.jpg) no-repeat; 

#menu ul { 
list-style-type: none; 
padding-left: 30px; 

#menu ul li { 
display: block; 
float: left; 

#menu ul li a { 
padding: 0 20px 0 0; 
text-decoration: none; 
font-weight: 600; 
font-size: 14px; 

#menu ul li a:hover { 
color: #000; 
text-decoration: none; 


#content { 
background: #fff url(http://img10.xooimage.com/files/0/c/1/content-e86214.jpg) repeat-y; 
padding: 0 20px 20px 20px; 


.right { 
float: right; 
width: 580px; 
text-align: justify; 
padding-top: 5px; 

.right h2 { 
font-size: 18px; 
font-weight: 100; 
padding: 15px 0 7px 0; 

.right h2 a { 
text-decoration: none; 

.right h2 a:hover { 



.left { 
float: left; 
width: 160px; 
padding-top: 10px; 

.left h2 { 
margin: 10px 0 0 0; 
padding-left: 10px; 
height: 24px; 
line-height: 24px; 
background: #413326; 
color: #fff; 
font-size: 13px; 

.left ul { 
padding: 10px 0 15px 10px; 
list-style-type: none; 

.left ul li a { 
text-decoration: none; 
font-weight: 600; 

.left ul li a:hover { 



#bottom { 
background: #fff url(http://img4.xooimage.com/files/b/9/0/bottom-e86218.jpg) no-repeat; 
padding: 10px 0; 


#footer { 
text-align: center; 
font-size: 11px; 
color: #fff; 

#footer a { color: #fff; }

 


Testo sopra il design:

<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" 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> 
<!-- Begin 
var dayarray=new Array("Domingo","Lunes","Martes","Miercoles","Jueves","Viernes","Sábado") 
var montharray=new Array("Enero","Febrero","Marzo","Abril","Mayo","Junio","Julio","Agosto","Septiembre","Octubre","Noviembre","Diciembre") 
function getthedate(){ 
var mydate=new Date() 
var year=mydate.getYear() 
if (year < 1000) 
year+=1900 
var day=mydate.getDay() 
var month=mydate.getMonth() 
var daym=mydate.getDate() 
if (daym<10) 
daym=""+daym 
var hours=mydate.getHours() 
var minutes=mydate.getMinutes() 
var seconds=mydate.getSeconds() 
var dn="AM" 
if (hours>=12) 
dn="PM" 
if (hours>12){ 
hours=hours-12 


d = new Date(); 
Time24H = new Date(); 
Time24H.setTime(d.getTime() + (d.getTimezoneOffset()*60000) + 3600000); 

if (hours==0) 
hours=12 
if (minutes<=9) 
minutes="0"+minutes 
if (seconds<=9) 
seconds="0"+seconds 
//change font size here 
var cdate=dayarray[day]+" "+daym+" de "+montharray[month]+" del "+year+" "+hours+":"+minutes+":"+seconds+" "+dn+"" 
if (document.all) 
document.all.clock.innerHTML=cdate 
else if (document.getElementById) 
document.getElementById("clock").innerHTML=cdate 
else 
document.write(cdate) 

if (!document.all&&!document.getElementById) 
getthedate() 
function goforit(){ 
if (document.all||document.getElementById) 
setInterval("getthedate()",1000) 

window.onload=goforit 
// End --> 
</SCRIPT> 
</SPAN></font></b></DIV> 

</td> 
<td bgcolor="#660000"><img border="0" src="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="#" width="1" height="1"></td> 
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a href="#" class="menu1">Inicio</a></td> 
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#">Foro</a></td> 
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#">Blog</a></td> 
<td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" 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" 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" 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" 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" width="54" height="21"></td> 
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"> 

<div class="menu_1"><a href="#">Link</href></div> 
<div class="menu_1"><a href="#">Link</href></div> 
<div class="menu_1"><a href="#">Link</href></div> 
<div class="menu_1"><a href="#">Link</href></div> 

</td></tr> 
<tr><td bgcolor="#660000"><img border="0" src="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" 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" 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" 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" 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" 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"> 

Testo sotto il design:

</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" 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" 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" 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" 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="#">Nombre Menu</a></div><div class="submenu"> 
<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> 
</ul> 
</div> 

<div class="silverheader"><a href="#" >Nombre Menu</a></div> 
<div class="submenu"> 
<ul> 
<li><a href="#">Link</a></li> 
<li><a href="#">Link</a></li> 
<li><a href="#">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" 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" 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" 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" 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"> 
<img style="margin:0;padding:0;border:0;" src="https://img.webme.com/pic/d/dpruebas/a-14.gif" 
width="80" height="15" title="Design by DiegoVenegas" /></a></div> 

</body>

Css-code:

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);} 

 
 
Oggi ci sono stati già 2 visitatori (29 hits) qui!
=> Vuoi anche tu una pagina web gratis? Clicca qui! <=