Códigos Fuente de CSS

Mostrando del 81 al 90 de 145 registros
Imágen de perfil
Val: 404
Plata
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Responsive One Page Web 2.0


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 13 de Noviembre del 2016 por ScriptShow
1.916 visualizaciones desde el 13 de Noviembre del 2016
Web basada en una página adaptable y compatible con cualquier navegador web, tableta, smartphone, móvil, etc... Construida en HTML y CSS desde cero, sólo ocupa al completo 2,13 KB (2.187 bytes); por tanto, NO precisa Javascript, Librerías, Feamewoks, ni nada parecido. Es una estructura amplable sin límite. Se pueden añadir más páginas clonando parte del código y adaptándolo. Tiene un límite: ¡La Imaginación. Qué se le va a hacer!...
Imágen de perfil
Val: 404
Plata
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Evitar la selección de texto con una Class CSS


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 25 de Octubre del 2016 por ScriptShow (Publicado el 21 de Octubre del 2016)
2.321 visualizaciones desde el 21 de Octubre del 2016
Class-CSS aplicable a diversos elementos para evitar que sean seleccionados.
Puede resultar práctico para texto que al clicar y mover en su zona, acabe seleccionado parcial o totalmente sin pretenderlo; algo poco estético.

Lo vemos en el código del ejemplo.
Imágen de perfil
Val: 404
Plata
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Botón con efecto sombra


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 13 de Octubre del 2016 por ScriptShow (Publicado el 8 de Octubre del 2016)
8.291 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
Val: 404
Plata
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Simple Reveal Background Scroll


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 8 de Octubre del 2016 por ScriptShow
1.287 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
Val: 404
Plata
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Top Menu Responsive


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 4 de Octubre del 2016 por ScriptShow
4.443 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.
Imágen de perfil
Val: 665
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Poner un texto encima de una foto en la parte inferior de la misma


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 29 de Junio del 2016 por xve
58.680 visualizaciones desde el 29 de Junio del 2016
este simple código, muestra como poner un simple texto encima de una foto.

texto-pie-foto
Imágen de perfil
Val: 665
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

radio button con formato personalizado


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 17 de Junio del 2016 por xve
2.111 visualizaciones desde el 17 de Junio del 2016
Este código de CSS, muestro como modificar el formato de un radio button por uno definido por nosotros mismos.

radio-css-personalizado
Imágen de perfil
Val: 665
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Checkbox con formato


CSS

Publicado el 6 de Mayo del 2016 por xve
2.329 visualizaciones desde el 6 de Mayo del 2016
Este código de CSS, muestro como modificar el formato de un checkbox por uno definido por nosotros mismos.
Podemos definir que el texto quede tachado al estar seleccionado.

checkbox-con-formato
Imágen de perfil
Val: 646
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Utilización de sprites con CSS3 manteniendo el title (tag) de la imagen


CSS

Actualizado el 11 de Abril del 2016 por Xavi (Publicado el 6 de Septiembre del 2013)
4.245 visualizaciones desde el 6 de Septiembre del 2013
La utilización de sprites, es una técnica para mejorar la velocidad de carga de las páginas webs. Esta técnica consiste en colocar en una sola imagen todo el conjunto de imágenes que vayamos a utilizar en nuestra web, para luego ir cogiendo la parte de la imagen que necesitemos mostrar.
Funciona en todos los navegador a excepción de IE8 y anteriores.
Imágen de perfil
Val: 665
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Crear un salto de pagina al imprimir nuestra web


CSS

estrellaestrellaestrellaestrellaestrella(8)
Publicado el 19 de Marzo del 2016 por xve
15.323 visualizaciones desde el 19 de Marzo del 2016
En este simple código, se visualiza como crear un salto de página cuando vayamos a imprimir nuestros reportes o documentos desde nuestra página web