- Plantilla

Plantilla

"Por favor no borren el campo de copyright, ya que las plantillas me han costado mucho esfuerzo crearlas y me gustaría que mi trabajo fuese reconocido"

[Diseño para CSS-Desing] D&P: Index 06

Texto por Encima

<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" 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>

<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">

</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>

<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">

Texto por Debajo

</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 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>

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

</body>

CSS-Code sin Style Tag

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

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

[Diseño para CSS-Desing] D&P: Index 05

Texto por Encima

<DIV align=left><b><font face="Arial" size="1" color="#000000"> 
<SPAN 
id=clock> 
<SCRIPT language=JavaScript> 
 
</SCRIPT> 
</SPAN></font></b></DIV>

</td> 
<td bgcolor="#FFFFFF"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-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/diegovenegas/a-06.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>NombredetuWeb.es.tl</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" background="/.s/t/121/2.gif"><img border="0" src="/.s/t/121/7.gif" width="1" height="1"></td> 
<td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a href="http://www.diegovenegas.es.tl/" class="menu1">Inicio</a></td> 
<td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a class="menu1" href="#">Foro</a></td>
<td width="23%" class="topMenu" background="/.s/t/121/2.gif" align="center"><a class="menu1" href="#">Blog</a></td>
<td width="15%" class="topMenu" background="/.s/t/121/2.gif"><img border="0" src="/.s/t/121/7.gif" width="1" height="1"></td> 
</tr> 
</table> 
</td></tr> 
</table> 
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center"> 
<tr> 
<td bgcolor="#E4E8F3"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td> 
<td bgcolor="#E4E8F3" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="right" class="copy"></td> 
<td bgcolor="#E4E8F3"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-09.gif" width="11" height="21"></td></tr> 
</table>

<table border="0" cellpadding="0" cellspacing="0" width="190"> 
<tr><td><table border="0" bgcolor="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr> 
<td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> 
<td width="70%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">Menu del sitio</div></td> 
<td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-10.gif" width="54" height="21"></td> 
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#F4F4F4">

</td></tr> 
<tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> 
</table><div style="padding:3px"></div>

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</td></tr> 
<tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> 
</table><div style="padding:3px"></div>

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</td></tr> 
<tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-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="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-12.gif" width="119" height="21"></td> 
<td bgcolor="#E9ECF5" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td> 
<td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-05.gif" width="119" height="21"></td> 
</tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td colspan="3" class="topBorder" style="padding:3px;" valign="top">

Texto por Debajo

</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr> 
<td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td> 
<td bgcolor="#E9ECF5" width="95%" background="https://img.webme.com/pic/d/diegovenegas/a-04.gif" align="center">Copyright MyCorp © 2009</td> 
<td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-13.gif" width="119" height="21"></td> 
</tr></table></td>

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

</td></tr> 
<tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> 
</table><div style="padding:3px"></div>

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</td></tr> 
<tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> 
</table><div style="padding:3px"></div>

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</td></tr> 
<tr><td bgcolor="#E9ECF5"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/a-11.gif" width="190" height="21"></td></tr> 
</table><div style="padding:3px"></div>

</td> 
</tr> 
</table>

</body>

CSS-Code sin Style Tag

