Thursday, August 20th, 2009
Es importante que los botones de nuestro sitio (sean parte del menú de navegación o no) sean atractivos, queden bien con el diseño, y se vean accesibles para los lectores.
Un nuevo tutorial de SixRevisions nos explica no solo cómo crear un botón en Photoshop con estilo 2.0 sumamente atractivo, sino también a cómo implementarlo de forma tal que al poner el mouse sobre él cambie de aspecto. Un efecto que se suele ver en todos los sitios y que muchos no saben como lograr.
Lo primero es obviamente crear nuestro botón, que en realidad serán dos, uno para el estado normal y otro para cuando está activo. Una vez terminado, veremos como es el código que nos permitirá gracias al CSS implementarlos en nuestro proyecto.
Tags: 2.0, botones, Diseño Web
Posted in CSS, Photoshop, Tutorial | No Comments »
Monday, May 4th, 2009
Si te encuentras armando un nuevo sitio o diseño, seguramente un buen paquete de botones te sea útil. Una opción a tener en cuenta es el que nos ofrecen en Dragonartz, con 48 botones estilo “glossy” que se ven atractivos y pueden implementarse de infinidad de maneras.
Los mismos vienen en dos estilos, y gran cantidad de colores, en un archivo de formato Eps y uno Svg con fondo transparente, además de tener una resolución de 550dpi (7639×7639px). Pueden descargarlo en un archivo de 3.2Mb de peso, solo con los formatos vectoriales, o uno de 11Mb, que trae los botones en formato Png. Y podremos elegir entre DepositFiles, o Rapidshare para realizar la descarga.
Tags: botones, descargas, Recursos
Posted in Recursos | No Comments »
Thursday, February 19th, 2009
En el sitio Altered Advice saben el furor que resultó ser Twitter. Todos tenemos una cuenta y la usamos para socializar o en el caso de que pertenezca a nuestro blog, mantener actualizados a nuestros lectores. Por esto, decidieron publicar en su sitio, 10 botones deTwitter de lo más simpáticos, para que agreguemos a nuestro blog y le brindemos a nuestros lectores la posibilidad de enviar nuestro post a Twitter, si es que les pareció interesante.
Para esto eligen una imagen, la descargan con el click derecho y “Guardar imagen como…” y la suben a donde habitualmente suben sus imágenes. Una vez hecho esto solo les queda ver el código que brindan, y ubicarlo donde deseen que se vea el icono.
Tags: botones, iconos, twitter
Posted in Artículos, Blog, Recursos | No Comments »
