Truco de Scroll con imágenes de fondo en CSS
¿No habéis visto ninguna web en el que el fondo tenga valor fixed y nos siga? ¿No os gustaría crear algo mejor, que el fondo fuera dinámico y cambiase depende de donde estemos en la página? Aquí aprenderemos a crear fondos dinámicos en nuestra web a medida que vayamos «scrolleando» el sitio web. Es muy … Lee más!
Solución a la transparencia PNG en IE 6 (I)
Internet Explorer 6 tiene un gran fallo, no le gustan los PNG, así que tratará la transparencia de ellos (su punto más fuerte), como si no la tuvieran. Ha habido muchos fix y hacks por los siglos de los siglos, pero aquí te traemos otro que da resultado.
Lista de fuentes más usadas en diseño
Las fuentes son un recurso indispensable a tener en cuenta a la hora de crear nuestro blog/web, ya que gracias a ellas, haremos que un blog/web sea legible o ilegible. A continuación se resumen las fuentes más usadas en el diseño:
Centrar la estructura de tu web horizontalmente usando CSS
La resolución más baja que existe ahora es la de 1024 x 768, así que deberemos programar de acuerdo a esta resolución como mínimo. Una de las cosas que debemos hacer siempre que sea posible, es crear la estructura de nuestro sitio de forma fixed, es decir, que sea una anchura y altura determinada, y … Lee más!
Clear float nunca fue tan fácil
Una manera fácil de hacer clear a tus floats en CSS, es esta, incluyes en tu código CSS el estilo del elemento, y le agregas la propiedad overflow: hidden: .containingElement{ overflow: hidden; } [/code] Finalmente, hay que hacer un pequeño hack en Internet Explorer 6 para que lo soporte: * html #container{ height: 1%; } … Lee más!
Posicionamiento Fixed con CSS
Algunas veces queremos que un mensaje se muestre siempre que naveguemos por una página, aunque nos vayamos hacia abajo del todo de esta. Bueno, esto se puede hacer, gracias a una propiedad de CSS que posiciona un elemento de forma flotante. Solo tendremos que crear el código CSS del elemento, y añadirle la posición fixed: … Lee más!
Crear Acordeon en CSS
Podemos crear un sencillo acordeón en CSS, que al pasar por encima se muestre, (se despliege), y si quitamos el cursor, vuelva a contraerse. Debemos seguir estos pasos:
¡Contenido premium gratis!
Suscríbete a nuestra lista premium gratuita y recibe cupones sobre recursos de diseño gráfico Freepik, artículos y material exclusivo.
