Zona-Desing

Diseños Professionales

DISEÑO 1

----------------------------------------------------

RS 11

Codigo por encima de la pagina

Codigo por debajo de la pagina

<div id="sidebar"> <h2>Ultimos contenidos</h2> <ul> <li><a href="#">Contenido 1</a></li> <li><a href="#">Contenido 1</a></li> <li><a href="#">Contenido 1</a></li> <li><a href="#">Contenido 1</a></li> <li><a href="#">Contenido 1</a></li> <li><a href="#">Contenido 1</a></li> <li><a href="#">Contenido 1</a></li> </ul> <h2>Link's</h2> <ul> <li><a href="http://cssplantillas.es.tl">CssPlantillas</a></li> <li><a href="#">Link's 2</a></li> <li><a href="#">Link's 3</a></li> <li><a href="#">Link's 4</a></li> <li><a href="#">Link's 5</a></li> <li><a href="#">Link's 6</a></li> <li><a href="#">Link's 8</a></li> </ul> </div> <div class="clear"></div> </div> <div id="footer"> <p>© 2009 - Todos los derechos reservados <a href="/inicio.htm">Tu web.es.tl</a></p> <p>Home | About Us | Products | Services | Careers | Privacy Policy | Contact </p> <p id="credit">Diseños por: <a href="http://ramblingsoul.com">CSS Template</a> | Adaptada por: <a href="http://cssplantillas.es.tl">Css Plantillas</a></p> </div> </div>

Codigo "Sin style tag"

DISEÑO 2

----------------------------------------------------

Arthemia

Codigo por encima de la pagina

<div id="head" class="clearfloat"> <div class="clearfloat"> <div id="logo" class="left"> <a href="/inicio.htm"><img src="http://www.fileden.com/files/2009/5/1/2426283/logo2.png" width="177px" height="39px" alt="" /></a> <div id="tagline">Recursos web!</div> </div> <div class="right"> <img src="http://www.fileden.com/files/2009/5/1/2426283/wide.jpg" alt="" width="468px" height="60px" /> </div> </div> <div id="navbar" class="clearfloat"> <ul id="page-bar" class="left clearfloat"> <li><a href="index.htm">Inicio</a></li> <li><a href="#">Musica</a></li> <li><a href="#">Imagenes</a></li> <li><a href="#">Videos</a></li> <li><a href="#">Contacto</a></li> </ul>  <form method="get" id="searchform" class="left" action="/resultados.htm"><div> <input type="text" value="Escribe lo que buscas.." value="" name="s" id="s" onfocus="this.value=''" /><input type="image" src="http://www.fileden.com/files/2009/5/1/2426283/magnify.gif" id="searchsubmit" /> </div> </form>  </div> </div> <div id="page" class="clearfloat"> <div id="top" class="clearfloat"> <div id="headline"> <img src="img/headline.png" width="75px" height="21px" alt="" /> </div> <div id="featured"> <img src="img/featured.png" width="72px" height="17px" alt="" /> </div> </div> <div id="waper" class="clearfloat">

Codigo por debajo de la pagina

