Plantillas CSS Experto PWG

Plantillas Css Experto

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

Texto por Encima

<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="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"> <DIV align=left><b><font face="Arial" size="1" color="#969696"> <SPAN id=clock> <SCRIPT language=JavaScript>  </SCRIPT> </SPAN></font></b></DIV> </td> <td bgcolor="#660000"><img border="0" src="http://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="http://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="http://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif" align="right" class="copy"></td> <td bgcolor="#660000"><img border="0" src="http://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="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Menu del sitio</div></td> <td width="28%"><img border="0" src="http://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="http://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="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Box 02</div></td> <td width="28%"><img border="0" src="http://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="http://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="http://img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="http://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="http://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="http://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#660000" width="95%" background="http://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="http://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="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://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="http://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/JS/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/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="http://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="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://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="http://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="http://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="http://img.webme.com/pic/d/dpruebas/a-14.gif" width="80" height="15" title="Design by DiegoVenegas" /></a></div> </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(http://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(http://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(http://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(http://img.webme.com/pic/d/dpruebas/a-07.gif); color: #4B4B4B;}  .applemenu div.submenu { padding: 5px;}  ul{list-style-image: url(http://img.webme.com/pic/d/dpruebas/b-02.gif);}

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

Texto por Encima

<body bgcolor="#FFFFFF" 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="#FFFFFF"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td bgcolor="#FFFFFF" width="95%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"> <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="http://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="http://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="http://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td> <td bgcolor="#E4E8F3" width="95%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif" align="right" class="copy"></td> <td bgcolor="#E4E8F3"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">Menu del sitio</div></td> <td width="28%"><img border="0" src="http://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"> <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="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#FFFFFF" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 02</div></td> <td width="28%"><img border="0" src="http://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"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 03</div></td> <td width="28%"><img border="0" src="http://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"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="http://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="http://img.webme.com/pic/d/diegovenegas/a-12.gif" width="119" height="21"></td> <td bgcolor="#E9ECF5" width="95%" background="http://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="http://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="http://img.webme.com/pic/d/diegovenegas/a-08.gif" width="119" height="21"></td> <td bgcolor="#E9ECF5" width="95%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif" align="center">Copyright MyCorp © 2009</td> <td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-13.gif" width="119" height="21"></td> </tr></table></td> <td width="195" valign="top" align="right"> <table border="0" cellpadding="0" cellspacing="0" width="190"> <tr><td><table border="0" bgcolor="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 04</div></td> <td width="28%"><img border="0" src="http://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"> <div id="sidebar2" class="sidebar"> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/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> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 05</div></td> <td width="28%"><img border="0" src="http://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"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="#E9ECF5" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/a-04.gif"><div class="blockTitle">box 06</div></td> <td width="28%"><img border="0" src="http://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"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#E9ECF5"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/a-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="http://img.webme.com/pic/d/diegovenegas/a-01.gif" width="80" height="15" title="Design by DiegoVenegas" /></a></div> </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(http://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(http://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;}   .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(http://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(http://img.webme.com/pic/d/diegovenegas/a-07.gif); color: #0000FF;}  .applemenu div.submenu { padding: 5px;}  ul{list-style-image: url(http://img.webme.com/pic/d/diegovenegas/a-14.gif);}

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

Texto por Encima

<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="#000066"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td bgcolor="#000066" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"> <DIV align=left><b><font face="Arial" size="1" color="#969696"> <SPAN id=clock> <SCRIPT language=JavaScript>  </SCRIPT> </SPAN></font></b></DIV> </td> <td bgcolor="#000066"><img border="0" src="http://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="http://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="http://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#000066" width="95%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif" align="right" class="copy"></td> <td bgcolor="#000066"><img border="0" src="http://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="#000066" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Menu del sitio</div></td> <td width="28%"><img border="0" src="http://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="#000066"><img border="0" src="http://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="#000066" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Box 02</div></td> <td width="28%"><img border="0" src="http://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="#000066"><img border="0" src="http://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="http://img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td> <td bgcolor="#000066" width="95%" background="http://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="http://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="http://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td> <td bgcolor="#000066" width="95%" background="http://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="http://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="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://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="http://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/JS/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/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="#000066"><img border="0" src="http://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="#000066" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://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="http://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="#000066"><img border="0" src="http://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="http://img.webme.com/pic/d/dpruebas/b-14.gif" width="80" height="15" title="Design by DiegoVenegas" /></a></div> </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(http://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(http://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;}   .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(http://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(http://img.webme.com/pic/d/dpruebas/b-07.gif); color: #4B4B4B;}  .applemenu div.submenu { padding: 5px;}  ul{list-style-image: url(http://img.webme.com/pic/d/dpruebas/b-02.gif);}

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

Texto por Encima

<body bgcolor="#0099CC" 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="#0099CC"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/b-03.gif" width="11" height="21"></td> <td bgcolor="#0099CC" width="95%" background="http://img.webme.com/pic/d/diegovenegas/b-04.gif"> <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="http://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="http://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="http://img.webme.com/pic/d/diegovenegas/b-08.gif" width="119" height="21"></td> <td bgcolor="#0099CC" width="95%" background="http://img.webme.com/pic/d/diegovenegas/b-04.gif" align="right" class="copy"></td> <td bgcolor="#0099CC"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/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="#0099CC" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/b-04.gif"><div class="blockTitle">Menu del sitio</div></td> <td width="28%"><img border="0" src="http://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 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="#0099CC"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/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="#0099CC" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/b-04.gif"><div class="blockTitle">Box 02</div></td> <td width="28%"><img border="0" src="http://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"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </td></tr> <tr><td bgcolor="#0099CC"><img border="0" src="http://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="http://img.webme.com/pic/d/diegovenegas/b-12.gif" width="119" height="21"></td> <td bgcolor="#0099CC" width="95%" background="http://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="http://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="http://img.webme.com/pic/d/diegovenegas/b-08.gif" width="119" height="21"></td> <td bgcolor="#0099CC" width="95%" background="http://img.webme.com/pic/d/diegovenegas/b-04.gif" align="center">Copyright MyCorp © 2009</td> <td bgcolor="#0099CC"><img border="0" src="http://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="http://img.webme.com/pic/d/diegovenegas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://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="http://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 id="sidebar2" class="sidebar"> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/jquery-1.2.6.pack.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/ddaccordion.js"></script> <script type="text/javascript" src="http://diegovenegas.110mb.com/JS/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="#0099CC"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/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="#0099CC" cellpadding="0" cellspacing="0" width="100%"><tr> <td width="2%"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/b-03.gif" width="11" height="21"></td> <td width="70%" background="http://img.webme.com/pic/d/diegovenegas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Box 04</div></td> <td width="28%"><img border="0" src="http://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"> <br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/> </div></td></tr> <tr><td bgcolor="#0099CC"><img border="0" src="http://img.webme.com/pic/d/diegovenegas/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="http://img.webme.com/pic/d/diegovenegas/b-01.gif" width="80" height="15" title="Design by DiegoVenegas" /></a></div> </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(http://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(http://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;}   .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(http://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(http://img.webme.com/pic/d/diegovenegas/b-14.gif); color: #0000FF;}  .applemenu div.submenu { padding: 5px;}  ul{list-style-image: url(http://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:url(); 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 url(); 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;}