El header o cabecera de cualquier sitio suele ser parte fundamental del diseño, usado principalmente para mostrar el logotipo y a mayores lo que se nos ocurra: acompañar el logo con una imagen, colocar buscador, suscripciones etc. Si le quieres dar más dinamismo en devlounge nos presentan una practica forma de hacerlo.
Se trata de un script realizado en php con el que podremos rotar las imágenes que los usuarios verán al cargar el sitio. El script busca imágenes con extensión .png, .gif y .jpg dentro de una carpeta que le indiquemos y cada vez suelta una diferente. Ponerlo a funcionar es fácil, seguiremos las indicaciones que nos dan en el blog, en inglés pero entendible. Si además ya sabes algo de php te puede servir para conocer alguna nueva función y una estructura fácil de entender y si sabes más que algo lo podrás mejorar u adaptar para otros fines ...
WebDesignerWall nos presenta un nuevo tutorial donde explica una interesante técnica. En esta ocasión se trata de, mediante css y la etiqueta span, colocar diferentes elementos decorativos en una imagen, tales como dar esquinas redondeadas, poner un clip, rasgar los bordes etc. En el tutorial los aplica a una galería de trabajos pero el “truco” es extrapolable para cualquier sitio. Conseguiríamos lo mismo tratando cada imagen por separado, trabajo bastante tedioso. Con este sistema podríamos configurar, por ejemplo, 3 efectos concretos que aplicaríamos a las imágenes que quisiéramos con el consiguiente ahorro de tiempo y resto de beneficios como son mantener la imagen original intacta, flexibilidad etc. El truco funciona en cualquier tipo de imagen con cualquier tamaño y está testeado en FireFox, Opera, Safari e IE.
Enlace: CSS Decorative ...
