Los códigos más votados de HTML

Listado de los códigos más votados desde su publicación.
Imágen de perfil

Redireccionar o actualizar una pagina


HTML

estrellaestrellaestrellaestrellaestrella(13)
Publicado el 05 de Febrero del 2002 por Administrador
48.629 visualizaciones desde el 05 de Febrero del 2002. Una media de 63 por semana
Este código, redirecciona o actualiza una pagina automáticamente
Imágen de perfil

Plantilla HTML para Web 2.0


HTML

estrellaestrellaestrellaestrellaestrella(11)
Actualizado el 31 de Agosto del 2017 por ScriptShow (Publicado el 19 de Agosto del 2017)
2.331 visualizaciones desde el 19 de Agosto del 2017. Una media de 49 por semana
Una Web 2.0 basada en HTML y CSS compatible.

Un efecto Parallax y Reveal para presentar todos los contenidos desplazando la barra de Scroll.
La estructura es ampliable, adaptable, compatible con cualquier pantalla y/o dispositivo.
La respuesta del Sitio es ágil y rápida con imágenes optimizadas.

Un Saludo

Top Links


HTML

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 24 de Mayo del 2005 por Corpol
33.715 visualizaciones desde el 24 de Mayo del 2005. Una media de 56 por semana
Código que muestra una lista de sitios o noticias con una pequeña descripción y su respectivo enlace, cuenta con las funciones pausa y continue, utilizando el menor código posible para su mejor entendimiento.

Uso del reloj


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 12 de Junio del 2003 por Corpol
39.380 visualizaciones desde el 12 de Junio del 2003. Una media de 56 por semana
Página que, además de mostrar la fecha del sistema, muestra al usuario el tiempo que ha permanecido en la página cuando la abandona.

Seguridad en web


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 08 de Septiembre del 2003 por Corpol
38.103 visualizaciones desde el 08 de Septiembre del 2003. Una media de 56 por semana
Método simple para proteger el acceso a una web mediante el uso de un password.
Imágen de perfil

Menu Animado Responsive HTML5 & CSS3


HTML

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 07 de Diciembre del 2014 por Terry (Publicado el 25 de Noviembre del 2014)
6.340 visualizaciones desde el 25 de Noviembre del 2014. Una media de 35 por semana
Este es un menu en donde al poner el cursor el elemento gira ya tambien responsive
image1
Responsive

image2

espero les sirva en algo, gracias a todos, no olviden dejar sus comentarios o sugerencias.
Y visiten mi blog
www.elgatocoder.com
Imágen de perfil

Etiquetas Para Encabezados!


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 23 de Diciembre del 2014 por Luis-Miguel-
2.605 visualizaciones desde el 23 de Diciembre del 2014. Una media de 14 por semana
Podremos realizar etiquetas muy buenas para nuestros encabezados....Facilmente!
foto_2211
Imágen de perfil

Efecto De Sombra Atras!


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 16 de Enero del 2015 por Luis-Miguel-
3.690 visualizaciones desde el 16 de Enero del 2015. Una media de 21 por semana
Podremos crear fantasticos efectos de sombra, con muy pocas lineas de código.

Seleccion_020
Imágen de perfil

Validar campos de un formulario con HTML5


HTML

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 05 de Diciembre del 2016 por ScriptShow (Publicado el 04 de Diciembre del 2016)
3.471 visualizaciones desde el 04 de Diciembre del 2016. Una media de 42 por semana
Ejemplo para comprobar que los datos introducidos en los campos de un formulario son correctos.
Esto es posible gracias al atributo "pattern" incluido en HTML5 para algunas etiquetas tipo "input". El atributo utiliza expresiones regulares para comprobar el valor del "input" correspondiente.

Es compatible con las últimas versiones de algunos Navegadores Web.
No está probado en todas las plataformas, dispositivos, etc.
Es una de tantas posibilidades que ofrece HTML5.

Espero sea útil.

Un saludo

Cambiar el cursor


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 24 de Diciembre del 2002 por Kovi
45.745 visualizaciones desde el 24 de Diciembre del 2002. Una media de 63 por semana
Código que cambia el cursor dentro de la pagina o enlace. Probado con IE 6.

Formulario personalizado


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 09 de Mayo del 2003 por Corpol
37.257 visualizaciones desde el 09 de Mayo del 2003. Una media de 49 por semana
Código de un formulario donde se incluyen parámetros para personalizar la presentación.

Previsualizar


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 22 de Julio del 2003 por Corpol
25.845 visualizaciones desde el 22 de Julio del 2003. Una media de 35 por semana
Código de una página en la que podemos mostrar en una pequeña ventana una página web externa. Cuando el usuario decide, puede cargar (de forma normal) la página que ha previsualizado.
Imágen de perfil

Posicionar una marca y un popup en google maps


HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 09 de Mayo del 2013 por Xavi
9.929 visualizaciones desde el 09 de Mayo del 2013. Una media de 42 por semana
Código de ejemplo que muestra como mostrar google maps en nuestra página web.
Nos permite indicar una imagen para la marca y un popup con el texto que deseamos en la posición que nosotros indiquemos. Se utiliza la API v3 de google maps.
Imágen de perfil

Texto En 3D!


HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 23 de Diciembre del 2014 por Luis-Miguel-
5.061 visualizaciones desde el 23 de Diciembre del 2014. Una media de 28 por semana
Crearemos cualquier texto en 3d para nuestra Página Web!

foto_2242

Invisible al imprimir


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Mayo del 2003 por Corpol
13.605 visualizaciones desde el 20 de Mayo del 2003. Una media de 21 por semana
Utilización de una hoja de estilo en una página web para que un texto se visualice en el navegador pero no pueda imprimirse.

