Archive for the ‘ HTML ’ Category

div como link (Hacer un div clickeable)

Simple con javascript colocamos el div de la siguiente forma <div id=”clickeable” onclick=”location.href=’http://www.nuestraURL.com’;” ></div> ahora para que al pasar el mouse por encima muestre este como link debemos colocar el estilo: cursor:pointer; podemos hacerlo dentro de la hoja de estilo sino dentro de la misma etiqueta del div de la siguiente forma: <div id=”clickeable” onclick=”location.href=’http://www.nuestraURL.com’;” style=”cursor:pointer;” [ READ MORE ]

detectar IE6

si te cansaste de lidiar con internet explorer 6 podemos mediante PHP detectarlo y decidir que hacer en caso de encontrar algun usuario navegando con el. $usr_brwsr = $_SERVER['HTTP_USER_AGENT']; $usr_brwsr = substr(“$usr_brwsr”, 25, 8); if ($usr_brwsr == “MSIE 6.0″){ /* Aqui colocamos el codigo de lo que hacemos si el usuario navega con IE6, podemos [ READ MORE ]

Reset css limpiando estilos del navegador | cleaning browser Styles

nada mejor que antes de comenzar un nuevo desarrollo limpiar los estilos por default de los navegadores para poder tener un mayor control sobre nuestros estilos. codigo CSS: body, div, dl, dt, dd, li, pre, form, fieldset, input, textarea, p, blockquote, th, td, button { margin: 0; padding: 0; } h1, h2, h3, h4, h5, [ READ MORE ]

funcion focus | poner puntero en campo

para poner el puntero sobre un input o un textarea podemos usar javascript con la siguiente funcion: <script type=”text/javascript”> function myfocus(){ document.myform.myfield.focus(); } </script> donde seria myform el nombre de nuestro formulario y myfield el nombre del campo donde queremos q se situe el puntero. restaria solamente decirle a nuestra pagina que al cargarse cargue [ READ MORE ]

Cerrar Pop-up | link for close a pop up

para cerrar un pop-up o ventana emergente solo necesitas pegar esto: <a href=”javascript:window.close();”>close this Pop-Up </a> only need paste this code inside your pop up[ READ MORE ]

Creador de sitemaps gratuito

free sitemap creator. en el sitio http://www.xml-sitemaps.com/ podemos ingresar la url de nuestro sitio y nos devuelve sin costo alguno nuestro sitemap en xml validado y podemos descargarlo comprimido o no, como ror o html lo probe con MeetBuilder.com y funciona bastante bien y sobre todo rapido una vez descargado en el formato que nos [ READ MORE ]

chequear diseño web en diferentes navegadores

Test your web design in different browsers muchas veces necesitamos chequear nuestro sitios en diferentes navegadores para comprobrar errores en css o ver como toman los hack cada browser de forma diferente. existe un sitio gratuito que permite seleccionar distintos tipos de navegadores para Mac, Linux, Windows. el sitio es : http://browsershots.org/ podemos enviar la [ READ MORE ]

Favicon Animado

Desde hace un tiempo comenzo a verse en algunos sitios la posibilidad de incorporar el icono de favoritos animado. ya hay sitios donde podes subir tu archivo y te lo crea automaticamente y luego resta agregar entre <head> y </head> la siguiente linea: <link rel=”shortcut icon” href=”favicon.ico” > <link rel=”icon” href=”animado_favicon.gif” type=”gif” > dejo un [ READ MORE ]

Google Sitemaps

Un sitemap consiste en un listado detallado que podemos poner a disposicion de las arañas o robots que utilizan los buscadores para realizar el indexzado de paginas de un sitio. es un simple archivo XML donde describimos cada pagina de un sitio junto con informacion adicional como la frecuencia de modificacion de cada pagina o [ READ MORE ]