Comunidad LBIP: Plantillas

Plantillas para blog de blogger blogspot

Una vez que ya hemos creado nuestro blog lo siguiente es buscar un diseño atractivo para nosotros y para nuestros lectores. Por este motivo voy a haceros una pequeña recopilación de páginas web en donde podéis descargar plantillas para vuestro nuevo blog de blogger.

Comenzamos con templates blogger
Plantillas en inglés en 10bloggertemplates.
Magníficas plantillas en Blogger styles
50 plantillas en Mashable.com
Plantillas en español en Blogandweb.com
Plantilas mínimas ya con 3 columnas instaladas en florwex.
Cientos de plantillas clasificadas por temas en btemplates.com
Más plantillas en bloggerbuster.
Plantillas en inglés pero con diseños increíbles en freecsstemplates.
En el blog de César tenemos más plantillas en español.
En la página de dantearujo.net tenemos plantillas en inglés pero con diseños increíbles.
Más en Deluxetemplates en inglés.
Bloggerstyles en inglés.
allblogtootls en inglés.
zoomtemplate, también en inglés.
bloggerthemes, con unos fondos impresiones y en inglés.
pannasmontata plantillas en italiano.
zuneo plantillas en francés.
pyzam nos encontramos con más plantillas en inglés.
bietemplates plantillas en inglés.
btheme.info en inglés.
freebloggertemplates, también en inglés.

Una vez encontremos la plantilla que más nos guste,

Como instalar plantillas en tu blog de blogger.

[Leer Mas...]

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

[Leer Mas...]

Plantillas IceBlue Para Tu Web

Tutorial como colocar una plantilla en tu Web

Copia el Codigo con Ctrl + c y pegalo en texto por encima de la pagina.

Code:

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

Original LBIP

-Metal Gear

Code:

Original LBIP

-BlackSite

Code:

Normal:

AnimierterHeader:

-Dragonball Z

Original LBIP

Code:

ExtraAnimation:

Original LBIP

-PurpleFlower

Original LBIP

Code:

Original LBIP

-Color

Code:

Original LBIP

-GreenAlien

(Bild anklicken zum Vergrössern)

Code:

Original LBIP

-WaterBlue

Code:

Original LBIP

-LittlePunk

Code:

Original LBIP

-Xbox360

Code:

Original LBIP

-Spiderman

Code:

Original LBIP

-CloneWars

Code:

Original LBIP

Plantilla Naruto

Pega este codigo por encima de la pagina

Original LBIP

Original LBIP

Original LBIP

El rey Avatar

Pega este por encima de la pagina

Original LBIP

Plantilla Simple :

Original LBIP

Original LBIP

Counter-Strike

Medalla De Honor :

Sencilla 2 :

Sencilla 4 :

Counter 3 :

Electro :

Mi Style 2 :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http:/www.w3.org/1999/xhtml"> <div style="width:900px; position: relative; margin-left: auto; margin-right: auto;"> <style type="text/css"> </style>

Codigo:

Codigo:

</td> </tr> </table></td> </tr> </table></td> <td width="79" background="http://img.webme.com/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td> </tr> </table> <div style="float: left"> </div> <FONT color="white"><style type="text/css">  </style>

Plantillas CSS Profecional

(Click Aki)

[Leer Mas...]

Plantillas para blog de blogger blogspot

Plantillas CSS Experto PWG

Plantillas Css Experto

Plantillas IceBlue PWG

Plantillas IceBlue Para Tu Web

Tutorial como colocar una plantilla en tu Web

Copia el Codigo con Ctrl + c y pegalo en texto por encima de la pagina.

Code:

-Metal Gear

-BlackSite

Code:

-Dragonball Z

-PurpleFlower

-Color

-GreenAlien

-LittlePunk

Original LBIP

-Xbox360

Original LBIP

-Spiderman

-CloneWars

Original LBIP

Search

Mini Juegos Online

Categorías Menú Principal

Sponsors

Publicidad

Sitios Recomendadas

Entradas populares

Plantillas para blog de blogger blogspot

Plantillas CSS Experto PWG

Plantillas Css Experto

Plantillas IceBlue PWG

Plantillas IceBlue Para Tu Web

Tutorial como colocar una plantilla en tu Web

Copia el Codigo con Ctrl + c y pegalo en texto por encima de la pagina. Code:

-Metal Gear

-BlackSite

Code:

-Dragonball Z

-PurpleFlower

-Color

-GreenAlien

-LittlePunk

Original LBIP

-Xbox360

Original LBIP -Spiderman

-CloneWars

Original LBIP

Search

Mini Juegos Online

Categorías Menú Principal

Sponsors

Publicidad

Sitios Recomendadas

Entradas populares

Copia el Codigo con Ctrl + c y pegalo en texto por encima de la pagina.

Code:

Original LBIP

-Spiderman