<div id="sidebar"> <div id="sidebar-ads"> <img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" alt="" width="300px" height="250px" /> </div> <div id="sidebar-top"> <h3>Paginas</h3> <ul> <li class="page_item page-item-2"><a href="#" ">Información</a></li> </ul> </div> <div id="sidebar-middle" class="clearfloat"> <div id="sidebar-left"> <h3>Recientes</h3> <ul> <li><a href="#">Discos </a></li> <li><a href="#">Afinación </a></li> <li><a href="#">¡Hola, mundo!</a></li> </ul> <h3>Meta</h3><ul> <li><a href="#">Iniciar sesión</a></li> <li><a href="#">RSS de las entradas</a></li> <li><a href="#">RSS de los comentarios</a></li> <li><a href="#">WordPress.org</a></li> </ul> <ul></ul> </div> <div id="sidebar-right"> <h3>Paginas amigas</h3> <ul> <li><a href="http://cssplantillas.es.tl">Css Plantillas</a></li> <li><a href="#">Link's 3</a></li> <li><a href="#">Link's 4</a></li> <li><a href="#">Link's 5</a></li> <li><a href="#">Link's 6</a></li> <li><a href="#">Link's 7</a></li> <li><a href="#">Link's 8</a></li> <li><a href="#">Link's 9</a></li> <li><a href="#">Link's 10</a></li> </ul> </div> </div> <div id="sidebar-bottom"> <h3>Enlaces</h3> <ul class='xoxo blogroll'> <li><a href="#">Enlace 1</a></li> <li><a href="#">Enlace 2</a></li> <li><a href="#">Enlace 3</a></li> <li><a href="#">Enlace 4</a></li> <li><a href="#">Enlace 5</a></li> </ul> </div> </div> </div> </div> <div id="front-popular" class="clearfloat"> <div id="recentpost" class="clearfloat"> <h3>Comentarios recientes</h3> <ul id="recentcomments"> <li><a href='#'>Css Floid</a> en: Diseños avanzados</li> <li><a href='#'>Color void</a> en: Diseños avanzados</li> <li><a href='#'>Arthemia</a> en: Diseños avanzados</li> <li><a href='#'>Css plantillas</a> en: Diseños avanzados</li> <li><a href='#'>New design</a> en: Diseños avanzados</li> <li><a href='#'>Css Floid</a> en: Diseños avanzados</li> </ul> </div> <div id="mostcommented" class="clearfloat"> <h3>Comentario recientes</h3> <ul> <li><a href="#">Muy buena la pagina...</a> 30-09-08</li> <li><a href="#">Muy buena la pagina...</a> 30-09-08</li> <li><a href="#">Muy buena la pagina...</a> 30-09-08</li> <li><a href="#">Muy buena la pagina...</a> 30-09-08</li> </ul> </div> <div id="recent_comments" class="clearfloat"> <img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" width="280px" height="210px" /> </div> </div> <div id="footer"> Potenciado por <a href="http://es.tl">Pagin web gratis</a> | Diseño <b>arthemia</b> por : <a href="http://michaelhutagalung.com">Michael Hutagalung</a> - Adaptado por: <a href="http://cssplantillas.es.tl">Css Plantillas</a> </div>

Codigo "Sin style tag"