a:link 
{text-decoration:underline; 
color:#000000;}

a:hover 
{text-decoration:underline; 
color:#0000FF;}

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:#000000; 
text-transform:uppercase; 
font-size:9px; 
font-family:Tahoma,Verdana;}

a.menu1:link 
{text-decoration:none; 
color:#000000}

a.menu1:hover 
{text-decoration:underline; 
color:#0000FF}

.topBorder 
{border-left:1px solid #000000; 
border-right:1px solid #000000;}

.topMenu 
{border:1px solid #000000; 
padding:2px;}

.menu_1 
{background-image:url(https://img.webme.com/pic/d/diegovenegas/a-02.gif); 
widht: 190px; 
height: 25px; 
color:#000000; 
margin-top:1px; 
padding:0 20px; 
line-height:25px;}

.menu_1:hover 
{background-image:url(https://img.webme.com/pic/d/diegovenegas/a-07.gif); 
widht: 190px; 
height: 25px; 
color:#0000FF; 
margin-top:1px; 
padding:0 20px; 
line-height:25px;}

#content 
{padding:10px; 
color:#000000; 
font-family: Helvetica, sans-serif; 
font-size:14px; 
background-color:#transparent; 
overflow:auto;}

.applemenu
{margin: 5px 0;
padding: 0;
width: 182px;}

.applemenu div.silverheader a
{background: black url(https://img.webme.com/pic/d/diegovenegas/a-02.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #000000;
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: #000000;}

.applemenu div.selected a, .applemenu div.silverheader a:hover
{background-image: url(https://img.webme.com/pic/d/diegovenegas/a-07.gif);
color: #0000FF;}

.applemenu div.submenu
{ padding: 5px;}

ul{list-style-image: url(https://img.webme.com/pic/d/diegovenegas/a-14.gif);}

[Diseño para CSS-Desing] D&P: Index 04

Texto por Encima

</td>
<td bgcolor="#000066"><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/b-01.jpg" 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="#000066"><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="#000066"><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="#000066"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#000066" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="right" class="copy"></td>
<td bgcolor="#000066"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-09.gif" width="11" height="21"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#000066" 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">

</td></tr>
<tr><td bgcolor="#000066"><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>

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</td></tr>
<tr><td bgcolor="#000066"><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="#000066"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td>
<td bgcolor="#000066" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td>
<td bgcolor="#000066"><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">

Texto por Debajo

</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#000066"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#000066" 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="#000066"><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="#000066" 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 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="#000066"><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>

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</div></td></tr>
<tr><td bgcolor="#000066"><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>

</body>

CSS-Code sin Style Tag

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

.applemenu
{margin: 5px 0;
padding: 0;
width: 182px;}

.applemenu div.silverheader a
{background: black url(https://img.webme.com/pic/d/dpruebas/b-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/b-07.gif);
color: #4B4B4B;}

.applemenu div.submenu
{ padding: 5px;}

ul{list-style-image: url(https://img.webme.com/pic/d/dpruebas/b-02.gif);}

[Diseño para CSS-Desing] D&P: Index 03

Texto por Encima

<DIV align=left><b><font face="Arial" size="1" color="#000066"> 
<SPAN 
id=clock> 
<SCRIPT language=JavaScript> 
 
</SCRIPT> 
</SPAN></font></b></DIV>

</td>
<td bgcolor="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/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/diegovenegas/encabezado.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" background="#"><img border="0" src="#" width="1" height="1"></td>
<td width="23%" class="topMenu" background="#" align="center"><a href="http://www.diegovenegas.es.tl/" class="menu1">Inicio</a></td>
<td width="23%" class="topMenu" background="#" align="center"><a class="menu1" href="/?goto=15">Foro</a></td>
<td width="23%" class="topMenu" background="#" align="center"><a class="menu1" href="/?goto=28">Blog</a></td>
<td width="15%" class="topMenu" background="#"><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="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#0099CC" width="95%" background="https://img.webme.com/pic/d/diegovenegas/b-04.gif" align="right" class="copy"></td>
<td bgcolor="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-09.gif" width="11" height="21"></td></tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#0099CC" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="https://img.webme.com/pic/d/diegovenegas/b-04.gif"><div class="blockTitle">Menu del sitio</div></td>
<td width="28%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#0099CC">

</td></tr>
<tr><td bgcolor="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</td></tr>
<tr><td bgcolor="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/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="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-12.gif" width="119" height="21"></td>
<td bgcolor="#0099CC" width="95%" background="https://img.webme.com/pic/d/diegovenegas/b-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td>
<td bgcolor="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-05.gif" width="119" height="21"></td>
</tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td colspan="3" class="topBorder" style="padding:3px;" valign="top">

Texto por Debajo

</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#0099CC" width="95%" background="https://img.webme.com/pic/d/diegovenegas/b-04.gif" align="center">Copyright MyCorp © 2009</td>
<td bgcolor="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/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="#0099CC" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="https://img.webme.com/pic/d/diegovenegas/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/diegovenegas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#0099CC"><div align="left">

<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="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>

</div></td></tr>
<tr><td bgcolor="#0099CC"><img border="0" src="https://img.webme.com/pic/d/diegovenegas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>

</td></tr>
</table>

</body>

CSS-Code sin Style Tag

a:link, a:visited, a:active 
{text-decoration:none; 
color:#000066;}

a:hover 
{text-decoration:none; 
color:#0000FF;}

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:#000066;
text-transform:uppercase;
font-size:9px;
font-family:Tahoma,Verdana;}

a.menu1:link, a.menu1:visited, a.menu1:active 
{text-decoration:none; 
color:#000066}

a.menu1:hover 
{text-decoration:none; 
color:#0000FF}

.topBorder 
{border-left:1px solid #000066; 
border-right:1px solid #000066;}

.topMenu 
{border:1px solid #000066; 
padding:2px;}

.menu_1
{background-image:url(https://img.webme.com/pic/d/diegovenegas/b-07.gif);
widht: 190px;
ext-decoration:none;
height: 25px;
color:#000066;
margin-top:1px;
padding:0 20px;
line-height:25px;}

.menu_1:hover 
{background-image:url(https://img.webme.com/pic/d/diegovenegas/b-14.gif);
widht: 190px;
ext-decoration:none;
height: 25px;
color:#0000FF;
margin-top:1px;
padding:0 20px;
line-height:25px;}

#content
{padding:10px;
color:#000066;
font-family: Helvetica, sans-serif;
font-size:14px;
background-color:#transparent;
overflow:auto;}

.applemenu
{margin: 5px 0;
padding: 0;
width: 182px;}

.applemenu div.silverheader a
{background: black url(https://img.webme.com/pic/d/diegovenegas/b-07.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #000066;
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: #000066;}

.applemenu div.selected a, .applemenu div.silverheader a:hover
{background-image: url(https://img.webme.com/pic/d/diegovenegas/b-14.gif);
color: #0000FF;}

.applemenu div.submenu
{ padding: 5px;}

ul{list-style-image: url(https://img.webme.com/pic/d/diegovenegas/b-02.gif);}

[Diseño para CSS-Desing] D&P: Index 02

Texto por Encima

<center><div id="wrapper">  <div id="logo"> <img src="http://pixelea.com/s/6a43e9dc36.gif" _fcksavedurl="http://pixelea.com/s/6a43e9dc36.gif" border="0"> </div>  <div class="pro_linedrop"> <ul class="select"> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a></li>  <li class="line"><a href="URL LINK'S" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> </ul>  </li>  <li class="line"><a href="URL LINK'S" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> </ul>  </li> </ul> </div><br/><br/>  <div style="clear: both;"></div>  <center> <div id="body_wrapper"> <div id="left_nav"> <div class="nav_box_header">menu</div> <div class="nav_box"> <br /> <ul> <li><a href="#1" _fcksavedurl="#1">Link 1</a></li> <li><a href="#1" _fcksavedurl="#1">Link 2</a></li> <li><a href="#1" _fcksavedurl="#1">Link 3</a></li> <li><a href="#1" _fcksavedurl="#1">Link 4</a></li> <li><a href="#1" _fcksavedurl="#1">Link 5</a></li> </ul> </div>  <br />             <div class="nav_box_header">otro menu o box</div> <div class="nav_box"> <br /> <ul> <li><a href="#1" _fcksavedurl="#1">Link 1</a></li> <li><a href="#1" _fcksavedurl="#1">Link 2</a></li> <li><a href="#1" _fcksavedurl="#1">Link 3</a></li> <li><a href="#1" _fcksavedurl="#1">Link 4</a></li> <li><a href="#1" _fcksavedurl="#1">Link 5</a></li> </ul> </div>                 </div> <div id="content_1"> <div class="nav_box_header">dpruebas.es.tl</div> <div class="nav_box">

Texto por Debajo

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

CSS-Code sin Style Tag

body      {background: #FFFFFF; font-family: Tahoma, Verdana; font-size: 10pt; color:#000066;}   #top_nav {width: 98%; position: relative;}  #logo {width: 98%; background: #FFFFFF;  border: 1px solid #000066;}  #body_wrapper {width: 98%;}   #left_nav {padding-top: 8px; width: 19%; float: left; margin: 0 auto;}   #right_nav          {padding-top: 8px; width: 20%; float: left; margin: 0 auto;}   #content_1         {padding-top: 8px; width: 60%; float: left; margin: 0 auto;}   #footer          {font-size: 8pt; padding-top: 3px; padding-bottom: 3px; width: 98%; background: #FFFFFF;}      #logo h1          {font-size: 20pt; margin-top: 12px; margin-bottom: 12px; color: #000000;}   a:link, a:visited, a:active {color: #0099CC; text-decoration: none;}  a:hover     {color: #0033CC;}  #top_nav a:link,#top_nav a:visited, #top_nav a:active     {color:#0099CC; font-weight: bold; text-decoration: none;}  #top_nav a:hover     {color: #0033CC;}  img     { border: 0px; }  .nav_box_header     {font-size: 12pt; color: white; font-weight: bold; background: #000066; width: 98%; border: 1px solid #000066; -moz-border-radius: 35px 35px 0px 0px;}  .nav_box      {background: #FFFFFF; width: 98%; border: 1px solid #000066;    text-align: left;}  .content_box_header        {background: #00CC00; width: 98%; border: 1px solid #000066;}  .content_box        {background: white; width: 98%; border: 1px solid #000066;}  div.nav_box p     { margin:0; }  #content .nav_box {padding-top: 15px; padding-top: 15px; padding-bottom: 15px;}  #content .nav_box     {padding-left: 5px; padding-right: 5px; width: 96%;}  .nav_box_header     { text-transform: uppercase; } ul {list-style-image: url(http://pixelea.com/s/ace1e79772.gif);}  #footer     {color: #ffffff; background: #000066;}  #footer a:link, #footer a:visited, #footer a:active     {color: #ffffff;}   #counter     {position: absolute; right: 3%; top:0px;}  
#content     
{padding:10px;
 color:#000066;
 font-family: Helvetica, sans-serif; font-size:12px;
 font-weight:bold;
 background-color:#transparent;
 background-image: none;
 border: 0px solid #000066;
 overflow:auto;}

.nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6, #pre_header,#post_header,#pre_content,#nav_heading,div.header, h1#title,h2#title span {display: none;}  .pro_linedrop           {height:35px; width:98%; background:url(http://pixelea.com/s/224035d6ed.gif); position:relative; font-family:arial, verdana, sans-serif; font-size:11px;}  .pro_linedrop .select     {margin:0; padding:0; list-style:none; white-space:nowrap;}  .pro_linedrop li        {float:left; background:url(http://pixelea.com/s/789a3db113.gif);}  .pro_linedrop .select a        {display:block; height:35px; float:left; background:url(http://pixelea.com/s/224035d6ed.gif); padding:0 0 0 15px; text-decoration:none; line-height:33px; white-space:nowrap; color:#ffffff;}  .pro_linedrop .select a b        {display:block; padding:0 30px 0 15px;  background:url (http://pixelea.com/s/224035d6ed.gif) right top;}  .pro_linedrop .select li.line a b    {background:url(http://pixelea.com/s/09b84661e9.gif) right top;}  .pro_linedrop .select a:hover, .pro_linedrop .select li:hover a     {background: url(http://pixelea.com/s/789a3db113.gif); padding:0 0 0 15px; cursor:pointer; color:#0099CC;}  .pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b     {display:block; padding:0 30px 0 15px; background:url(http://pixelea.com/s/789a3db113.gif) right top; cursor:pointer;}  .pro_linedrop .select li.line a:hover b, .pro_linedrop .select li.line:hover a b {background:url(http://pixelea.com/s/d083a92e1d.gif) right top; }  .pro_linedrop .sub     {display:none;}  .pro_linedrop ul ul     {display:none;}  .pro_linedrop table     {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;}  .pro_linedrop .sub     {margin:0; padding:0;list-style:none;}  .pro_linedrop .sub li     {background:transparent;}  .pro_linedrop .select :hover .sub     {height:25px; display:block; position:absolute; float:left; width:100%; top:35px; left:0; text-align:center; background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif); border:1px solid #aaa;}  .pro_linedrop .select :hover .sub li a    {display:block; height:25px; line-height:22px; float:left; background:transparent  none; padding:0 16px; margin:0; white-space:nowrap; color:#000066;font-size:10px;}  .pro_linedrop .select :hover .sub li.subline a {color:#c00;}  .pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover    {color:#0099CC; line-height:20px; position:relative; background:#fff url(http://pixelea.com/s/d5a2d4e79b.gif) left bottom;}

[Diseño para CSS-Desing] D&P: Index 01

Texto por Encima

<center> <div id="wrapper">  <div id="logo"> <img src="http://img149.imageshack.us/img149/1575/09ca2.gif" _fcksavedurl="http://img149.imageshack.us/img149/1575/09ca2.gif" border="0"> </div>  <div class="pro_linedrop"> <ul class="select">  <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a></li>  <li class="line"><a href="URL LINK'S" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> </ul>  </li>  <li class="line"><a href="URL LINK'S" _fcksavedurl="URL LINK'S"><b>Nombre link's</b></a>  <ul class="sub"> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> <li><a href="URL LINK'S" _fcksavedurl="URL LINK'S">Nombre link's</a></li> </ul>  </li>  </ul> </div>  <br/><br/>  <div style="clear: both;"></div> <center> <div id="body_wrapper"> <div id="left_nav">  <div class="nav_box_header">box 01</div> <div class="nav_box"> <br /> <ul> <li><a href="#1" _fcksavedurl="#1">Link 1</a></li> <li><a href="#1" _fcksavedurl="#1">Link 2</a></li> <li><a href="#1" _fcksavedurl="#1">Link 3</a></li> <li><a href="#1" _fcksavedurl="#1">Link 4</a></li> <li><a href="#1" _fcksavedurl="#1">Link 5</a></li> </ul> </div>  <br />  <div class="nav_box_header">box 03</div> <div class="nav_box"> <br /> <ul> <li><a href="#1" _fcksavedurl="#1">Link 1</a></li> <li><a href="#1" _fcksavedurl="#1">Link 2</a></li> <li><a href="#1" _fcksavedurl="#1">Link 3</a></li> <li><a href="#1" _fcksavedurl="#1">Link 4</a></li> <li><a href="#1" _fcksavedurl="#1">Link 5</a></li> </ul> </div>  </div>  <div id="content_1"> <div class="nav_box_header">box central</div> <div class="nav_box">

Texto por Debajo

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

CSS-Code sin Style Tag

body {background: #FFFFFF url(http://img512.imageshack.us/img512/6084/01rx6.jpg); font-family: Tahoma, Verdana; font-size: 10pt; color:#FFFFFF;}  #logo {width: 98%; background: #FFFFFF; border:2px solid #000000;}  #body_wrapper {width: 98%;}  #left_nav {padding-top: 8px; width: 18%; float: left; margin: 0 auto;}  #right_nav {padding-top: 8px; width: 20%; float: left; margin: 0 auto;}  #content_1 {padding-top: 8px; width: 60%; float: left; margin: 0 auto;}  #footer {font-size: 8pt; width: 98%; height:22px; color: #ffffff; padding-top: 4px; background:#FFFFFF url(http://img89.imageshack.us/img89/936/02am6.png);}  #footer a:link, #footer a:visited, #footer a:active {color: #ffffff;}  #logo h1 {font-size: 20pt; margin-top: 12px; margin-bottom: 12px; color: #000000;}  #content a:link, a:visited, a:active {color: #991100; text-decoration: none;}  #content a:hover {color: #000099;}  .nav_box a:link, a:visited, a:active {color: #991100; text-decoration: none;}  .nav_box a:hover {color: #000099;}  a:link, a:visited, a:active {color: #CC6600; text-decoration: none;}  a:hover {color: #CCFF66;}  img {border: 0px; }  .nav_box_header {font-size: 12pt; height:20px; color: #FFFFFF; font-weight: bold; background:url(http://img89.imageshack.us/img89/936/02am6.png) ; width: 98%; border-left: 2px solid #000000; border-top: 2px solid #000000; border-right: 2px solid #000000; border-bottom: 0px solid #000000; text-transform: uppercase;}  .nav_box {background: url(http://img443.imageshack.us/img443/8696/03ck0.png); width: 98%; border:2px solid #000000; text-align: left;}  .content_box_header {background: #00CC00; width: 98%; border:2px solid #000000;}  .content_box {background: white; width: 98%; border:2px solid #000000;}  div.nav_box p {margin:0; }  #content .nav_box {padding-top: 15px; padding-top: 15px; padding-bottom: 15px;}  #content .nav_box {padding-left: 5px; padding-right: 5px; width: 96%;}  ul {list-style-image: url(http://img512.imageshack.us/img512/1082/04ib8.gif)}  #counter {position: absolute; right: 3%; top:0px;}  
#content {padding:10px; color:#000000; font-family: Helvetica, sans-serif; font-size:14px; font-weight:bold; background-color:#transparent; overflow:auto;}  .nav_element, .header, #content_container h2, #extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,#extraDiv6,#pre_header  ,#post_header,#pre_content,#nav_heading,div.header,h1#title,h2#title span {display: none;}   .pro_linedrop {height:30px; width:98%; background:url(http://img205.imageshack.us/img205/8442/05lm4.png); position:relative; font-family:arial, verdana, sans-serif; font-size:11px; border-left: 2px solid #000000; border-top: 0px solid #000000; border-right: 2px solid #000000; border-bottom: 2px solid #000000; }  .pro_linedrop .select {margin:0; padding:0; list-style:none; white-space:nowrap;}  .pro_linedrop li {float:left; background:url(http://img367.imageshack.us/img367/9422/06ra7.png);}  .pro_linedrop .select a {display:block; height:30px; float:left; background: url(http://img205.imageshack.us/img205/8442/05lm4.png); padding:0 0 0 10px; text-decoration:none; line-height:30px; white-space:nowrap; color:#ffffff;}  .pro_linedrop .select a b {display:block; padding:0 20px 0 10px; background:url(http://img205.imageshack.us/img205/8442/05lm4.png) right top;}  .pro_linedrop .select li.line a b {background:url(http://img367.imageshack.us/img367/5741/07yl2.gif) right top;}  .pro_linedrop .select a:hover, .pro_linedrop .select li:hover a {background: url(http://img367.imageshack.us/img367/9422/06ra7.png); padding:0 0 0 10px; cursor:pointer; color:#0099CC;}  .pro_linedrop .select a:hover b, .pro_linedrop .select li:hover a b {display:block; padding:0 20px 0 10px; background:url(http://img367.imageshack.us/img367/9422/06ra7.png) right top; cursor:pointer;}  .pro_linedrop .select li.line a:hover b, .pro_linedrop .select li.line:hover a b {background:url(http://img367.imageshack.us/img367/5741/07yl2.gif) right top; }  .pro_linedrop .sub {display:none;}  .pro_linedrop ul ul {display:none;}  .pro_linedrop table {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;}  .pro_linedrop .sub {margin:0; padding:0;list-style:none;}  .pro_linedrop .sub li {background:transparent;}  .pro_linedrop .select :hover .sub {height:25px; display:block; position:absolute; float:left; width:100%; top:30px; left:0; text-align:center; background:#fff url(http://img267.imageshack.us/img267/1033/08hq3.gif); border:1px solid #aaa;}  .pro_linedrop .select :hover .sub li a {display:block; height:25px; line-height:22px; float:left; background:transparent  none; padding:0 11px; margin:0; white-space:nowrap; color:#991100;font-size:10px;}  .pro_linedrop .select :hover .sub li.subline a {color:#c00;}  .pro_linedrop .select :hover .sub li a:hover, .pro_linedrop .select :hover .sub li:hover {color:#000099; line-height:22px; position:relative; background:#fff url(http://img267.imageshack.us/img267/1033/08hq3.gif) left bottom;}