Mostrar los tags: css

Mostrando del 1 al 10 de 140 coincidencias
<<>>
Se ha buscado por el tag: css
Imágen de perfil

Menú Horizontal ocultable OnScroll


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 22 de Septiembre del 2018 por ScriptShow
110 visualizaciones desde el 22 de Septiembre del 2018
Menú situado en el top de la página que se muestra u oculta al mover la barra de scroll. Los contenidos se desplazan con independencia de la posición del menú.

Espero sea útil.

Un saludo
Imágen de perfil

Panel visible / oculto con CSS


CSS

Publicado el 22 de Septiembre del 2018 por ScriptShow
82 visualizaciones desde el 22 de Septiembre del 2018
Un panel que muestra el contenido al situar el mouse sobre la parte superior del mismo. Una clase en CSS se encarga de darle formato, aspecto, etc. No precisa JavaScript.
Es compatible con cualquier dispositivo fijo ó móvil.

Espero sea útil.

Un saludo
Imágen de perfil

CSS Tiny Box


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2018 por ScriptShow
182 visualizaciones desde el 18 de Septiembre del 2018
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
Imágen de perfil

Cambia de aspecto con Clase


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 18 de Septiembre del 2018 por ScriptShow
164 visualizaciones desde el 18 de Septiembre del 2018
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
Imágen de perfil

GRID Responsive JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 08 de Septiembre del 2018 por ScriptShow (Publicado el 28 de Septiembre del 2017)
1.964 visualizaciones desde el 28 de Septiembre del 2017. Una media de 42 por semana
Contiene ejemplos con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye tres variantes del script. Puedes elegir la opción más adecuada a tu proyecto.

Cambia el número de columnas y tamaño del contenido del GRID con JavaScript compatible.

Origen de las imágenes: https://pixabay.com/

Espero sea útil.

Un saludo
Imágen de perfil

Info Panel de Notas 1.0


PHP

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 30 de Agosto del 2018 por ScriptShow (Publicado el 02 de Diciembre del 2016)
2.759 visualizaciones desde el 02 de Diciembre del 2016. Una media de 35 por semana
Sencillo Panel de Notas online. Ideal para mensajes cortos, notas, avisos, etc. en la web.
Una contraseña permite publicar mensajes en tiempo real. Muy sencillo de manejar y adaptar con escasos cambios. Personalizable con CSS e imágenes.


Espero sea útil.

Un saludo
Imágen de perfil

querySelector - querySelectorAll


JavaScript

Actualizado el 28 de Agosto del 2018 por ScriptShow (Publicado el 26 de Agosto del 2018)
456 visualizaciones desde el 26 de Agosto del 2018
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
Imágen de perfil

Scroll Overflow controlado por JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Agosto del 2018 por ScriptShow
512 visualizaciones desde el 26 de Agosto del 2018
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
Imágen de perfil

Ocultar y mostrar un elemento con un botón


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Julio del 2018 por xve
800 visualizaciones desde el 12 de Julio del 2018. Una media de 84 por semana
Simple código que muestra como mostrar o ocultar un elemento añadiéndole o quitandole una clase de CSS que esconde o muestra el elemento.
Imágen de perfil

Mostrar un lista de checkbox al pulsar sobre un select


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Julio del 2018 por xve
867 visualizaciones desde el 12 de Julio del 2018. Una media de 84 por semana
Este código muestra como simular un desplegable de checkbox dentro de un <select>

checkbox-dentro-de-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
Revisar política de publicidad