Mostrar los tags: css

Mostrando del 51 al 60 de 166 coincidencias
Se ha buscado por el tag: css
Imágen de perfil

querySelector - querySelectorAll


JavaScript

Actualizado el 28 de Agosto del 2018 por ScriptShow (Publicado el 26 de Agosto del 2018)
752 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
812 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

Mostrar un lista de checkbox al pulsar sobre un select


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 12 de Julio del 2018 por xve
2.105 visualizaciones desde el 12 de Julio del 2018
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
Imágen de perfil

Como añadir un archivo CSS desde javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Publicado el 14 de Junio del 2018 por xve
1.064 visualizaciones desde el 14 de Junio del 2018
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
Imágen de perfil

Utilizar el estilo :before para poner un botón en un cuadro de texto para ampliar


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 11 de Junio del 2018 por xve
926 visualizaciones desde el 11 de Junio del 2018
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.

abrir-y-cerrar-capa
Imágen de perfil

Mensajes personalizados para nuestras paginas web


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 3 de Junio del 2018 por Xavi
1.509 visualizaciones desde el 3 de Junio del 2018
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...

mensaje-personalizado-1

mensaje-personalizado-2

mensaje-personalizado-3
Imágen de perfil

Parallax - Scrolling - Simple


CSS

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

Imagen B/N con fondo efecto mono-color


JavaScript

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

Script - Simple URL Shortener


PHP

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 28 de Abril del 2018 por syaf
1.872 visualizaciones desde el 28 de Abril del 2018
script1
script2
scripts3


Simple URL Shortener, es un script del tipo "bit.ly" creado 100% por mi, cuenta con un sistema de guardado de links según IP y un sistema de suma de visitas por cada vez que se utiliza dicho link.

Para instalarlo simplemente deberíamos realizar la conexión SQL en config.php y subir la base de datos que se encuentra en el archivo.

Demo -> http://urlshortener.gq/

Dudas y/o criticas constructivas que tengan me las pueden dejar abajo, un saludo!
Imágen de perfil

Efecto Blur con CSS Compatible


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 18 de Marzo del 2018 por ScriptShow (Publicado el 16 de Marzo del 2018)
2.982 visualizaciones desde el 16 de Marzo del 2018
Código en CSS Style para generar un efecto Blur compatible con la mayoría de navegadores web. Al pasar el cursor por el objeto, elemento, etc. se puede apreciar el efecto Blur.

Un saludo

imagen-normal
imagen-con-blur