Mostrar los tags: css

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

Ocultar y mostrar un elemento con un botón


JavaScript

Publicado el 12 de Julio del 2018 por xve
214 visualizaciones desde el 12 de Julio del 2018
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
179 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
693 visualizaciones desde el 14 de Junio del 2018. Una media de 140 por semana
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
598 visualizaciones desde el 11 de Junio del 2018. Una media de 112 por semana
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(1)
Publicado el 03 de Junio del 2018 por Xavi
868 visualizaciones desde el 03 de Junio del 2018. Una media de 133 por semana
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 02 de Junio del 2018 por ScriptShow
747 visualizaciones desde el 02 de Junio del 2018. Una media de 112 por semana
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 02 de Junio del 2018 por ScriptShow
657 visualizaciones desde el 02 de Junio del 2018. Una media de 98 por semana
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(2)
Publicado el 28 de Abril del 2018 por syaf
817 visualizaciones desde el 28 de Abril del 2018. Una media de 70 por semana
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

GRID Responsive JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 25 de Abril del 2018 por ScriptShow (Publicado el 28 de Septiembre del 2017)
1.808 visualizaciones desde el 28 de Septiembre del 2017. Una media de 49 por semana
Cambiar el número de columnas y tamaño del contenido de un GRID con JavaScript...
Un ejemplo con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye dos variantes del script.

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

Espero sea útil.

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)
890 visualizaciones desde el 16 de Marzo del 2018. Una media de 56 por semana
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
Revisar política de publicidad