Marquesina


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 14 de Octubre del 2007 por Jose Alfredo
32.444 visualizaciones desde el 14 de Octubre del 2007. Una media de 63 por semana
Código que muestra una marquesina de contenidos con su respectivo resumen y se detiene al pasar el mouse sobre el.
Probado con IE, Firefox y Konqueror
Imágen de perfil

Firefox Agregar a favoritos


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 21 de Octubre del 2007 por Administrador
14.517 visualizaciones desde el 21 de Octubre del 2007. Una media de 28 por semana
Código para añadir una web a favoritos con Firefox.
Imágen de perfil

HTML5 - Arrastras y Soltar (Drag and Drop)


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 16 de Marzo del 2012 por Administrador
9.292 visualizaciones desde el 16 de Marzo del 2012. Una media de 35 por semana
Simple tutorial que muestra de manera muy comentada la manera de arrastrar y soltar (Drag and Drop) elementos dentro del navegador.
Imágen de perfil

Ejemplo de la visualización del progreso de las tareas con HTML5 y Javascript


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 03 de Junio del 2013 por Administrador
8.449 visualizaciones desde el 03 de Junio del 2013. Una media de 35 por semana
Código que muestra mediante HTML5 y Javascript, como mostrar una barra de progreso.
Imágen de perfil

Como utilizar fuentes externas en nuestras páginas web


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 22 de Julio del 2013 por Xavi
19.027 visualizaciones desde el 22 de Julio del 2013. Una media de 77 por semana
Código que muestra como utilizar diferentes tipos de fuentes, ya sean archivos con extensión .ttf, .otf o .eot, y alguna de las 600 fuentes libres de google.
Imágen de perfil

Mapa interactivo de comunidades de españa


HTML

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 09 de Octubre del 2015 por Xavi (Publicado el 16 de Junio del 2014)
10.396 visualizaciones desde el 16 de Junio del 2014. Una media de 49 por semana
Código que muestra como hacer una mapa interactivo de españa, donde al pasar el ratón por encima de las comunidades, se marca la comunidad y muestra su nombre.
Se utiliza css y jquery.

Puedes ver un ejemplo aquí aquí

Tipo de bordes


HTML

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 16 de Enero del 2003 por Fore
40.881 visualizaciones desde el 16 de Enero del 2003. Una media de 56 por semana
Style que permite cambiar el tipo de borde en una tabla.

Matrix


HTML

estrellaestrellaestrellaestrellaestrella(15)
Publicado el 02 de Abril del 2004 por Corpol
70.787 visualizaciones desde el 02 de Abril del 2004. Una media de 98 por semana
Este código simula el efecto de la matrix a pantalla completa con ayuda de imágenes.
Imágen de perfil

Tipos de campos en un formulario de HTML5 y como mostrar sus valores con JavaScript


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 29 de Abril del 2014 por Xavi
5.622 visualizaciones desde el 29 de Abril del 2014. Una media de 28 por semana
Código que muestra los tipos de campos que se pueden solicitar en HTML5.
También contiene una función en JavaScript para poder mostrar el tipo de campo, su nombre y su valor.
Imágen de perfil

Juego de la serpiente con Canvas, HTML5 y Jquery


HTML

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 04 de Agosto del 2014 por Administrador
6.522 visualizaciones desde el 04 de Agosto del 2014. Una media de 35 por semana
Este código muestra como utilizando canvas, se puede realizar el juego de la serpiente, donde hay que ir moviendo la serpiente con las teclas para ir comiéndose las fichas. Por cada ficha que se come, la serpiente es un poco mas larga.

Insertar Reproductor Windows Media en una web


HTML

estrellaestrellaestrellaestrellaestrella(25)
Publicado el 04 de Marzo del 2007 por Giovanny Tarifeño Peña
185.464 visualizaciones desde el 04 de Marzo del 2007. Una media de 315 por semana
Código que muestra como reproducir un fichero MP3 en una web con el reproductor Windows Media.
Unicamente funciona en Internet Explorer.

Generar marquesina


HTML

estrellaestrellaestrellaestrellaestrella(10)
Publicado el 20 de Junio del 2003 por Corpol
50.829 visualizaciones desde el 20 de Junio del 2003. Una media de 70 por semana
Página que sirve para generar el codigo correspondiente a una marquesina (texto desplazándose) ya sea para poner dentro de la página, la barra de estado o la barra del titulo.
Imágen de perfil

Como utilizar un mapa de google maps para posicionar una marca y un popup


HTML

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 09 de Septiembre del 2016 por Xavi (Publicado el 05 de Febrero del 2014)
9.042 visualizaciones desde el 05 de Febrero del 2014. Una media de 42 por semana
Código que muestra como implementar la API de Google maps para mostrar un mapa en nuestra web, colocar una marca y poner un popup encima de nuestra marca.

Barra de desplazamiento a la izquierda


HTML

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 06 de Mayo del 2002 por Ajab
19.415 visualizaciones desde el 06 de Mayo del 2002. Una media de 28 por semana
Coloca el scroll del navegador a la izquierda. (Solo funciona en Explorer)

Reproductor de musica


HTML

estrellaestrellaestrellaestrellaestrella(7)
Publicado el 20 de Enero del 2003 por Andres Bravo
47.778 visualizaciones desde el 20 de Enero del 2003. Una media de 63 por semana
Reproductor de musica que permite escuchar archivos mp3, mid, wav, rmi, ....
Funciona en IE 5.5 o posteriores.
Revisar política de publicidad