Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

miércoles, 27 de junio de 2012

Como editar en línea botones de navegación

Da Button Factory es una buena aplicación Web que de forma rápida y sencilla permite crear botones para ser usados en diseño Web.

El sitio Web cuenta con algunos ejemplos interesantes a partir del cual se pueden hacer modificaciones. Los aspectos básicos como fuentes y colores pueden ser rápidamente modificados y luego descargar el botón en formato PNG

Como editar en línea botones de navegación

Un aspecto interesante es que—además—es posible descargar el botón en formato CSS

En mi ejemplo, unas líneas de prueba

a.button {
   display: -moz-inline-stack;
   display: inline-block;
   width: 174px;
   height: 39px;
   background: url("http://dabuttonfactory.com/b.png?t=Lorem%20Ipsum&f=Zenhei&ts=24&tc=ffffff00&tshs=2&tshc=22222200&it=png&c=10&bgt=gradient&bgc=47c&ebgc=238&be=on&hp=20&vp=11") no-repeat;
   line-height: 39px;
   vertical-align: text-middle;
   text-align: center;
   color: #ffffff;
   font-family: Zenhei;
   font-size: 24px;
   font-weight: normal;
   font-style: normal;
   text-shadow: #222222 2px 2px 0;
}
a.button > span {
   display: -moz-inline-block;
}


Sitio Web | Da Button Factory
Share:

Publicidad

Estadísticas