#post_header {display: none;} #header_container {display: none;} lli.nav_element{display: none;}  li.nav_element a{display: none;}  h1#title{display: none;}  h2#title span {display: none;}  table {margin-left:auto;margin-right:auto;}  * { 	margin:0; 	padding:0; 	}  body { 	font: 100% Arial, Helvetica; 	background: #FFF; 	color: #333; 	}  p {	 	margin: 15px 0; 	}  a:link, a:visited { 	color: #3c78a7; 	text-decoration:none 	}  a:hover, a:active { 	color: #3c78a7; 	text-decoration:underline; 	}  a img { 	border:0; 	}  code { 	font: 1.0em 'Courier New', Courier, Fixed; 	background:#ececec; 	}	  acronym, abbr, span.caps {	 	font-size: 0.9em; 	letter-spacing: .07em; 	cursor: help; 	}			  acronym, abbr { 	border-bottom: 1px dashed #999; 	}  blockquote { 	padding: 10px 10px 0 10px; 	border-top: 1px solid #ddd; 	border-bottom: 1px solid #ddd; 	background: #eee; 	font:1.0em Arial; 	line-height:1.5em; 	margin:10px 0px; 	}  select { 	width: 130px; 	}	    /* Structure */   #head { 	width:960px; 	margin:0px auto; 	margin-top:15px; 	padding:0px; 	font-size:0.7em; 	}   #page { 	width:940px; 	margin:0px auto; 	padding:10px; 	background:#ececec; 	font-size:0.7em; 	}  .left, .alignleft { 	float:left; 	}  .right, .alignright { 	float:right; 	}   /* Navigation Bar*/ #navbar { 	margin:0 auto; 	margin-top:15px; 	padding:0px 10px; 	text-transform:uppercase; 	background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/navbar.png"); 	}  #page-bar { 	width:722px; 	}  #page-bar ul { 	list-style: none; 	}  #page-bar li { 	float:left; 	list-style:none; 	cursor: pointer; 	display:block; 	border-right:1px solid #333; 	}  #page-bar li:hover { 	background: #3c78a7; 	}   #page-bar a, #page-bar a:visited { 	margin: 0px; 	padding:10px 16px; 	font-weight:bold; 	color:#FFF; 	display:block; 	}  #page-bar a:hover { 	text-decoration:none; 	display:block; 	}  #searchform { 	width:194px; 	float:right; 	text-align:right; 	padding-top:8px; 	margin-right:10px; 	}  /* Dropdown Menus */		 #page-bar li { 	float: left; 	margin: 0px; 	padding: 0px; 	} 	 #page-bar li li { 	float: left; 	margin: 0px; 	padding: 0px; 	width: 122px; 	text-transform:none; 	} 	 #page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited { 	background: #2B2B2B; 	width: 122px; 	float: none; 	margin: 0px; 	padding: 5px 10px 5px 18px; 	border-top: 1px solid #C0C0C0; 	} 	 #page-bar li li a:hover, #page-bar li li a:active { 	background: #666666; 	padding: 5px 10px 5px 18px; 	}  #page-bar li ul { 	position: absolute; 	width: 10em; 	left: -999em; 	}  #page-bar li:hover ul { 	left: auto; 	display: block; 	} 	 #page-bar li:hover ul, #page-bar li.sfhover ul { 	left: auto; 	}   /* Text*/  h1 { 	font:3.5em Arial; 	font-weight:bold; 	letter-spacing:-0.08em; 	}  h2 { 	font:2.3em Georgia, "Times New Roman"; 	}  h3 { 	font:1.3em Arial; 	margin-bottom:3px; 	color:#3c78a7; 	font-weight:bold; 	}  h4 { 	font:1.0em Arial; 	}  h3.cat_title, h3.cat_title a { 	color:#333; 	letter-spacing:-0.05em; 	font-size:0.85em; 	}  h3#respond { 	margin-top:0px; 	padding-top:20px; 	}  h3#comments { 	margin-top:32px; 	padding-left:0px; 	}  h3.authors { 	margin-top:15px; 	}  /* Index Page*/  #logo { 	width:350px; 	}  #tagline { 	margin-top:5px; 	font-size:1em; 	color:#333; 	}  #top { 	padding:0; 	}  #headline { 	width:590px; 	float:left; 	background:#fff; 	padding:10px; 	font-size:1.05em; 	line-height:1.5em; 	margin:0; 	}  #headline  div.title { 	font-weight:bold; 	font:2.4em Georgia; 	letter-spacing:-0.05em; 	display:block; 	padding-bottom:5px; 	}  #headline div.meta { 	display:block; 	margin-top:-5px; 	padding-bottom:2px; 	}  #headline p { 	padding-bottom:15px; 	}  #featured { 	width:300px; 	background:#fff; 	float:right; 	padding:10px 10px 9px 10px; 	}  #featured .clearfloat { 	margin-top:7px; 	margin-bottom:8px; 	}  #featured .info { 	margin-top:5px; 	padding-top:5px; 	float:right; 	width:180px; 	}  #featured .title { 	font-weight:bold; 	}  #headline a img, #featured a img { 	border:1px solid #ccc; 	margin-top:5px; 	margin-right:10px; 	padding:2px; 	}     .category { 	width:164px; 	float:left; 	border-top:8px solid #333; 	margin:0px; 	padding:5px 10px 10px 10px; 	background:#fff; 	}  .category p { 	margin:0; 	}  #cat-1, #cat-3, #cat-5  {border-top:8px solid #333333;} #cat-2, #cat-4 {border-top:8px solid #3c78a7;}  .category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title { 	text-transform:lowercase; 	margin:0; 	font-weight:bold; 	font-size:1.5em; 	letter-spacing:-0.05em; 	}  #front-popular h3 { 	color:#fff; 	}  .category a { 	color:#333; 	display:block; 	background:none; 	}  .category a:hover { 	background:none; 	color:#fff; 	text-decoration:none; 	}  #waper { 	width: 940px; 	}  #content { 	width:590px; 	background:#fff; 	padding:10px; 	font-size:1.05em; 	line-height:1.75em; 	float:left; 	}  #archive { 	padding-top:15px; 	font-size:1.05em; 	line-height:1.75em; 	}  #front-list blockquote { 	padding: 0px 10px 0 10px; 	}  #front-list .title, #archive .title { 	font-weight:bold; 	font:2.0em Georgia; 	letter-spacing:-0.05em; 	}  #front-list .clearfloat, #archive .clearfloat { 	padding-bottom:10px; 	border-bottom:1px dotted #ccc; 	margin-bottom:10px; 	}  #front-list .spoiler, #archive .spoiler { 	display:block; 	margin-top:3px; 	}  #front-list p, #archive p { 	margin:0px; 	padding:0px; 	}  .author { 	font-size:0.8em; 	font-weight:bold; 	}  .meta { 	font-size:0.8em; 	color:#333; 	}  .meta a { 	color:#333; 	}  #headline p, #featured p { 	margin:0; 	}   /* Content Page*/    /* Sidebar*/ #sidebar { 	width:320px; 	float:right; 	margin:0px 0px 0px 0px; 	}  #sidebar h3 { 	font:1.1em Arial; 	font-weight:bold; 	background:#333; 	color:#fff; 	margin:10px 0px 5px 0px; 	padding:3px 10px; 	}  #sidebar-top, #sidebar-bottom { 	width:300px; 	float:right; 	padding:0px 10px 10px 10px; 	background:#fff; 	}  #sidebar-bottom, #sidebar-middle { 	margin-top:10px; 	}  #sidebar-middle { 	width:320px; 	float:right; 	}  #sidebar-left { 	width:135px; 	padding:0px 10px 10px 10px; 	float:left; 	background:#fff; 	}  #sidebar-right { 	width:135px; 	padding:0px 10px 10px 10px; 	float:right; 	background:#fff; 	}   #sidebar li { 	list-style:none; 	border-bottom:1px dotted #ccc; 	display:block; 	padding:2px 0px 2px 13px; 	background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px; 	}  #sidebar li ul li:last-child{ 	list-style:none; 	border-bottom:0px dotted #ccc; 	display:block; 	padding:2px 0px 0px 13px; 	background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px; 	}  #sidebar-ads { 	width:300px; 	float:right; 	margin-bottom:10px; 	padding:10px; 	background:#fff; 	}   /* Form Elements */  select { 	border:1px solid #333; 	width:100% 	} 	 .field { 	padding: 2px; 	border:1px solid #333; 	background:#fff; 	font-size:1.0em; 	}  #s { 	padding:1px; 	font-size:1.0em; 	width:150px; 	} 	 #searchsubmit { 	padding-left:5px; 	}  #commentform input { 	width: 140px; 	margin: 5px 5px 1px 0; 	}  #commentform textarea { 	width: 99%; 	margin-top:5px; 	}    /* Comments*/  .commentlist cite { 	font-style:normal; 	margin-bottom:4px; 	display:block; 	}	  .commentlist blockquote { 	background:#ededed; 	} 			 .commentlist li { 	padding: 10px 0px 10px 0px; 	list-style:none; 	margin-bottom:3px; 	}  .commentlist li li { 	background:none; 	border:none; 	list-style:square; 	margin:3px 0 3px 20px; 	padding:3px 0; 	}  .commenttext { 	padding: 10px 10px 0px 10px; 	background:#f2f2f2; 	border-top:1px solid #ddd; 	border-bottom: 1px solid #ddd; 	width:495px; 	float:right 	} 		 .commentlist cite strong { 	font-size:1.1em; 	} 	 li.my_comment { 	background: #FFF; 	border:none; 	}  li.my_comment cite strong { 	font-size: 1.3em; 	color:#313228; 	} 	 #commentform small { 	background:#FFF; 	font-weight:bold; 	padding:0; 	} 	 .commentmetadata { 	color:#4d4d4d; 	display: block; 	margin-top:3px; 	text-align:right; 	font-size:0.9em; 	}  .commentmetadata a, .commentmetadata a:visited { 	color:#959382; 	} 	 .commentlist small { 	background:#e9e9e9; 	}  .avatar { 	border:1px solid #bbb; 	margin:0px 10px 0px 0px; 	float:left; 	padding:2px; 	width:55px; 	height:55px; 	}	  #comment { 	width:590px; 	background:#fff; 	}  /* Footer*/  #front-popular { 	font-size:0.7em; 	color:#fff; 	width: 940px; 	background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/bottombar.png") bottom no-repeat; 	margin: 0 auto; 	padding:10px; 	}  #recentpost, #mostcommented { 	width:280px; 	float:left; 	padding:10px; 	border:1px solid #fff; 	}  #mostcommented { 	margin-left:17px; 	}  #recent_comments { 	width:280px; 	float:right; 	padding:10px; 	border:1px solid #fff; 	}  #recentpost a, #mostcommented a, #recent_comments a { 	color:#fff; 	}  #recentpost ul, #mostcommented ul, #recent_comments ul { 	margin-top:5px; 	}  #recentpost ul li, #mostcommented ul li, #recent_comments ul li { 	list-style:none; 	border-top:1px dotted #fff; 	padding:5px; 	display:block; 	}  #recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover { 	background:#3c78a7; 	color:#fff; 	}  #recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child { 	border-top:0px dotted #fff; 	}   #footer { 	margin: 0 auto; 	width: 960px; 	font-size:0.6em; 	padding-top:10px; 	padding-bottom:10px; 	}   /* Float Properties*/  .clearfloat:after { 	content:"."; 	display:block; 	height:0; 	clear:both; 	visibility:hidden; 	}  .clearfloat { 	display: inline-block; 	}   /* Hides from IE-mac */ * html .clearfloat { 	height:1%; 	}  *+html .clearfloat { 	height:1%; 	}  .clearfloat { 	display:block; 	}

DISEÑO 3

----------------------------------------------------

Index 6

Codigo por encima de la pagina

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

Codigo por debajo de la pagina

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

Codigo "Sin style tag"

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

City

Diseños Professionales

Arthemia