Mostrar los tags: C

Mostrando del 2.191 al 2.200 de 2.862 coincidencias
Se ha buscado por el tag: C
Imágen de perfil

Botón con efecto sombra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 13 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 8 de Octubre del 2016)
18.452 visualizaciones desde el 8 de Octubre del 2016
Utilizar una clase para conseguir un efecto sombra con relieve en objetos, elementos, etc.
Es muy sencillo y no precisa de librerías de terceros. Con una sola clase CSS3 y algo de estilo aplicado a un botón, así de simple.
Imágen de perfil

Funcion estilo consola y texto dinamico


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 10 de Octubre del 2016 por Kip (28 códigos)
2.960 visualizaciones desde el 10 de Octubre del 2016
Una sencilla función que setea un div con un estilo parecido a una consola, asi mismo esta función se encarga de instanciar el input para poder agregar algun texto desde este de forma dinámica.

Oe7yW0o8Qo

Debes colocar entre <head> y </head> del documento el codigo fuente de la funcion.
Luego al final antes de finalizar el body debes colocar el llamado a la funcion, enviando como parametros el id del div a aplicar el estilo consola y el id del input de donde se tomara el texto, asi:

1
consoleMode('id-del-div', 'id-del-input');

A continuación, en el código fuente de abajo colocare el documento HTML completo, las indicaciones de arriba son por si solamente copias el código javascript de la función que se encuentra asi mismo mas abajo entre <head> y </head>.

Espero sea de utilidad.

Saludos
Imágen de perfil

Parallax Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 10 de Octubre del 2016 por Scriptshow (141 códigos) (Publicado el 8 de Octubre del 2016)
1.949 visualizaciones desde el 8 de Octubre del 2016
Lejos de lo que hay por ahí basado en librerías de 80 - 200kb. este Parallax utiliza 4 - 6 líneas de código javascript nativo, el que interpreta cualquier navegador web. En el 99.9 de los casos, NO es necesario el uso de frameworks para nuestros proyectos. Decimos que se eternizan los renderizados de contenidos, es cierto. Un buen proyecto desde cero, bien estructurado, puede ser un 90% más ágil y original que utilizando plantillas y marcos de trabajo cargados de código inútil. ¡La Imaginación es el límite!. Aprender es un placer, siempre.
Imágen de perfil

Sidenav Simple


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 8 de Octubre del 2016 por Scriptshow (141 códigos)
1.861 visualizaciones desde el 8 de Octubre del 2016
Menú de apertura y cierre lateral con efectos. Algo de CSS y dos funciones en javascript son suficientes para cumplir las expectativas. No necesita librería alguna, sólo 1 Kb. de código con estructura HTML incluida...
Imágen de perfil

Digital Clock


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 9 de Octubre del 2016 por Scriptshow (141 códigos)
2.293 visualizaciones desde el 9 de Octubre del 2016
Perfecto Reloj Digital sin imágenes. Creado en DHTML puro desde cero. Difícil de mejorar... Hecho por un Genio del género, un experto en JavaScript. http://milov.nl/experiments/ Hay que visitar millones de Webs para encontrar unos pocos de éstos. Veinte años dándole al tema. En fin... "mucha envidia de la buena". Se te quitan las ganas de Frameworks, Librerías y demás código INÚTIL. ¡Hay vida más allá de... Experimenta!.

relog-digital-javascript
Imágen de perfil

Generar una fecha aleatoria y calcular la diferencia en días


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 9 de Octubre del 2016 por Xve (294 códigos)
9.008 visualizaciones desde el 9 de Octubre del 2016
Mediante Math.random(), generar una fecha comprendida entre la fecha actual mas 60 días y la fecha actual más 13 meses. Calcular el número de días desde la fecha actual a la generada. Escribir los resultados en el navegado con document.write().
Imágen de perfil

Simple Reveal Background Scroll


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Octubre del 2016 por Scriptshow (141 códigos)
2.133 visualizaciones desde el 8 de Octubre del 2016
Simple código que permite un efecto reveal de fondos en puro CSS. Sin JavaScript, sin librerías; totalmente compatible con nuevos, antiguos navegadores y demás dispositivos. Adaptable con escasos cambios a diferentes proyectos.
Imágen de perfil

Top Menu Responsive


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 4 de Octubre del 2016 por Scriptshow (141 códigos)
6.125 visualizaciones desde el 4 de Octubre del 2016
Un sencillo menú horizontal compatible con la mayoría de dispositivos y navegadores actuales.

Con muy pocas líneas de código, se pueden conseguir atractivos efectos.