Archive for the ‘CSS’ Category

Crea un menú en línea

Friday, May 23rd, 2008

izzymenu Crea un menú en líneaIzzyMenu es una herramienta que te permitirá crear en línea un menú CSS y DHTML para tu sitio web de una manera sencilla y rápida. Puedes elegir entre los que te ofrecen en su galería o empezar uno tu mismo, sin necesidad de saber sobre códigos.

La herramienta es simple. Al iniciarla verás una pantalla en la cual comenzaremos a aplicar los estilos que deseemos, como por ejemplo si será horizontal o vertical, el color o la imagen que ubicaremos de fondo, la tipografía que utilizaremos, las medidas que tendrá, y otras características que personalizaran nuestro nuevo menú. Una vez estemos felices con el resultado, le pondremos un nombre y podremos descargarlo a nuestra Pc.
Es una buena forma de que quienes no sepan mucho sobre código puedan obtener un menú de aspecto profesional para incluir en un nuevo sitio.

Fuente: Leandono’s Blog

Templates gratuitos

Friday, May 23rd, 2008

templatesfeed Templates gratuitosMucha gente suele buscar diseños web gratuitos para poder utilizar en sus sitios. También los diseñadores buscan en ellos inspiración cuando esta se encuentra de paseo. Y la realidad es que actualmente hay muchisimos sitios que nos ofrecen templates gratis de gran calidad.

Uno de estos sitios es Templates Feed, en donde nos ofrecen diseños para gran cantidad de plataformas, como por ejemplo: Joomla y Wordpress. Además encontraremos templates en CSS, HTML, PSD, Web 2.0 y Xhtml. Por el momento cuentan con mas de 150 templates, cantidad que de seguro se incrementará con el tiempo, llegando a ser así una de las mejores opciones a la hora de encontrar una nueva plantilla para nuestro sitio.
Podremos visualizar un adelanto del diseño que deseemos, además de leer sus detalles, entre los cuales nos enteraremos del realizador del mismo y del sitio que posea, para así poder visitarlo y ver todas sus creaciones.

Fuente: Xyberneticos

Fechas originales en CSS

Tuesday, May 6th, 2008

calendarios Fechas originales en CSS

Cuando uno crea un blog, intenta adaptarlo a sus gustos y espera que sea original en todos sus aspectos, tanto en contenido como en diseño. Una parte importante del diseño de un blog, es como se verán las fechas de las entradas publicadas, sin caer en un cuadrado simple y básico que las represente.

En Templamatic, nos muestran seis maneras de mostrar nuestras fechas originalmente, mediante código CSS y XHTML. Cada ejemplo viene con sus códigos listos para copiar y pegar, por lo cual tampoco necesitamos mucho conocimientos sobre el tema, y finalmente, podremos descargar un archivo .zip con todos los códigos y las imágenes utilizadas en estos ejemplos.
Con un poco de conocimientos, podremos llevar esto mas allá, modificando estos ejemplos y creando de esta manera, una nueva y original forma de estampar nuestras fechas en un blog.

Fuente: Tablosign

Transforma tu PSD en CSS

Wednesday, April 30th, 2008

psd2css Transforma tu PSD en CSSUna herramienta útil para cualquier desarrollador web, es un sitio online en el cual transformar tu archivo PSD en código CSS. Ahora es posible mediante Psd2Css, un sitio que pasa tu diseño a código CSS automáticamente. Simplemente usas el Photoshop, el Gimp o el programa que uses para armar el diseño de tu nuevo proyecto, lo subes en donde dice: “Upload you PSD”, y te brindará el archivo HTML y sus imágenes. Así de simple y rápido. Tiene como restricción un peso de archivo de 4MB para usuarios no registrados y 8MB para quienes lo estén. Obviamente, si el archivo es pesado, va a tardarse mas que uno liviano, pero funcionar, funciona y puede ahorrarnos mucho tiempo.

Fuente: Photosherox

Crear una cabecera estilo “Digg”

Wednesday, April 16th, 2008

diggheader Crear una cabecera estilo Digg
Css-Tricks es la página de Chris Coyier, un diseñador de Oregon que creó el sitio con el fin de guiarnos un poco dentro del mundo de los códigos de estilo.
En uno de sus últimos artículos, habla de lo bien diseñada y pensada que se encuentra la cabecera del sitio Digg, siendo compacta, con una navegación simple con menús desplegables, y con sus importantes links donde uno espera verlos. Por eso mismo, nos enseña como crear una cabecera con ese formato, para que podamos adaptar a nuestro nuevo proyecto, o simplemente aprendamos y practiquemos un poco de CSS. Para poder comenzar, puedes descargarte un archivo Zip que contiene las imágenes utilizadas y la hoja de estilos.

Cine y entretenimiento