Códigos Fuente de CSS

Mostrando del 121 al 130 de 145 registros
Imágen de perfil
Val: 652
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Rotar una imagen en CSS3


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 23 de Enero del 2013 por Xavi
20.774 visualizaciones desde el 23 de Enero del 2013
Simple código que muestra como rotar una imagen con CSS3. Explica el funcionamiento y las posibilidades de "transition".
Imágen de perfil
Val: 652
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Efecto de zoom en una imagen y texto con CSS3


CSS

estrellaestrellaestrellaestrellaestrella(30)
Publicado el 18 de Enero del 2013 por Xavi
108.733 visualizaciones desde el 18 de Enero del 2013
Código que muestra como generar un efecto de zoom sobre una imagen y texto al pasar el ratón por encima.
Imágen de perfil

CSS Tools: Reset CSS


CSS

Publicado el 25 de Noviembre del 2012 por Administrador
5.414 visualizaciones desde el 25 de Noviembre del 2012
El objetivo de restablecer una hoja de estilo es reducir las inconsistencias en cosas como la altura de la línea por defecto, márgenes y tamaños de fuente,... Los estilos de restablecimiento que se dan aquí son intencionalmente muy genérico. No hay ningún color por defecto o conjunto de fondo para el elemento del cuerpo.
Imágen de perfil
Val: 652
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Solución al problema de la anchura del padding entre Firefox/IE y Chrome


CSS

Publicado el 12 de Junio del 2012 por Xavi
5.665 visualizaciones desde el 12 de Junio del 2012
Internet Explorer y Firefox añaden a la capa la anchura del padding, mientras que en Chrome el valor del padding es restado del ancho definido. Para que IE y Firefox trabajen igual que Chrome, hay que añadir este código que soluciona el problema al utilizar la clausula -padding-.
Imágen de perfil
Val: 652
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Mostrar una capa al pasar el raton por encima de un texto o imagen utilizando JQuery


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 1 de Abril del 2012 por Xavi
18.184 visualizaciones desde el 1 de Abril del 2012
Código que muestra como al pasar el ratón por encima de un texto, te muestra una capa con el contenido que desees al lado del ratón utilizando JQuery. Al quitar el ratón de encima de el texto, desaparece la capa que se esta mostrando.
Probado con IE6,7,8, 9, Firefox, Opera, Chrome y Safari.
Imágen de perfil
Val: 652
Oro
Ha mantenido su posición en CSS (en relación al último mes)
Gráfica de CSS

Div izquierdo fijo y div derecho variable a la anchura del navegador


CSS

Publicado el 4 de Marzo del 2012 por Xavi
7.119 visualizaciones desde el 4 de Marzo del 2012
Código que muestra como tener un div izquierdo de anchura fija, y un div derecho con el resto de anchura del navegador, adaptándose al espacio derecho restante.
Imágen de perfil
Val: 408
Plata
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Ajustar fondo a la ventana del navegador


CSS

Publicado el 31 de Julio del 2011 por ScriptShow
4.933 visualizaciones desde el 31 de Julio del 2011
Simple código que muestra como redimensionar el fondo de una pagina web al tamaño del navegador.
Probado en los navegadores: IExplorer 8x, Firefox 5x, Safari 4x y Opera 11x
sin imagen de perfil

Alertas


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 26 de Junio del 2011 por Aldo Tellez
9.580 visualizaciones desde el 26 de Junio del 2011
Código que muestra con CSS como mostrar una capa en modo de alerta,info o error en el medio de la ventana.
Imágen de perfil
Val: 408
Plata
Ha disminuido 1 puesto en CSS (en relación al último mes)
Gráfica de CSS

Menú posicionable


CSS

Publicado el 26 de Junio del 2011 por ScriptShow
5.191 visualizaciones desde el 26 de Junio del 2011
Menú que permanece fijo con respecto al scroll; posicionable en la parte superior o inferior de la página con un click en la imagen (Logo). Está simplificado al máximo, basado en cambios de estilos con JavaScript.
Probado en: IExplorer 8 y 9, Firefox 3.6 y 4, Safari 4x.
sin imagen de perfil

Botones llamativos y con bordes redondeados con CSS3


CSS

Publicado el 19 de Junio del 2011 por Aldo Tellez
5.996 visualizaciones desde el 19 de Junio del 2011
Código que muestra la utilización de css3 para los botones, ya sean enlaces o para el envío de formulario (submit), permitiendo botones llamativos y con bordes redondeados.