CSS Hacks
CategoríaHacks sobre CSS para solucionar problemas.
Tu opinión me importa y mucho
Después de un tiempo escribiendo artículos he decido crear este pequeño donde proponeros que me enviéis alguna propuesta para hacer artículos. El diseño de webs es un tema muy amplio donde se puede hablar de muchas cosas, tengo varios temas guardados para escribir pero me parece importante también hablar de lo que vosotros necesitáis. Para … Lee más!
Cómo usar variables PHP en CSS
El uso de variables en PHP es una de la características más interesantes de PHP, pero, ¿cómo tener esta misma función en CSS? En esta entrada explicaré como Chris Coyier lo ha conseguido, en unos pocos pasos. De esta forma tendremos muchas ventajas a la hora de mostrar nuestro sitio web al usuario, muchas más … Lee más!
Comprueba propiedades CSS3 con CSS3 Please!
CSS3 Please es una herramienta que trae a nuestro disposición una hoja de estilos con propiedades CSS3, como pueden ser transform, border-radius, text-shadow, box-shadow, transition y @font-face, que podremos modificar y observar su resultado final, a la derecha. Cabe destacar que es un generador de reglas cross-browser, es decir, se podrá mostrar en cualquier navegador, … Lee más!
Emular los pseudo selectores de CSS3 en IE 5-8
ie-css3.js es un script creado por Keith Clark, cuyo fin nos permite que Internet Explorer -desde la versión 5 a la 8- identifique los pseudo selectores de CSS3 y renderizar las reglas de estilo definidas con ellos. Solamente tendrás que incluir este script en tu documento y empezar a usar estilos sin necesidad de preocuparte por … Lee más!
Solución a la transparencia PNG en IE 6 (II)
La transparencia PNG en IE 6 no funciona correctamente, pero podemos encontrar una solución a este problema con el hack que os voy a mostrar a continuación. Se puede usar con imágenes de fondo o para imágenes HTML en línea. Esta entrada es una ampliación de la expuesta anteriormente. Imágenes de fondo No puede ser … Lee más!
Galería con efecto de escala de grises mediante CSS y JQuery
Mediante CSS Sprites y JQuery podemos crear un efecto al aplicar :hover (posicionar el cursor encima) de un bloque, dándole a este una cambio de colores a escala de grises, como dice Sohtanaka. Esto puede resultar útil en portafolios, pero no recomiendo usarlo en proyectos grandes. dtsv.dtse_post_3619_permalink = ‘http://www.cssblog.es/galeria-efecto-de-escala-de-grises-css-jquery/’; dtsv.dtse_post_3619_title = ‘Galería con efecto de … Lee más!
Forzar la barra de desplazamiento vertical con CSS
Alguna vez puede que deseemos mostrar la barra vertical de un bloque (texto, imágenes) de forma forzada. Ocultar la barra de navegación puede ser útil en el caso de tener contenido que no rebase el contenedor, pero si la siguiente página del sitio web es larga y requiere una barra de navegación o si usas … Lee más!
Solución a 10 propiedades CSS no compatibles con IE6
Cuando creas un sitio web o un blog, muchas veces nos fijamos en que Internet Explorer 6 no soporta algunas propiedades que hemos aplicado, mientras que otros navegadores sí. Esto puede ser un asunto muy engorroso para el desarrollador, se empieza a poner nervioso sin encontrar la solución a su fallo. En esta entrada recopilaré … Lee más!
Calendario estilizado con CSS
En esta entrada aprenderemos a estilizar un calendario con CSS. Este calendario está estructurado mediante una tabla con filas y columnas (siendo estas los días y meses). Este calendario no es dinámico como el que indicamos en otra entrada, pero servirá por si alguna vez deseamos estilizar un calendario. dtsv.dtse_post_3167_permalink = ‘http://www.cssblog.es/calendario-estilizado-con-css/’; dtsv.dtse_post_3167_title = ‘Calendario … Lee más!
Pestañas simples con CSS y JQuery
Existen muchas maneras de crear pestañas con CSS, aquí os mostraremos un método de los muchos que existen, acompañado de un poco de jQuery para agregar animaciones y efectos de transición. Estructura HTML Usaremos una lista desordenada para las pestañas, seguido del div con clase “tab_container”. Observa que cada item de la lista (pestaña) tiene … Lee más!
Bloques de texto encima de una imagen
Ya enseñamos hace tiempo a crear un rotador de imágenes con CSS, pero, ¿Y si solo deseamos ubicar texto encima de una imagen? En esta entrada aprenderemos a insertar bloques de texto encima de una imagen. Estructura La imagen se ubica al fondo del todo, y, el bloque de texto está agrupado por un encabezado … Lee más!
Efecto de despliege con CSS y JQuery
Muchas veces necesitamos crear sitios atractivos para obtener mayores visitas. Podemos crear sitios atractivos de muy distintas formas; Diseñando páginas con un estilo extravagante, siendo muy minimalista, innovadores, o, utilizando únicamente JQuery y CSS. En esta entrada os explicaré como crear un sencill0 efecto de “despliege” en una página, para mostrar, el feed RSS, por … Lee más!
