Pagina web en css


Published on

Published in: Technology, News & Politics
  • Be the first to comment

  • Be the first to like this

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

Pagina web en css

  1. 1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"""><html xmlns=""><head profile=""><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><title>Tips de Maquetación | Web 2.0 Tips</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/><meta name="generator" content="WordPress 2.9.2" /><link rel="stylesheet" href="" type="text/css" media="screen" /><link rel="alternate" type="application/rss+xml" title="Web 2.0 Tips RSSFeed" href="" /><meta name="google-site-verification" content="vzHw0J9-Q5PjGJ5ruSmYlEwB5E6DYZn_AENTIImN19Y" /><link rel="alternate" type="application/rss+xml" title="Web 2.0 Tips&raquo; Maquetación Category Feed" href="" /><script type=text/javascript src=></script><script type=text/javascript src=></script><link rel="EditURI" type="application/rsd+xml" title="RSD"href="" /><link rel="wlwmanifest" type="application/wlwmanifest+xml"href="" /><link rel=index title=Web 2.0 Tips href=><meta name="generator" content="WordPress 2.9.2" /><!-- All in One SEO Pack by Michael Torbert of Semper Fi WebDesign[278,322] --><link rel="canonical" href="" /><!-- /all in one seo pack --><!-- Styles for Twitter Friends Widget --><style type="text/css">.pmcTFContainDiv {display: inline-block;display: -moz-inline-box;margin: 0;}.pmcTFImgMini {display: inline-block;display: -moz-inline-box;float: left;width: 24px;height: 24px;padding: 1px;margin: 0;overflow: hidden;}.pmcTFImgNorm {display: inline-block;
  2. 2. display: -moz-inline-box;width: 48px;height: 48px;padding: 1px;margin: 0;overflow: hidden;}.pmcTFImgBig {display: inline-block;display: -moz-inline-box;width: 96px;height: 96px;padding: 1px;margin: 0;overflow: hidden;}.pmcTFRSS, .pmcTFCounts {display: block;margin: 10px 0;text-align: left;}* html .pmcTFContainDiv, .pmcTFImgMini, .pmcTFImgNorm, .pmcTFImgBig {display: inline;}* + html .pmcTFContainDiv, .pmcTFImgMini, .pmcTFImgNorm, .pmcTFImgBig {display: inline;}</style> <style type="text/css">.recentcomments a{display:inline!important;padding:0 !important;margin:0 !important;}</style><!-- Vipers Video Quicktags v6.2.12 | --><style type="text/css">.vvqbox { display: block; max-width: 100%; visibility: visible!important; margin: 10px auto; } .vvqbox img { max-width: 100%; height:100%; } .vvqbox object { max-width: 100%; }</style><script type="text/javascript">// <![CDATA[ var vvqflashvars = {}; var vvqparams = { wmode: "opaque", allowfullscreen: "true",allowscriptacess: "always" }; var vvqattributes = {}; var vvqexpressinstall = "";// ]]></script></head><body><div id="wrapper"> <div id="masthead" class="fix">
  3. 3. <h1><a href="">Web 2.0Tips</a></h1> <div id="blogLead"> <img src="" alt="Icon" /> <p id="authorIntro">Consejos y trucos para eldesarrollo y diseño de webs</p> </div> </div> <div class="navStripWrapper"> <ul class="nav fix"> <li><a href="" title="Ir a losultimos tips">Home<br /><span>Ultimos tips</span></a></li> <li><a id="triggerCatID" href="#" title="Listarcategorias">Por categor&iacute;a<br /><span>Listar portema</span></a></li> <li class="last"><a href=""title="Suscrivete">Feed<br /><span>RSS</span></a></li> <li id="searchBar1" class="searchField"> <div> <form method="get" id="searchForm1"action=""> <span><input type="text" value="Buscar entips..." onfocus="if (this.value == Buscar en tips...) {this.value =;}" onblur="if (this.value == ) {this.value = Buscar en tips...;}"name="s" id="s1" /></span> </form> </div> </li> <li><a href="">Register</a></li> <li><ahref="">Log in</a></li> </ul> <div id="headerStrip" class="toggleCategories fix" style="display:none;"> <ul class="fix"> <li class="cat-item cat-item-3"><ahref="" title="View all postsfiled under Blog">Blog</a></li> <li class="cat-item cat-item-10"><a href="" title="View all posts filedunder Herramientas on-line">Herramientas on-line</a></li> <li class="cat-item cat-item-48"><a href="" title="View all posts filedunder Integracion Social">Integracion Social</a><ul class=children> <li class="cat-item cat-item-78"><a href="" title="View all postsfiled under Delicious">Delicious</a></li>
  4. 4. <li class="cat-item cat-item-76"><a href="" title="View all postsfiled under Facebook">Facebook</a></li> <li class="cat-item cat-item-67"><a href="" title="View all postsfiled under Flickr">Flickr</a></li> <li class="cat-item cat-item-77"><a href="" title="View all postsfiled under Google">Google</a></li> <li class="cat-item cat-item-79"><a href="" title="View all postsfiled under Meneame">Meneame</a></li> <li class="cat-item cat-item-49"><a href="" title="View all postsfiled under Twitter">Twitter</a></li></ul></li> <li class="cat-item cat-item-83"><a href="" title="View allposts filed under Interactuando con el navegador">Interactuando con elnavegador</a></li> <li class="cat-item cat-item-11 current-cat"><ahref="" title="View allposts filed under Maquetación">Maquetación</a><ul class=children> <li class="cat-item cat-item-13"><a href="" title="View all posts filed underCSS">CSS</a></li> <li class="cat-item cat-item-22"><a href="" title="View all postsfiled under CSS3">CSS3</a></li> <li class="cat-item cat-item-99"><a href="" title="View all postsfiled under Hacks para IE">Hacks para IE</a></li> <li class="cat-item cat-item-104"><a href="" title="View allposts filed under HTML5">HTML5</a></li> <li class="cat-item cat-item-12"><a href="" title="View allposts filed under Menues y navegación">Menues y navegación</a></li> <li class="cat-item cat-item-23"><a href="" title="View allposts filed under XHTML">XHTML</a></li></ul></li>
  5. 5. <li class="cat-item cat-item-91"><a href="" title="View all posts filed underOptimización">Optimización</a></li> <li class="cat-item cat-item-4"><a href="" title="View all posts filed underProgramación">Programación</a><ul class=children> <li class="cat-item cat-item-43"><a href="" title="View all postsfiled under Javascript">Javascript</a> <ul class=children> <li class="cat-item cat-item-44"><a href="" title="View all postsfiled under AJAX">AJAX</a></li> </ul></li> <li class="cat-item cat-item-7"><a href="" title="View all posts filedunder MySQL">MySQL</a></li> <li class="cat-item cat-item-5"><a href="" title="View all posts filed underPHP">PHP</a></li></ul></li> <li class="cat-item cat-item-87"><a href="" title="View all posts filed underSeguridad">Seguridad</a></li> <li class="cat-item cat-item-33"><a href="" title="View all posts filed under SEO">SEO</a><ul class=children> <li class="cat-item cat-item-36"><a href="" title="View all posts filed underConsejos">Consejos</a></li> <li class="cat-item cat-item-35"><a href="" title="View all posts filedunder Metas y cabeceras">Metas y cabeceras</a></li></ul></li> <li class="cat-item cat-item-81"><a href="" title="View all posts filed underWeb semantica">Web semantica</a><ul class=children> <li class="cat-item cat-item-82"><a href="" title="View all posts filedunder Busqueda">Busqueda</a></li></ul></li> </ul> </div>
  6. 6. </div><div id="filler" class="fix"> <div id="mainColumn"> <div id="post-175" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Dec 26,2010</span> <span class="comments"><ahref="" title="Comment on Usar evento onload enscripts para Internet Explorer">1</a></span> </p> </div> <h2><a href="" title="Usar eventoonload en scripts para Internet Explorer">Usar evento onload en scriptspara Internet Explorer</a></h2> <div class="entry"> <p>Hace poco escribí un post sobre como <ahref="">emular ajax cross domain</a>, y la forma era básicamentellamar un script el cual traía los datos en una variable de javascript,el problema es que descubrí al terminar la aplicación y testearla en IEque no funcionaba el evcento onload del elemento script, asi que tuve queencontrar la forma de solucionarlo, y aqui se las traigo.</p><p> <a href="" class="more-link">Leer este tip&raquo;</a></p><br/><a href="" target="_blank"><img src="" border="0"/></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div> <div id="post-149" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Sep 27,2010</span> <span class="comments"><ahref=""title="Comment on Tag &lt;comment&gt; para InternetExplorer">2</a></span> </p> </div> <h2><a href="" title="Tag &lt;comment&gt; para InternetExplorer">Tag &lt;comment&gt; para Internet Explorer</a></h2> <div class="entry">
  7. 7. <p>Después de haber visto los <atitle="Condicionales para IE (en el html)" href="">condicionales paraIE</a>, vengo a mostrarles otro maravilloso <em>hack</em> para elInternet Explorer (de ahora en mas IE), si bien los condicionalescumplen su trabajo normalmente se usan para ocultar bloques o llamadas aarchivos externos con javascripts u hojas de estilo, este tag se puedeusar para casos mas cortos, como ocultar partes que simplemente en IE nofuncionaría.</p><p> <a href="" class="more-link">Leer este tip &raquo;</a></p><br/><a href="" target="_blank"><img src= ""border="0" /></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div> <div id="post-131" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Sep 15,2010</span> <span class="comments"><ahref=""title="Comment on No mas abuso de floats!">6</a></span> </p> </div> <h2><a href="" title="No mas abuso de floats!">No mas abuso defloats!</a></h2> <div class="entry"> <p>Estás cansado de ver algo parecido aesto en CSS?</p><pre class="brush: css;">* { float:left; }</pre><p>Si bien es un poco exagerado, la realidad es que no hay forma demaquetar una web aplicando el método “tableless” y sin hacer uso defloats. A mi no me parece lógico que para ubicar 2 bloques en formahorizontal halla que flotarlos a la izquierda o a la derecha. Y si losquiero en el medio? Por qué no hay un “float:center”?</p><p> <a href="" class="more-link">Leer este tip &raquo;</a></p><br/><a href="" target="_blank"><img src="" border="0"/></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div>
  8. 8. <div id="post-128" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Sep 8,2010</span> <span class="comments"><ahref="" title="Comment on Condicionales para IE (en elhtml)">1</a></span> </p> </div> <h2><a href="" title="Condicionales para IE (enel html)">Condicionales para IE (en el html)</a></h2> <div class="entry"> <p>Desde IE 5 en adelante existencondicionales que se pueden usar en forma de comentarios html, estoscondicionales son para mostrar o cargar un contenido o no, dependiendo dela versión de Internet Explorer que el cliente use.</p><p> <a href="" class="more-link">Leer este tip &raquo;</a></p><br/><a href=""target="_blank"><img src= ""border="0" /></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div> <div id="post-117" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Sep 8,2010</span> <span class="comments"><ahref=""title="Comment on CSS3 Gradient Divs">2</a></span> </p> </div> <h2><a href="" title="CSS3 Gradient Divs">CSS3 GradientDivs</a></h2> <div class="entry"> <p><strong>Como hacer divs en Degrade conCSS3. </strong></p><p>Bueno, este es un ejemplo muy sencillo y muy útil. 100% paraCSS3.</p><p>Imaginen que queremos hacer un fondo en Degrade y ademas. pretendanque todos los browsers lo interpreten… bueno, para eso vamos atener que esperar un poquito, pero aca les dejo una manera muy sencillade lograr un degrade sin necesidad de utilizar imagenes. Este código fuepensado para Webkit y para Mozilla. Proximamente será un standard.</p><p> <a href="" class="more-link">Leer este tip &raquo;</a></p>
  9. 9. <br/><a href="" target="_blank"><img src="" border="0"/></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div> <div id="post-110" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Sep 2,2010</span> <span class="comments"><ahref="" title="Comment on CSS Sprites, reduciendopeticiones">3</a></span> </p> </div> <h2><a href="" title="CSS Sprites, reduciendopeticiones">CSS Sprites, reduciendo peticiones</a></h2> <div class="entry"> <p>Uno de factores importantes para larápida carga de un sitio web, desde que el cliente o browser se conectaal servidor hasta que se renderiza la página web es la cantidad depeticiones (o requests) hechas al servidor, y es que hay que tener encuenta que una vez cargado el documento principal (el que contiene elhtml en si), se deben descargar las imágenes, las hojas de estilo ydemás archivos complementarios, todos necesarios para que el resultadofinal sea mostrado tal cual se diseñó.</p><p>El tema es simple, cada elemento complementario pedido al servidortiene un tiempo de conexión, un tiempo de latencia y un traspaso de meta-información que componen la cabecera de estas peticiones, aparte tenemosque tener en cuenta que por regla los browsers o navegadores web soloharán 3 peticiones simultaneas por dominio y hasta 9 por IP, así que sireducimos estas conexiones vamos a tener una carga mas rápida. Una de lasformas de reducir el número de peticiones es usando los llamados CCSSprites. <a href="" class="more-link">Leer este tip &raquo;</a></p><br/><a href=""target="_blank"><img src= ""border="0" /></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div> <div id="post-63" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Mar 14,2010</span>
  10. 10. <span class="comments"><ahref="" title="Comment on Creando layouts xhtml/csscon Yaml y Yaml Builder">0</a></span> </p> </div> <h2><a href="" title="Creando layoutsxhtml/css con Yaml y Yaml Builder">Creando layouts xhtml/css con Yaml yYaml Builder</a></h2> <div class="entry"> <p>Buscando un poco de documentación sobreel <a href="" target="_blank">lenguajede configuracón Yaml</a>, encunetro este Framwork CSS, que aparte ofreceon-line una herramienta para crear y una plantilla sobre este FW CSS, <ahref="" target="_blank">Yaml (Yet AnoterMulticolumn Layouts)</a> ofrece una buena base de CSS para trabajar contemplates basados en columanas sobre XHTML, aparte de incluir CSS’sy JS’s para fixear determinados bugs de Intertet Explorer. Elcodigo esta bien comentado y respeta los estandares web. Lo único malo esque no hay documentación en español (por ahora).</p><p>Pero lo que les vengo a mostrar, es una herramienta on-line queofrecen, para crear un layout basado en CSS en pocos minutos, soloseleccionando el estilo de columnado y otras como el estilo de la barrade navegion ,etc.</p><p> <a href="" class="more-link">Leer este tip&raquo;</a></p><br/><a href=""target="_blank"><img src= ""border="0" /></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div> <div id="post-40" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Mar 9,2010</span> <span class="comments"><ahref="" title="Comment on Menú solo con CSS (versiónbarra de navegación)">0</a></span> </p> </div> <h2><a href="" title="Menú solo con CSS(versión barra de navegación)">Menú solo con CSS (versión barra denavegación)</a></h2> <div class="entry"> <p>En mi post anterior habia explicado comohacer un menú desplegable solo con CSS sin Javascript, va aunque
  11. 11. lamentablemente para IE si necesita JS, es solo una pequeña función parareemplazar un selector CSS que en el IE no funciona.</p><p>Ahora como les prometí en ese post, les voy a explicar como hacerlopero de forma horizontal, tipo barra de navegación o menú de navegación yno tan tradicional.</p><p> <a href="" class="more-link">Leer este tip&raquo;</a></p><br/><a href="" target="_blank"><img src="" border="0"/></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div> <div id="post-32" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Mar 7,2010</span> <span class="comments"><ahref="" title="Comment on Menúes desplegables solo conCSS (Sin JavaScript)">0</a></span> </p> </div> <h2><a href="" title="Menúes desplegablessolo con CSS (Sin JavaScript)">Menúes desplegables solo con CSS (SinJavaScript)</a></h2> <div class="entry"> <p>Muchos sitios que mantienen suinformación administrada en categorías, usa menúes desplegables para irrecorriendo los árboles de esta, y la mayoría de veces estos estan hechosen flash o con JavaScript, ensuciando el código y volviendolocomplicado.</p><p>Lo que pocos saben es que se puede hacer un menu desplegabletotalmente funcional sin necesidad de usar mas que HTML y CSS, sinincluir JS’s, librerias ni nada.</p><p> <a href="" class="more-link">Leer este tip&raquo;</a></p><br/><a href="" target="_blank"><img src="" border="0"/></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div>
  12. 12. <div id="post-23" class="post"> <div class="postMeta"> <p class="container"> <span class="date">Mar 6,2010</span> <span class="comments"><ahref=""title="Comment on Variables en CSS3">4</a></span> </p> </div> <h2><a href="" title="Variables en CSS3">Variables enCSS3</a></h2> <div class="entry"> <p>Como sabrán, hace un tiempo los mejoresbrowsers (firefox, safari…etc) todos menos IE8 (que tampoco formaparte de los mejores browsers) ya dan soporte a css3, lo cual significaque aunque un 70% use explorer, ya se pueden empezar a hacer pruebas concss3, que realmente nos van a simplificar la vida a la hora de maquetar,o codear xhtml + css.</p><p>En esta oportunidad, voy a hablar de declarar las<strong>variables</strong> <strong>en css3</strong>.</p><p> <a href=""class="more-link">Leer este tip &raquo;</a></p><br/><a href=""target="_blank"><img src= ""border="0" /></a><noscript><a href="" >SocialBookmarking</a></noscript> </div> </div> <div id="paginateIndex"class="fix"> <p><span class="left"></span> <spanclass="right"><a href="" >proximos tips&raquo;</a></span></p> </div> </div> <div class="secondaryColumn"> <div id="text-4" class="widgetContainer widget_text"><h3class="widgetTitle">Haste autor!</h3> <divclass="textwidget"><p>En web2.0-tips, cualquiera puede publicar unconsejo, truco o articulo relacionado con el desarrollo y diseño web. Tupuedes registrarte y postear, aparte te quedas con el 80% de impresionesde adsense en tus publicaciones.</p><a href="">Lee masaca!</a></div> </div> <div id="recent-posts-3"class="widgetContainer widget_recent_entries"> <h3class="widgetTitle">Recent Posts</h3> <ul>
  13. 13. <li><a href="" title="Creador de backgrounds on-line">Creador de backgrounds on-line </a></li> <li><a href="" title="File upload simil Ajax">File uploadsimil Ajax </a></li> <li><a href="" title="Basta de GD en PHP, a usarImagick">Basta de GD en PHP, a usar Imagick </a></li> <li><a href="" title="Parsear JSON desde Javascript">ParsearJSON desde Javascript </a></li> <li><a href="" title="Usarevento onload en scripts para Internet Explorer">Usar evento onload enscripts para Internet Explorer </a></li> </ul> </div><div id="calendar-3" class="widgetContainerwidget_calendar"><h3 class="widgetTitle">&nbsp;</h3><divid="calendar_wrap"><table id="wp-calendar" summary="Calendar"> <caption>February 2011</caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="January" colspan="3" id="prev"><ahref="" title="View posts forJanuary 2011">&laquo; Jan</a></td> <td class="pad">&nbsp;</td> <td colspan="3" id="next" class="pad">&nbsp;</td> </tr> </tfoot> <tbody> <tr> <td colspan="1" class="pad">&nbsp;</td><td><ahref="" title="File upload similAjax">1</a></td><td>2</td><td><a href="" title="Creador de backgrounds on-line">3</a></td><td>4</td><td>5</td><td>6</td> </tr> <tr> <td>7</td><td>8</td><tdid="today">9</td><td>10</td><td>11</td><td>12</td><td>13</td> </tr> <tr>
  14. 14. <td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td> </tr> <tr> <td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td> </tr> <tr> <td>28</td> <td class="pad" colspan="6">&nbsp;</td> </tr> </tbody> </table></div></div><div id="tag_cloud-3" class="widgetContainerwidget_tag_cloud"><h3 class="widgetTitle">Tags</h3><div><ahref= class=tag-link-44 title=5topics style=font-size: 19.2pt;>AJAX</a><a href= class=tag-link-45title=1 topic style=font-size: 8pt;>ajax loader</a><a href= class=tag-link-29 title=1 topic style=font-size: 8pt;>barra de navegación</a><a href= class=tag-link-20title=3 topics style=font-size: 15pt;>cross-browser</a><a href= class=tag-link-28title=1 topic style=font-size: 8pt;>crossbrowser</a><a href= class=tag-link-13 title=7topics style=font-size: 22pt;>CSS</a><a href= class=tag-link-19 title=3topics style=font-size: 15pt;>css3</a><a href= class=tag-link-41title=1 topic style=font-size: 8pt;>description</a><a href= class=tag-link-109 title=2topics style=font-size: 12.2pt;>GD</a><a href= class=tag-link-14title=2 topics style=font-size: 12.2pt;>generador</a><a href= class=tag-link-46 title=1 topic style=font-size: 8pt;>gif animado de carga</a><a href= class=tag-link-102title=2 topics style=font-size: 12.2pt;>hack</a><a href= class=tag-link-27title=2 topics style=font-size: 12.2pt;>hack ie</a><a href= class=tag-link-38 title=1topic style=font-size: 8pt;>head</a><a href= class=tag-link-73 title=2topics style=font-size: 12.2pt;>html</a><a href= class=tag-link-9 title=1topic style=font-size: 8pt;>id</a><a href= class=tag-link-101 title=2topics style=font-size: 12.2pt;>IE</a><a href= class=tag-link-93title=2 topics style=font-size: 12.2pt;>imagenes</a><a href= class=tag-link-100 title=3 topics style=font-size: 15pt;>Internet Explorer</a><a href= class=tag-link-43title=5 topics style=font-size: 19.2pt;>Javascript</a>
  15. 15. <a href= class=tag-link-42title=1 topic style=font-size: 8pt;>keywords</a><a href= class=tag-link-11title=2 topics style=font-size: 12.2pt;>Maquetación</a><a href= class=tag-link-16 title=1topic style=font-size: 8pt;>menu</a><a href= class=tag-link-17title=1 topic style=font-size: 8pt;>menu-gen</a><a href= class=tag-link-24 title=2 topics style=font-size: 12.2pt;>menu desplegable</a><a href= class=tag-link-25 title=2 topics style=font-size: 12.2pt;>menuesdesplegables</a><a href= class=tag-link-32 title=1 topic style=font-size: 8pt;>menu horizontal</a><a href= class=tag-link-15title=1 topic style=font-size: 8pt;>menus</a><a href= class=tag-link-18title=1 topic style=font-size: 8pt;>menus rapido</a><a href= class=tag-link-37title=1 topic style=font-size: 8pt;>metas</a><a href= class=tag-link-7 title=1topic style=font-size: 8pt;>MySQL</a><a href= class=tag-link-30title=1 topic style=font-size: 8pt;>navbar</a><a href= class=tag-link-31 title=1 topic style=font-size: 8pt;>navegation bar</a><a href= class=tag-link-5 title=6topics style=font-size: 20.8333333333pt;>PHP</a><a href= title=2 topics style=font-size:12.2pt;>proramación orientada a eventos</a><a href= class=tag-link-53 title=2 topics style=font-size: 12.2pt;>redes sociales</a><a href= class=tag-link-6 title=1 topic style=font-size: 8pt;>saber subdominios</a><a href= class=tag-link-33 title=1topic style=font-size: 8pt;>SEO</a><a href= class=tag-link-8title=1 topic style=font-size: 8pt;>serial</a><a href= class=tag-link-52title=2 topics style=font-size: 12.2pt;>social web</a><a href= class=tag-link-26title=2 topics style=font-size: 12.2pt;>solo css</a><a href= class=tag-link-39title=1 topic style=font-size: 8pt;>title</a><a href= class=tag-link-40title=1 topic style=font-size: 8pt;>titulo</a><a href= class=tag-link-49title=2 topics style=font-size: 12.2pt;>Twitter</a><a href= class=tag-link-21title=2 topics style=font-size: 12.2pt;>xhtml</a></div></div></div> <div class="secondaryColumn"> <div id="categories-3" class="widgetContainerwidget_categories"><h3 class="widgetTitle">Categoria</h3><selectname=cat id=cat class=postform > <option value=-1>Select Category</option>
  16. 16. <option class="level-0" value="3">Blog&nbsp;&nbsp;(1)</option> <option class="level-0" value="10">Herramientas on-line&nbsp;&nbsp;(5)</option> <option class="level-0" value="48">IntegracionSocial&nbsp;&nbsp;(3)</option> <option class="level-1"value="78">&nbsp;&nbsp;&nbsp;Delicious&nbsp;&nbsp;(1)</option> <option class="level-1"value="76">&nbsp;&nbsp;&nbsp;Facebook&nbsp;&nbsp;(1)</option> <option class="level-1"value="67">&nbsp;&nbsp;&nbsp;Flickr&nbsp;&nbsp;(1)</option> <option class="level-1"value="77">&nbsp;&nbsp;&nbsp;Google&nbsp;&nbsp;(1)</option> <option class="level-1"value="79">&nbsp;&nbsp;&nbsp;Meneame&nbsp;&nbsp;(1)</option> <option class="level-1"value="49">&nbsp;&nbsp;&nbsp;Twitter&nbsp;&nbsp;(2)</option> <option class="level-0" value="83">Interactuando con elnavegador&nbsp;&nbsp;(4)</option> <option class="level-0" value="11"selected="selected">Maquetación&nbsp;&nbsp;(11)</option> <option class="level-1"value="13">&nbsp;&nbsp;&nbsp;CSS&nbsp;&nbsp;(7)</option> <option class="level-1"value="22">&nbsp;&nbsp;&nbsp;CSS3&nbsp;&nbsp;(3)</option> <option class="level-1" value="99">&nbsp;&nbsp;&nbsp;Hacks paraIE&nbsp;&nbsp;(3)</option> <option class="level-1"value="104">&nbsp;&nbsp;&nbsp;HTML5&nbsp;&nbsp;(1)</option> <option class="level-1" value="12">&nbsp;&nbsp;&nbsp;Menues ynavegación&nbsp;&nbsp;(4)</option> <option class="level-1"value="23">&nbsp;&nbsp;&nbsp;XHTML&nbsp;&nbsp;(5)</option> <option class="level-0"value="91">Optimización&nbsp;&nbsp;(1)</option> <option class="level-0"value="4">Programación&nbsp;&nbsp;(16)</option> <option class="level-1"value="43">&nbsp;&nbsp;&nbsp;Javascript&nbsp;&nbsp;(6)</option> <option class="level-2"value="44">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;AJAX&nbsp;&nbsp;(3)</option> <option class="level-1"value="7">&nbsp;&nbsp;&nbsp;MySQL&nbsp;&nbsp;(1)</option> <option class="level-1"value="5">&nbsp;&nbsp;&nbsp;PHP&nbsp;&nbsp;(9)</option> <option class="level-0"value="87">Seguridad&nbsp;&nbsp;(1)</option> <option class="level-0" value="33">SEO&nbsp;&nbsp;(2)</option> <option class="level-1"value="36">&nbsp;&nbsp;&nbsp;Consejos&nbsp;&nbsp;(1)</option> <option class="level-1" value="35">&nbsp;&nbsp;&nbsp;Metas ycabeceras&nbsp;&nbsp;(2)</option> <option class="level-0" value="81">Websemantica&nbsp;&nbsp;(1)</option> <option class="level-1"value="82">&nbsp;&nbsp;&nbsp;Busqueda&nbsp;&nbsp;(1)</option>
  17. 17. </select><script type=text/javascript>/* <![CDATA[ */ var dropdown = document.getElementById("cat"); function onCatChange() { if ( dropdown.options[dropdown.selectedIndex].value > 0 ){ location.href = ""+dropdown.options[dropdown.selectedIndex].value; } } dropdown.onchange = onCatChange;/* ]]> */</script></div><div id="text-3" class="widgetContainer widget_text"><h3class="widgetTitle">Haste fan</h3> <divclass="textwidget"><scriptsrc=""></script><fb:like-box href=""width="200" show_faces="true" stream="false" header="true"></fb:like-box></div> </div><div id="archives-3" class="widgetContainerwidget_archive"><h3 class="widgetTitle">Archivo</h3> <ul> <li><a href= title=February 2011>February 2011</a></li> <li><a href= 2011>January 2011</a></li> <li><a href= 2010>December 2010</a></li> <li><a href= 2010>September 2010</a></li> <li><a href= title=July2010>July 2010</a></li> <li><a href= title=June2010>June 2010</a></li> <li><a href= title=March2010>March 2010</a></li> <li><a href= 2010>February 2010</a></li> </ul></div><div id="authors" class="widgetContainer widget_authors"><h3class="widgetTitle">Escritores del blog:</h3><!-- Authors --><ul><li><a href="" title="Posts byDario">Dario Izurdiaga</a></li><li><a href="" title="Posts by Demián Rodriguez">DemiánRodriguez</a></li><li><a href=""title="Posts by Exos">Oscar J. Gentilezza Arenas</a></li><li><ahref="" title="Posts bytoiluj23">Julio Chamizo</a></li><li><a href="" title="Posts by Zebaz">SebastianVaggi</a></li></ul><!-- /Authors -->
  18. 18. </div><div id="twitter-friends" class="widgetContainerpmcWidgetDisplay"><h3 class="widgetTitle"><a rel="nofollow"href="" title="web20_tips onTwitter">Seguidores del blog</a></h3></div> <div id="recent-comments-3" class="widgetContainer widget_recent_comments"> <h3 class="wclass=url>Exos</a> on <a href="">Basta de GD enPHP, a usar Imagick</a></li><li class="recentcomments">Demian on <ahref="">Basta de GD en PHP, a usarImagick</a></li><li class="recentcomments"><a href= rel=external nofollowclass=url>Emulando AJAX Cross Domain | Web 2.0 Tips</a> on <ahref="">Usar evento onload enscripts para Internet Explorer</a></li><li class="recentcomments"><ahref= rel=external nofollow class=url>Usar eventoonload en scripts para Internet Explorer | Web 2.0 Tips</a> on <ahref="">Emulando AJAX CrossDomain</a></li><li class="recentcomments"><ahref= rel=external nofollow class=url>LaceySmall</a> on <a href="">No mas abuso defloats!</a></li></ul> </div><div id="linkcat-2" class="widgetContainerwidget_links"><h3 class="widgetTitle">Blogroll</h3> <ul class=xoxo blogroll><li><a href="" title="Blog de tecnología einformática">Exodica Blog</a></li><li><a href="" title="Blog para sysadmins,linux, unix y mucha consola">Tail-F</a></li><li><a href="" title="ZedPlanBlog">ZedBlog</a></li> </ul></div></div></div> <div id="footer" class="fix"> <p class="left"><a href=""title="Grid Focus by: Derek Punsalan">Grid Focus</a> by Derek Punsalan <ahref=""></a>.</p> <p class="right">Whitespace</p> </div></div><script type=text/javascript src=></script><script type=text/javascript src=></script><script type=text/javascript> (function(){ var corecss = document.createElement(link); var themecss = document.createElement(link);
  19. 19. var corecssurl = ""; if ( corecss.setAttribute ) { corecss.setAttribute( "rel", "stylesheet"); corecss.setAttribute( "type", "text/css" ); corecss.setAttribute( "href", corecssurl ); } else { corecss.rel = "stylesheet"; corecss.href = corecssurl; } document.getElementsByTagName("head")[0].appendChild(corecss); var themecssurl = ""; if ( themecss.setAttribute ) { themecss.setAttribute( "rel", "stylesheet"); themecss.setAttribute( "type", "text/css"); themecss.setAttribute( "href", themecssurl); } else { themecss.rel = "stylesheet"; themecss.href = themecssurl; } document.getElementsByTagName("head")[0].appendChild(themecss); })(); SyntaxHighlighter.config.clipboardSwf =; SyntaxHighlighter.config.strings.expandSource = show source; SyntaxHighlighter.config.strings.viewSource = view source; SyntaxHighlighter.config.strings.copyToClipboard = copy toclipboard; SyntaxHighlighter.config.strings.copyToClipboardConfirmation =The code is in your clipboard now; SyntaxHighlighter.config.strings.print = print; = ?; SyntaxHighlighter.config.strings.alert = SyntaxHighlighternn; SyntaxHighlighter.config.strings.noBrush = Cant find brush for:; SyntaxHighlighter.config.strings.brushNotHtmlScript = Brushwasnt configured for html-script option: ; SyntaxHighlighter.all();</script><script src="" type="text/javascript"charset="utf-8"></script><a title="Web Analytics" href=""><img alt="WebAnalytics" src=""border="0" /></a>
  20. 20. <script src=""type="text/javascript"></script><script type="text/javascript">clicky.init(192168);</script><noscript><p><img alt="Clicky" width="1" height="1"src="" /></p></noscript></body></html><!-- WP Super Cache is installed but broken. The path to wp-cache-phase1.php in wp-content/advanced-cache.php must be fixed! -->