Puerto Pixel

Archivos en la categoría ‘Css’

Brightfolio: Excelente Plantilla XHTML/CSS gratuita

El el sitio publicaron esta excelente plantilla XHTML/CSS gratuita que nos permite armar un portfolio de trabajos o catalogo de productos. El template incluye un fondo de fácil personalizar y los plugins de jQuery Nivo SliderShow y Nivo Zoom para mostrar los elementos del portafolio o fotos de productos.

En la página del autor pueden ver la documentación y los archivos PSD para poder modificar la grafica del sitio.

Ver demo

Descargar template (.zip, 2.7 Mb)

Página del Autor: Devisefunction.com

Deja tu comentario | Escrito en » Css, Recursos

Logo de IE y Mario Bros animado hechos en CSS

Si se tiene gran conocimiento, se pueden llegar a realizar grandes maravillas con el CSS. Este es el caso de Andreas Jacob que logro realizar este detallista logotipo de Internet Explorer, puramente en CSS.

Pero eso no es todo, también realizó a Mario Bros, en una simpática animación en 3D.

No todos los navegadores los renderizan correctamente, el logo de IE se puede observar con detalle en las últimas versiones de Safari y de Firefox, mientras que el Mario Bros animado, solo en la última versión de Safari.

Logo IE | Mario 3D Animado

Deja tu comentario | Escrito en » Css

CSS Mania, galería CSS para inspirarte

Css Mania es un sitio web creado en el 2004, su finalidad es la de agrupar sitios hechos puramente en CSS para darnos inspiración a la hora de diseñar un sitio web.

En la página principal podemos ver los últimos agregados mientras que en la sección TOPICS podemos encontrar de diferentes temáticas, entre las que podemos encontrar: tecnología, empresas, protafolios, blogs, estilos de vida, personal, entre otros. En la sección FAVS podemos enocntrar los diseños más vistos y valorados.

Por cada diseño nos muestra la información del autor, la valoración, el número de votos, diseños similares o del mismo autor, la posibilidad de votar, los temas relacionados de la web y, lo más interesante, el esquema de colores utilizado.

Enlace: CSS Mania

Hay 1 Comentario | Escrito en » Css, Inspiración

Menú de navegación minimalista con CSS3

Como ya hemos hablado en Puerto Pixel, las nuevas características que trae consigo el CSS3 hace posible crear espectaculares diseños. En Tutorialzine nos dan otro gran ejemplo del poder del CSS3, con una plantilla gratuita y un menú minimalista con muy llamativas animaciones.

Como pueden ver en la captura, el menú es vertical con botones desplegables que muestran el título de la página cuando pasamos el puntero por encima del ícono. Lamentablemente no todos los navegadores han incorporado aún la capacidad para mostrar adecuadamente los elementos de CSS3… pero tanto en el tutorial, en el demo y en la platilla, se presentan opciones para los esos navegadores, sin dejar de lado el buen diseño.

Los navegadores que ya soportan las características del CSS3 son Safari, Opera y Chrome.

Tutorial (en inglés) | Demo | Descargar

Deja tu comentario | Escrito en » Css

ButtonMaker, crea botones en CSS online

ButtonMaker nos permite crear botones en CSS configurando algunas opciones, con vista previa y totalmente online. Entre las opciones que podemos configurar encontramos:

• Tamaño
• Forma, cuadrado o la intensidad del redondeado
• Los colores de los gradiantes (superior, inferior, sombra, etc)
• Colores de textos en hover, fondo activo, entre otros
• El tipo de letra: nos ofrece tres fuentes predeterminadas pero la podemos cambiar en el código una vez terminado.

Una vez hechas todas las configuraciones, puedes hacer clic en el botóon “View The CSS” para que nos muestre el código CSS y de allí podemos copiar y pegar, además de editar a nuestro gusto.

ButtonMaker | Visto en Cosas Sencillas

Deja tu comentario | Escrito en » Css