Códigos Fuente de HTML

Mostrando del 1 al 10 de 73 registros
<<>>
Imágen de perfil
Val: 8
Ha aumentado su posición en 2 puestos en HTML (en relación al último mes)
Gráfica de HTML
Actualizado

Menú Bootstrap


HTML

Actualizado el 9 de Abril del 2021 por Carlos Luis (2 códigos) (Publicado el 20 de Agosto del 2017)
2.810 visualizaciones desde el 20 de Agosto del 2017
Menú Bootstrap configurable referente al color.

Resumen:

Muchas veces necesitamos tener una barra de navegación (navbar), diferente al color por defecto o al color inverso.

En ese caso utilizamos google para buscar soluciones. En mi caso, encontré algunas pero siempre me parecían muy complicadas; así que después de algún tiempo estudiando llegue a esta barra.

Espero sea de su utilidad y les ayude a aclarar un poco el tema.

Y con el permiso de autor de este vídeo, me permito recomendarlo:

Imágen de perfil
Val: 60
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Modificar el texto de un campo "required"


HTML

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 13 de Octubre del 2020 por Joan (112 códigos)
732 visualizaciones desde el 13 de Octubre del 2020
Este código muestra como cambiar el mensaje que muestra un cuadro de texto

input-required-texto-modificado
Imágen de perfil
Val: 886
Plata
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Creando un modo Día/Noche para nuestra web


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Septiembre del 2020 por Lopez
724 visualizaciones desde el 2 de Septiembre del 2020
La accesibilidad web es fundamental y muy significativa para quienes cuentan con alguna discapacidad y ¡Vaya! que hace feliz un modo noche. Pues hoy crearemos un Selector de Contraste o modo Claro/Oscuro. Con él mejoraremos, ademas de la experiencia de usuario, nuestras habilidades entendiendo un poco mas de LocalStorage, haciendo así de la web un lugar mejor.


uvLyAck

euTzUg2

Si quieres la información explicada o sumar ideas,
El post completo está en https://blob.cl/blog/post/crea-un-modo-de-contraste.
Puedes colaborar desde el git en https://github.com/lowpez/Accesibilidad-Color-y-Contraste
Imágen de perfil
Val: 16
Ha disminuido su posición en 19 puestos en HTML (en relación al último mes)
Gráfica de HTML

Una Forma de Contact/Contact Form en HTML5&CSS3 Responsive


HTML

estrellaestrellaestrellaestrellaestrella(6)
Actualizado el 3 de Agosto del 2020 por Terry (3 códigos) (Publicado el 7 de Diciembre del 2014)
8.090 visualizaciones desde el 7 de Diciembre del 2014
Hola Amigos esta vez les traigo una forma de contacto/contact form en html5 y css3 responsive, si me sobra un poco de tiempo en unos días subiré la versión en php 5.4
Imágen de perfil
Val: 16
Ha disminuido su posición en 19 puestos en HTML (en relación al último mes)
Gráfica de HTML

Menu Animado Responsive HTML5 & CSS3


HTML

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 3 de Agosto del 2020 por Terry (3 códigos) (Publicado el 25 de Noviembre del 2014)
12.672 visualizaciones desde el 25 de Noviembre del 2014
Este es un menú en donde al poner el cursor el elemento gira ya también responsive

espero les sirva en algo, gracias a todos, no olviden dejar sus comentarios o sugerencias.
Imágen de perfil
Val: 14
Ha aumentado su posición en 12 puestos en HTML (en relación al último mes)
Gráfica de HTML

HTML DESDE CERO COMO SI ESTUVIERA EN EL COLEGIO


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Julio del 2020 por Oswaldo Alberto (6 códigos)
1.055 visualizaciones desde el 23 de Julio del 2020
Cordial saludo.

El presente código fuente trata de Html, desde lo básico hasta el manejo de formularios, manejo de tablas, manejo de frames (ojo ya no se usan, pero por tratarse de enseñanza se ejemplarizan).

Finalmente se aplica el uso de formularios con tablas, es un concepto fui facil de aprender, para luego aplicarlo a sus necesidades. Con base a todo lo anterior, podrá seguir estudiando CSS el cual complementa el Html, y en un futuro muy cercano estudiar Html5 y CSS3.

Recuerden que en Internet existen muchos recursos presentados en muchos formatos para estudiar para aprender. "La vida es muy corta... vívela al máximo, como si fuera tu último día..."

Gracias,
Oswaldo Serrano
oase1973@yahoo.es

Foto-HV-Oswaldo-Serrano
Html
Imágen de perfil
Val: 374
Bronce
Ha mantenido su posición en HTML (en relación al último mes)
Gráfica de HTML

Web 2.0 Light / Dark Style


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Mayo del 2020 por Scriptshow (138 códigos)
1.777 visualizaciones desde el 4 de Mayo del 2020
Saludos,

Web 2.0 es un proyecto creado desde cero con unos 6Kb. Se caracteriza por ser muy flexible, adaptable con mínimos cambios en el código. No depende de librerías de nigún tipo, es 100% Código Nativo Compatible.
Tiene múltiples y variadas aplicaciones: Web Personal, Portafolio para Fotógrafos, Arquitectos, Diseñadores, Freelancers, etc...

Espero sea útil.
Imágen de perfil
Val: 29
Ha aumentado su posición en 2 puestos en HTML (en relación al último mes)
Gráfica de HTML

audio y vídeo en HTML


HTML

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 13 de Abril del 2020 por Ana Zelideth (29 códigos)
868 visualizaciones desde el 13 de Abril del 2020
Ejemplo de HTML pero ahora con complementos de audio y vídeo en nuestras páginas WEB


El complemento de audio soporta 3 tipos de archivos: ogg,mpeg,wav tiene como atributos:
Controls: que nos permite mostrar los controles de play, pausa, adelantar, atrasar
Src: es para indicar cual es el archivo origen que se reproducirá
Mute: que es para silenciar el audio
Loop: para ejecutar el audio de manera continua

El complemento de Vídeo, nos permite ingresar un espacio en la pagina para reproducir un vídeo, los formatos que soporta son mp4,ogg
Imágen de perfil
Val: 88
Ha disminuido su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

Botones interactivos


HTML

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Abril del 2020 por John Alexander (10 códigos)
1.034 visualizaciones desde el 8 de Abril del 2020
En este código podrás ver cómo hacer 3 botones interactivos los cuales activan una sombra de neón cuando colocas el cursor sobre alguno de ellos.

(No responsive)


Captura-de-pantalla-203
Imágen de perfil
Val: 88
Ha disminuido su posición en 4 puestos en HTML (en relación al último mes)
Gráfica de HTML

Esfera del dragón


HTML

Publicado el 8 de Abril del 2020 por John Alexander (10 códigos)
586 visualizaciones desde el 8 de Abril del 2020
En este código podrás ver cómo hacer una esfera del dragón de la serie "Dragon ball"
solo con HTML y CSS.


Captura-de-pantalla-202