Mostrar los tags: css

Mostrando del 81 al 90 de 181 coincidencias
Se ha buscado por el tag: css
Imágen de perfil

Script - Simple URL Shortener


PHP

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 28 de Abril del 2018 por Syaf
2.302 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)
3.379 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
Imágen de perfil

Revelar imagen y otros contenidos OnClick


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 18 de Marzo del 2018 por Scriptshow (Publicado el 16 de Marzo del 2018)
1.225 visualizaciones desde el 16 de Marzo del 2018
Código que permite hacer transparentes zonas para dejar ver una imagen; fondo, texto, contenidos...

Se pueden crear divisiones calculando el número total de ellas. Un bucle, se encarga de generar los elementos virtualmente. Al clicar en dichos elementos, el fondo correspondiente se hace transparente.

Tiene variadas aplicaciones: crear Menús, Intros, Onepage, etc. Lo vemos e imaginamos con el ejemplo.

Un saludo
Imágen de perfil

Reloj analógico


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 7 de Marzo del 2018 por Administrador
6.364 visualizaciones desde el 7 de Marzo del 2018
Excelente reloj analógico que utiliza Javascript para obtener la hora del sistema, pero para mostrar las agujas utiliza los grados (deg) del rotate de CSS para mover las agujas.

reloj-analogico
Imágen de perfil

Dividir la zona visible del navegador


CSS

Publicado el 6 de Marzo del 2018 por Scriptshow
821 visualizaciones desde el 6 de Marzo del 2018
Código para dividir en secciones proporcionales la zona visible del navegador web. Sólo precisa unas líneas de CSS y HTML. No utiliza Tablas.

Es compatible, responsable, simple, etc.

Un saludo

grid
Imágen de perfil

Llegar al final de un texto. Aceptar y seguir...


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 6 de Marzo del 2018 por Scriptshow
1.549 visualizaciones desde el 6 de Marzo del 2018
Leer un texto "hasta el final", es algo que nos encontramos en todas las Webs: los términos y condiciones, aviso legal, etc. Aceptarlo para continuar, puede ser una premisa.
Con este script, podemos comprobar que hemos llegado al final del texto, al menos.

Un saludo
Imágen de perfil

Grid + Intro utilizando CSS


CSS

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Febrero del 2018 por Scriptshow (Publicado el 26 de Enero del 2018)
1.880 visualizaciones desde el 26 de Enero del 2018
GRID + INTRO es un experimento UI / UX basado en CSS Compatible. El resultado es un diseño de aspecto similar a "metro".

Puede utilizarse como página de inicio para navegar por otros contenidos. Tienes varias opciones realizando pequeños cambios: añadir imágenes, vídeos, etc. que guarden una proporción lógica. Es ampliable, compatible, adaptable a proyectos...

Espero sea útil.

Un saludo
Imágen de perfil

Barra de Progreso del Scroll


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Febrero del 2018 por Scriptshow
1.725 visualizaciones desde el 4 de Febrero del 2018
Barra de Progreso para el Scroll con JavaScript. Un evento y la función procesan la posición del Scroll... Mejor lo vemos.

scrollbar
Imágen de perfil

Ver el Password de un input


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 4 de Febrero del 2018 por Scriptshow
2.363 visualizaciones desde el 4 de Febrero del 2018
Script que convierte un input type password en un input type text., dejando ver el valor que contiene el primero. Un método sencillo que puede no dar resultado en todos los navegadores web.

Veamos de todas formas el código del ejemplo.
Imágen de perfil

Sticky Header JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 4 de Febrero del 2018 por Scriptshow
1.017 visualizaciones desde el 4 de Febrero del 2018
Sticky Header realizado en JavaScript Compatible. No utiliza librerías de terceros. Funciona en todos los navegadores web.
Al mover el Scroll, un Sticky queda fijado en la parte superior. Top de la página. El resto del contenido, se desplaza según la posición del Scroll.

Veamos el código de ejemplo.