Mostrar los tags: css

Damos muchas vueltas con los: Lightbox, Modalbox, Capa con opacidad, etc.
En esencia, estos efectos son muy sencillos; por lo que vemos y observamos por ahí, son muy complicados... ¿Cuál es la realidad?. En definitiva, cuando tenemos tanto donde elegir, acertar se convierte en la clave.

Por ahora, empezaremos con este sencillo Tiny Box a ver qué pasa...

Espero sea útil.

Un saludo

Dicho queda... Cambiar el tamaño, forma, color, texto, etc. de un elemento con CSS y JScript compatibles. Es un ejemplo muy sencillo basado en dos clases CSS y una función que es llamada desde un enlace de texto.

Espero sea útil.

Un saludo

Ejemplos sencillos y compatibles para utilizar querySelector - querySelectorAll. No serán necesarias "librerías - framework" para este menester. Los métodos y funciones las interpreta directamente cualquier navagador web.

Espero sea útil.

Un saludo

En ocasiones, hemos tenido que actuar sobre las barras de scroll para ponerlas y/o quitarlas por tiempo limitado, según necesidades: menúes largos, foto presentaciones, etc. Incluso por estética...

Vamos a ver cómo hacerlo controlado por javascript, directamente. Podemos añadirle una función asociada a un/os evento/s, objeto/s, etc. Si es preciso, revisaremos los valores posibles para el atributo "overflow".

Espero sea útil.

Un saludo

Este código muestra como simular un desplegable de checkbox dentro de un <select>



El código sido copiado de https://stackoverflow.com/questions/17714705/how-to-use-checkbox-inside-select-option y mejorado juntamente con Alejandro en el chat de PHP

Este simple código muestra como añadir una hoja de estilos CSS desde javascript.

En este ejemplo, añade la hora de estilo estiloNoche.css en la página a partir de las 21:00 horas

Los elemento añadidos por :after o :before desde CSS no se encuentran en el DOM, por lo que no es posible crear eventos sobre ellos. Para ellos, utilizamos la posición del click para simular la pulsación sobre :before para ampliar o disminuir un texto.

Este código muestra como mostrar mensajes personalizados a los usuarios en medio de la pantalla.

El contenido del mensaje es HTML con CSS, por lo que podemos personalizarlo por completo, como poner imágenes en nuestros mensajes, y personalizar los botones con diferentes colores, etc...

Aquí os muestro algunos ejemplos...

Basado en CSS, sin más, he aquí un efecto muy utilizado en los Sitios Web actuales.
Nada de librerías, nada frameworks, nada de bootstrap... Adaptable y compatible, Con escasos 2Kb. es posible.

¡Dale al Scroll y a la Imaginación!. Construye tu Sitio desde cero...


Un saludo

Una sola imagen ó silueta en escala de grises (B/N) que cambia de color, sin necesidad de utilizar varias imágenes para ello... Absolutamente compatible de forma nativa.

Un Script puede aplicar decenas, cientos de colores aleatorios al fondo para conseguir el efecto, el resto es una opacidad prefijada en CSS. No es una práctica que esté extendida en webs, creo. Lo descubrí experimentando por mi cuenta.

Espero sea útil.


Un saludo