Mostrar los tags: HTML

Mostrando del 11 al 20 de 220 coincidencias
Se ha buscado por el tag: HTML
Imágen de perfil

Quitar el código HTML de las urls de un texto


JavaScript

Publicado el 5 de Abril del 2021 por Katas (200 códigos)
2.467 visualizaciones desde el 5 de Abril del 2021
Función que recibe un texto con enlaces en formato HTML, y devuelve el mismo texto pero quitando el formato HTML (<a href="....">).

1
2
3
4
console.log(urlHTMLToText('la url: <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> esta ok')); // "la url: https://www.dom.au esta ok"
console.log(urlHTMLToText('la url: <a href="https://www.dom.au/index.html" target="_blank">https://www.dom.au/index.html</a> esta ok')); // "la url: https://www.dom.au/index.html esta ok"
console.log(urlHTMLToText('las urls: <a href="https://dom.au" target="_blank">https://dom.au</a> y <a href="https://www.dom.au" target="_blank">https://www.dom.au</a> estan ok')); // 'las urls: https://dom.au y https://www.dom.au estan ok'
console.log(urlHTMLToText('texto sin url')); // "texto sin url"

Esta función hace lo contrario que la función urlTextToHTML() https://www.lawebdelprogramador.com/codigo/JavaScript/6993-Convertir-las-urls-de-un-texto-en-enlace-HTML.html
Imágen de perfil

Vídeo como fondo de página con CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 28 de Febrero del 2021 por Joan (121 códigos) (Publicado el 8 de Octubre del 2019)
4.248 visualizaciones desde el 8 de Octubre del 2019
En este código se muestra como mediante CSS ponemos un vídeo como fondo de pántalla.

video-como-fondo-pantalla
Imágen de perfil

formatear un numero según es introducido en un input de un formulario


JavaScript

Publicado el 28 de Enero del 2021 por Aitor (6 códigos)
3.013 visualizaciones desde el 28 de Enero del 2021
Rutina en JavaScript para formatear el campo input de un formulario según se va introduciendo con el teclado.

Hay varias clases:
Números enteros positivos y negativos o solo los positivos.
Números flotantes positivos y negativos o solo los positivos.
Fijación de números flotantes a 2 decimales.

Se puede indicar el formato de los separadores de miles y de decimales entre el formato USA que usa como separador de miles la coma "," y el separador de decimales el punto "." o viceversa como en España.

Demo y copia gratuita de:
https://www.bc3toexcel.com/compartir/input-format-number-as-keyed.htm

En el navegador pulsando botón derecho del ratón opción mostrar código fuente se puede copiar.
format-number-as-keyed
Imágen de perfil

Convertir un código de color de 3 dígitos a 6 dígitos


JavaScript

Publicado el 25 de Noviembre del 2020 por Katas (200 códigos)
765 visualizaciones desde el 25 de Noviembre del 2020
Función para convertir un color en hexadecimal (utilizado en las web) de 3 dígitos a 6 dígitos

1
2
3
4
extendColorHex('#03f');    // '#0033ff'
extendColorHex('05a');     // '#0055aa'
extendColorHex('#0bdc3f'); // '#0bdc3f'
extendColorHex('0bdc3f');  // '#0bdc3f'
Imágen de perfil

iconos con efecto


CSS

Publicado el 20 de Noviembre del 2020 por Manuel (2 códigos)
1.850 visualizaciones desde el 20 de Noviembre del 2020
Algo pequeño no es responsive, pero se puede hacer.

es una pequeña animación con iconos y la propiedad de hover.
Imágen de perfil

Convertir acentos a formato HTML


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 31 de Octubre del 2020 por Xve (294 códigos)
3.027 visualizaciones desde el 31 de Octubre del 2020
Este simple código muestra como reemplazar los acentos y eñes de una cadena utilizando la función replace por su equivalente en formato HTML.
Imágen de perfil

sitio web de inventario


PHP

estrellaestrellaestrellaestrellaestrella(9)
Actualizado el 19 de Octubre del 2020 por Charly (2 códigos) (Publicado el 17 de Octubre del 2020)
18.032 visualizaciones desde el 17 de Octubre del 2020
En la carpeta hay una serie de páginas en php, que permiten utilizar un sitio web para llevar el inventario de cualquier empresa. Además, hay otras secciones como, compras y ventas, vehículos, nóminas, trabajadores, facturas, ...
admin
home
media
product
users
Imágen de perfil

Sidenav Menú Vertical


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 15 de Enero del 2017)
3.863 visualizaciones desde el 15 de Enero del 2017
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo
Imágen de perfil

Centrar y Ajustar Imagen con métodos básicos de CSS


CSS

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 5 de Marzo del 2017)
28.884 visualizaciones desde el 5 de Marzo del 2017
Como centrar una imagen en cualquier dispositivo / pantalla de modo responsable con CSS compatible; sin pseudo clases, sin media query, sin calcular márgenes, sin importar el tamaño, etc.
El resultado es parecido al de aplicaciones de escritorio cuando redimensionamos la ventana.

Espero sea útil.

Un saludo