Category Archives: Utilidades

Datos utiles en cualquier momento

Escribir en archivos de texto con PHP

Ya saben, de esas veces que estas en algo y necesitas ver de alguna forma la salida de una función  crear un log o que se yo…

 PHP | 
 
 copy code |
?

  1. $fp = fopen("ejemplo.txt","a");
  2. fwrite($fp, "Nombre: $nombre \t $texto" . PHP_EOL);
  3. fclose($fp);

  • ejemplo.txt → Es el nombre del archivo en el que vamos a escribir, tendremos que crearlo y subirlo al servidor en la carpeta correspondiente. Si vamos a guardar información privada en ese archivo, lo mejor sería ponerle un nombre en forma de clave. Aunque una manera mucho más elegante deproteger el archivo sería usando .htaccess, pero de eso hablaremos en otro post más adelante.
  • a → Indica que el texto se va añadir al final del archivo, en lugar de sustituir su contenido.
  • $nombre$texto → Son variables que hemos usado en el código de nuestro archivo .php o que hemos recogido mediante un formulario web.
  • \t → Tabulador (nos puede servir para ordenar los datos en columnas).
  • . → Concatenar cadenas de texto.
  • PHP_EOL → Salto de línea en PHP.

VIA>>

40 jquery plugins

Estas grandiosas librerias nos han facilitado la vida, cada dia se crean varios plugins, dada la facilidad en implementarlo se ha convertido en parte importante de la vida de todo programador, asi que sin más que acotar, aqui hay más de 40 plugin en jquery. Disfruten…

MotionCAPTCHA ( Demo Download )
MotionCAPTCH es un plugin de Jquery. Es te captcha pide a los usuarios que dibujen la forma en que ven la imagen, algo bastante dificil de imitar…. si eres un robot.

 

Smart Validate ( Demo Download )
ES un plugin para agregar tu tarjeta de credito. Tiene soporte para las siguientes tarjetas: American Express, MasterCard, Visa, Diners Club, and Discover.

 

Multi Node Range Data Slider jQ Slider ( Demo Download )
JQ Slider es un plugin totalmente personalizable. Puedes modificarlo de acuerdo a lo que quieres.

 

Timelinr ( Demo Download )
Timelinr es un plugin para crear una linea de tiempo. Puedes utilizarlo de forma horizontal o vertical, ademas puedes configurar la velocidad, transparencia, etc.

 

Flexible Nav ( Demo Download )
Flexible Nav es una pequeña libreria de Jquery, que te permite añadir una barra de navegación a la derecha de la pagina.

 

Lettering.js ( Demo Download )
Lettering.js en un plugin de jQuery para tipografia web, este plugin te permite crear efectos asombrosos que solo podias imitar con flash.

 

jVectorMap ( Demo Download )
jVectorMap es un plugin de Jquery para crear mapas interactivos en poocos pasos. Utiliza SVG y es compatible para la mayoria de los navegadores Firefox 3 or 4, Safari, Chrome, Opera, IE9, y para la versiones antiguas utiliza VML.

 

ComboGrid ( Demo Download )
Combogrid es un plugin escrito en jQuery para añadir funciones avanzadas de auto-complementar en los campos input de los formularios.

 

Recurly.js ( Demo Download )
Recurly.js es una librería javascript que hace uso de jQuery para realizar cobros, transacciones o almacenar información sobre tarjetas de créditos, etc.

 

SmartGallery ( Demo Download )
SmartGallery es una galeria de imagenes, de poco peso, atractiva que incluye 20 efectos de transición

 

TagBox ( Demo Download )
TagBox es un plugin de Jquery que te ayuda a ingresar tags o etiquetas

 

jQuery Strong Password Plugin Power Pwchecker ( Demo Download )
Power PWChecke es un plugin que te ayuda  fortalecer tu contraseña. Este plugin puede ser incorporado en cualquier formulario de registro para que el usuario ingrese una contraseña segura.

 

Xml Driven Vertical News Scroller Script Using jQuery vScroller ( Demo Download )
vScroller muestra el contenido categorizado y codificado por color, en forma vertical.

 

Ideal Forms ( Demo Download )
Ideal Forms es un framework utilizado para construir formularios online. Es extremadamente simple de usar. Completamente Completely estilizable con CSS.

 

jQuery Sliding Content Bar Plugin: PushUp Content ( Demo Download )
Es una barra de contenido desplazable que puedes adaptarla en cualquier sitio web o aplicación web.Puedes utilizarlo para agregar un formulario de contacto, un formulario de registro o de login, agregar un mapa, etc.

 

Cuepoint JS ( Demo Download )
Cuepoint.js es un plugin para agregar cue-points (puntos insertados en el video) y subtitulos en el video en html5.

 

FitVids.js ( Demo Download )
FitVids.js es un plugin para incrustar de forma facil un video.

 

Gmap3 ( Demo Download )
gmap3 es un plugin de Jquery que te permite manipular el mapa de google.

 

Shuffle Letters Effect: a jQuery Plugin ( Demo Download )
Este es un pequeño tutorial que muestra cómo hacer un plugin de jQuery que se mezcla el contenido de texto de cualquier elemento DOM – un efecto atractivo que puede ser aplicado en títulos, logos y presentaciones de diapositivas.

 

Skitter ( Demo Download )
Skitter es un plugin for que prodce un asombroso efecto en el slideshow.

 

jFontSize ( Demo Download )
El plugin  jFontSize fue creado para que el proceso de creacion del famoso boton A+ y A- sea fácil,  que modifica el tamaño de la fuente en un sitio web. Esta herramienta fue creada para que las personas que tienen problemas visuales, puedan ver el contenido de una mejor manera.

 

Mosaiqy ( Demo Download )
Mosaiqy es un plugin de JQuery para ver y aumentar fotografias, funciona en Opera 9+, Firefox 3.6+, Safari 3.2+, Chrome yIE7+.

 

HTML5 File Uploads with jQuery ( Demo Download )
PErmite  al gente subir fotos de sus computadores, solo con tomar y arrastrar la imagen.

 

jQuery PointPoint – A Plugin For Pointing To Things ( Demo Download )
Este plugin de jQuery  permitira que tus usuarios se concetren en cierta parte de la pagina.

 

jqZoomage ( Demo Download )
Permite a tus usuarios ver una parte pequeña de una imagen, es perfecto para ver los detalles de un producto.

 

ZOOMIFY, EXPLORE YOR IMAGES! ( Demo Download )
Si tienes una imagen muy grande, puedes dejar que tus usuarios exploren esa imagen, esta utilidad incluye zoom y es totalmente configurable.

 

JQUERY.MB.VERTICALSLIDER ( Demo Download )
jquery.mb.verticalSlider permite mostrar una larga lista de componentes, puedes usar los botones o simplemente la rueda del mouse.

 

jQuery Pagination revised ( Demo Download )
REsuelve los problemas de paginacion de distintas formas.

 

Diapo ( Demo Download )
Diapo es un simple slideshow. Puedes hacer todos los cambios que quieras.

 

Cool Dropdown Login Form with jQuery ( Demo Download )
Este es un formulario de login desplegable; es simple de implemntar, liviano y facil de configurar.

 

simpleSlider ( Demo Download )
simpleSlider es otro genial slideshow, simple de configurar, con multiples opciones, y perfectamente adaptable a cualquier diseño

 

Craftyslide ( Demo Download )
Craftyslide es un pequeño( solo 2kb) slideshow construido en jQuery.

 

jmFullWall ( Demo Download )
jmFullWall is un plguin de Jquery perfecto para un portafolio

 

Wave Display Effect with jQuery ( Demo Download )
Este plugin te permite ordenar tus imagenes en forma de ola, las imagenes principales son thumbnail que al clickearlas te lleva a la imagen principal

 

jQuery Widget ( Demo Download )
jqxWidgets es una completa libreria de widgets. Se autoriza a los desarrolladoras a mostrar su trabajo profesional

 

Elastislide – A Responsive jQuery Carousel Plugin ( Demo Download )
Este carrusel jQuery se adapta al tamaño de la pantalla, para ello reduce el tamaño de imagenes a ser mostradas o las aumenta dependiendo del tamaño de la pantalla.

 

FlexSlider ( Demo Download )

FlexSlider es un plugin para jQuery que pesa sólo 4kb en su versión minified. Toma las imágenes desde listas desordenadas y acepta descripciones y links. Es muy simple de utilizar. Tras la descarga del plugin, insertamos entre etiquetas <head>:

 

Draggable Image Boxes Grid ( Demo Download )
La idea es tener una cuadrícula desplazable que muestra las cajas de miniaturas y elementos del menú. Una vez que se hace clic, la imagen se ampliará a la imagen a tamaño completo y la caja del menú se expandirá a un área de contenido a pantalla completa.

 

Responsive Image Gallery with Thumbnail Carousel ( Demo Download )
En este tutorial de  Codrops se muestra cómo generar una galería de imágenes sensibles, con un carrusel en miniatura utilizando Elastislide. Inspirado por la “galería de un usuario” de Twitter.

 

grumble.js ( Demo Download )

Con la ayuda de un ángulo y una distancia medido en pixeles se puede añadir este efecto de burbujas o bubbles. Para ello hace uso de CSS3 Transforms y Matrix Filters para Internet Explorer.

 

Elycharts ( Demo Download )
Elycharts es una librería JavaScript basada en jQuery y Raphaël para crear gráficos estadísticos (de línea, barras, circulares, pastel, o combinados) de forma fácil, además, es personalizable y lo mejor de todo, es gratuita.

 

spin.js ( Demo Download )

spin.js: Una solución en Javascript para proveer feedback a usuarios sin necesidad de CSS adicional o imágenes.

 

wordCounter jQuery Plugin ( Demo Download )
A trouble-free word counter plugin for jQuery. When active, the counter div shows the word count from the target text field. The target could be a text area or a text box. Depending upon the choices supplied, the count could be the total amount or remaining amount of words entered into the target text field. If the negative numbers choice is furnished in that case the count will demonstrate a negative value if the word limit has been passed.

Tip para Redes Sociales

Como buscar nuevos seguidores:
Idealmente, tus seguidores nuevos deberían ser personas que aman tu marca o el contenido de tu sitio Web tanto como para que no puedan esperar más para saber más de ti. Pero, a veces -ya sea porque tu sitio es nuevo o porque tu compañía no ha creado ningún tipo de estrategia para atraer seguidores- debes ser más pro activo cuando se trata de construir una base sólida de seguidores para tu negocio. 

Una idea para hacerlo en Twitter es buscar los perfiles de autoridades de la industria. Después, seguir a la gente que los sigue a ellos, debido a que esto indica que podrían estar interesados en tu compañía también. Buena parte de esta gente estará dispuesta a seguirte automáticamente, lo que aumentará tu número de seguidores. 

Atraer fans en Facebook puede ser más difícil, pero aplica el mismo principio. Busca a aquellos que han demostrado interés en tu industria y en sus autoridades, y preséntate a través de mensajes directos.

Listado de los mejores plugins para wp

Si es así, ya sabes el poder que tienen los plugins, y lo importantes que son. No sólo nos ayudan a cubrir una gran cantidad de necesidades, además son fáciles de usar e instalar y tienen un gran comunidad que los soporta.

Pero toda las partes buenas, tienen su parte mala, y es la gran cantidad de plugins que existen (17.625 a fecha de hoy), esto hace que el encontrar un plugin específico sea unapesadilla.

Para ello, os presento “2012: Los mejores plugins para tu blog en WordPress” que, a mi juicio, son los mejores plugins en cada uno de los bloques que he definido.

Dentro de cada bloque, los plugins en color rojo serán los considerados VITALES para el día a día del blog. Cada plugin tiene su link para poder ampliar la información

 Plugins para las entradas:

  • WP Sticky – Te permite resaltar una entrada para que permanezca en lo más alto de tu blog.
  • Daily Top 10 Posts – A partir del número de páginas vistas de cada entrada te permite mostrar con un widget las entradas más vistas del día o las más vistas en general.
  • Popularity Contest – Te ayuda a mostrar las entradas más populares a partir de varios criterios como el número de páginas vistas, el número de comentarios, etc.
  • Efficient Related Posts – A partir de las etiquetas (tags) de una entrada, este plugin te ayudará a mostrar otras entradas relacionas en tu blog y en tu feed.

 Plugins para SEO:

  • All in One SEO Pack – Completa solución para optimizar tu blog para los buscadores, agrega metatags, palabras clave y te da todas las opciones para describir tu sitio correctamente.
  • Google (XML) Sitemaps – Genera un sitemap xml para agregarlo en las herramientas webmaster de google y asegurar una mejor indexación de tu blog.
  • Robots Meta -Te permite crear y manejar tu archivo robots.txt desde el panel de control de WordPress.
  • SEO Friendly Images – Agrega automáticamente alt y atributos de título a todas sus imágenes. Mejora el tráfico de los resultados de búsqueda y crea las etiquetas de las imágenes w3c/xHTML.
  • Platinum SEO Pack – Ofrece una solución completa de SEO para tu blog WordPress, además de funcionalidades del plugin “All In One SEO”.

 Plugins Sociales:

  • Sociable – Agrega los enlaces de suscripción a tus entradas de una gran cantidad de redes sociales, para marcación de favoritos.
  • Share This – Al igual que el anterior, agrega los enlaces de los principales servicios para marcación de favoritos y además permite enviar el contenido de una entrada a un amigo.
  • Digg This – Agrega el botón para “Diggiar” a las entradas de tu blog.
  • Google+ – Integración completa de Google+ en tu sitio Web (páginas, botones +1, analytics, etc.)
  • Sharebar – Añade una caja vertical dinámica y totalmente personalizable a la izquierda de las entradas del blog, y contiene los enlaces/botones todo tipo de redes sociales.
  • WP to Twitter – Gestiona los plugins sociales de la famosa red de microbloggingTwitter,  programa los Tweets automáticos cada vez que publicas, y edita lo que los usuarios van a publicar en su Twitter.
  • Add link to Facebook – Añade todas las opciones de la Facebook a tu Blog, desde el botón “Me gusta”, hasta los plugins más avanzados.
  • Twitter Goodies – Añade el botón oficial de Twitter, los extras de tu perfil y el widget de búsqueda. El plugin muestra los tweets en la página, post o el área de los widgets.
  • Tumblr Widget – Gestiona tu cuenta Tumblr en cualquier área widget disponible.

 Plugins para el Lector:

  • WP Polls – Potente plugin que permite crear y administrar encuestas y mostrarlas en un post o página.
  • Gravatar – Permite agregar el famoso servicio de avatars, gravatar, a tu blog, con una simple etiqueta en el loop de comentarios.
  • AJAX Shoutbox – Conversación en tiempo real y con alertas de sonido para nuevos mensajes.

 Plugins para Estadisticas:

  • Google Analytics – Este plugin añade fácilmente tu código de seguimiento de Google Analytics a todas las páginas dentro de tu blog. Además de esto te permite crear códigos de seguimientos para enlaces externos o internos, imágenes, adsense y palabras clave.
  • Google Analyticator – Inserta el código JavaScript necesario para permitir Google Analytics. Incluye widgets para mostrar los datos de Analytics.
  • WassUp – Es un plugin para realizar el seguimiento de tus lectores en tiempo real. Tiene un panel legible y elegante para llevar el seguimientos de los lectores.
  • WordPress.com Stats – Con el puedes obtener estadísticas sencillas, concisas, sin carga adicional en el servidor al conectarse a WordPress.com.

 Plugins para generar formularios:

  • Contact form 7 – Es uno de los plugins más completos para la creación d formularios de contacto para diversos usos. Cuenta con un modo administrador avanzado para los formularios (basado en Javascript/Ajax).
  • Intouch – Un plugin para construir formularios de contacto personalizados. Con la posibilidad de seleccionar campos obligatorios (basado en Ajax).

 Plugins para fotos e imágenes:

  • Photo Dropper – Permite insertar fotografías desde el servicio Flickr con licencia Creative Commons. Agrega por si solo el autor original de la imagen y la licencia de uso.
  • WP Lightview – Lightview es similar a Lightbox y es capaz de mostrar no solo imágenes, sino videos, iframes de páginas y prácticamente cualquier cosa.
  • NextGEN Gallery – Agrega un potente galería de imágenes a tu panel de control. Te permite crear álbum, subir archivos comprimidos, cuenta con un función para marcas de agua, presentación de diapositivas, entre otras funciones.
  • Featured Content Gallery – Con este plugin podrás crear una galería de imagenes automática, con rotación de imágenes, totalmente personalizable, en cualquier lugar de tu sitio WordPress.o

 Plugins de navegación:

  • Dropdown Menu Widget – Te permite crear un menú desplegable en tu blog. Usa jQuery para dar efectos en el despliegue de opciones y un desvanecimiento para ocultarlas.
  • WP PageNavi – Cambia el sistema de navegación por defecto por uno al estilo: Pages (17): [1] 2 3 4 » … Last »
  • In Series – Proporciona controles de navegación de “siguiente” y “anterior” en las entradas de una misma serie.
  • CustomNav – Permite crear fácilmente menús verticales y horizontales para tu blog.

 Plugins de administración:

  • Dashboard Editor – Te permite agregar o remover cualquier elemento a tu panel de control para hacerlo más útil.
  • Fluency Admin – Es un skin que hace el panel de administración mucho más elegante (es editable).
  • Lighter Admin Drop Menus – Permite crear menús desplegables con las opciones del panel.
  • WP Custom Admin Bar – Muestra opciones del panel de control en el blog, eso sí, solo visible para los administradores.
  • Admin Management Xtended – Añade opciones basadas en AJAX para la gestión de algunas de las páginas de administración con funciones de CMS conocidas, sin tener que abrir las pantallas de edición.

 Plugins para feed RSS:

  • From RSS – Plugin que permite agregar/eliminar contenido extra en tu feed.
  • What Would Seth Godin Do – Plugin que muestra un mensaje a los usuarios nuevos en el blog para invitarlos a suscribirse al feed (después de 3 visitas el mensaje desaparece).
  • FD FeedBurner – Plugin que se encarga de asegurar que todos las suscripciones de tu feed vayan a través de tu cuenta de feedburner.
  • Full Text Feed – Permite mostrar el contenido completo de las entradas en tu feed, aún cuando hayan sido seleccionadas en el blog con el famoso “leer más”.
  • Subscribe-Remind – Agrega un mensaje al final de los post para invitar a tu lectores a suscribirte al feed.

 Plugins para BD y Server:

  • WordPress Database Backup – Permite planear backups (copias de seguridad) automáticos en tu blog, y así no tener que preocuparse de ello.
  • 404 Notifier – Hace un registro de los errores 404 ocurridos en tu blog para que puedas seguirlos por mail o feed.
  • Portable phpMyAdmin – Permite el acceso a las bases de datos de PHP directamente desde el panel de control sin tener que acceder a phpMyAdmin.

 Plugins para comentarios:

  • Subscribe to Comments – Agrega una opción bajo el formulario de comentarios que permite a tus lectores suscribirse a la discusión de esa entrada.
  • Live Comment Preview – Muestra a los usuarios que comenten, un previo de su comentario antes de ser publicado.
  • Get Recent Comments – Plugin que permite mostrar los últimos comentarios en tu sidebar.
  • Show Top Commentators – Muestra los comentaristas más activos de tu blog en el sidebar, con la posibilidad de quitarles el nofollow y mostrar lo mucho que han aportado a tu blog.
  • NoFollow Free – Quita el atributo nofollow del sitio Web de los usuarios que comenten y/o de sus enlaces en los comentarios.

 Plugins para potenciar wp como cms:

  • Advanced Category Excluder – Su principal función es ocultar algunas categorías no deseadas de sitios específicos de tu blog. También permite aislarlas para dejarlas fuera de los resultados de búsqueda, del feed o de la portada. Algo muy útil cuando ciertas categorías son usadas con una función que no es precisamente clasificar información.
  • Filosofo Home-Page Control – Este plugin te permite poner pemalinks en el mismo nivel (o superior) que la raíz de tu blog y establecer que página deseamos que se muestre como principal.
  • Search Everything – Este plugin posibilita búsquedas en absolutamente todas las partes de tu blog: archivos, etiquetas, comentarios, páginas, etc.
  • Custom Query String – Te permite establecer el número de entradas a mostrar en las secciones de tu blog como puede ser archivos mensuales, etiquetas, categorías, página principal, el feed, etc.
  • My Page Order – Da la flexibilidad para determinar manualmente el orden de las páginas sin tocar código, simplemente arrastrando.

 Plugins para optimizar el funcionamiento de wp:

  • WP Super Cache – Una de las mejores soluciones para cachear las páginas generadas en tu blog y así mejorar la velocidad de carga y el uso de recursos.
  • W3 Total Cache – Otra opción muy buena, sobretodo para los que usáis wordpress y CNDs.

 Plugins para combatir el SPAM:

  • Digital Fingerprint – detecting content theft – Coloca un huella digital en el contenido de tus entradas para que puedas rastrear a los ladrones de contenido de forma rápida.
  • Akismet – Uno de los plugins más famosos que se encarga de determinar que comentarios o trackbacks son spam o no.
  • Simple Trackback Validation – Plugin que se encarga de validar que los trackbacks que hayan incluido un enlace a tu contenido, provengan de otro sitio Web.

 Plugins para publicidad:

  • WP Banners – Es un plugin que permite gestionar banners desde diferentes programas de afiliación.
  • AdSense Deluxe – Es un administrador de publicidad, sea de Google o Yahoo!, que te permite seleccionar donde y cuando mostrar los anuncios. Soporta  AdBriteAdRollProject Wonderful y código HTML plano.
  • WPAds Auto Post – Te permite añadir Adsense automáticamente en los posts.
  • Code Markup – Este plugin facilita la inclusión de código en las entradas o páginas de wordpress. Es posible usar etiquetas dentro de dicho código y el plugin interpretará que debe mostrar como código y qué debe ejecutar.
  • Clean Options – Permite limpiar tu panel de control, eliminando opciones que no usas.
  • Theme Test Drive – Es un plugin que te permite probar temas sin molestar a tus lectores.
  • runPHP – Posibilita incluir código PHP directamente en las entradas.
  • AJAX CSS Switcher – Permite cambiar los estilos CSS por medio de Ajax, lo que implica no tener que recargar la página y poder guardar las preferencia de los lectores.

 Plugins para el manejo de etiquetas:

  • Category Cloud Widget – Hace posible una nube de categorías o tags.
  • Heat Map plugin – Proporciona un par de códigos para mostrar las categorías y los archivos mensuales con un tamaño de letra y color de fuente de acuerdo a la cantidad de clics que reciben.
  • Simple Tags – Gran herramientas para los tags, ya que sugiere los mismos, y tiene modos avanzados muy recomendables.
  • Better Tag Cloud – La nube de tags totalmente configurable.
  • WP Cumulus – Muestra los tags (etiquetas) y/o categorías en 3D y los coloca en una esfera en rotación.

 Plugins para el manejo del archivo de wp

  • Better Extended Live Archive – Este plugin crea una página de archivo dinámica para facilitar el acceso a los usuarios. En esta páginas las entradas se pueden visualizar por etiqueta, categoría, fecha o popularidad.
  • SRG Clean Archives – Este plugin tiene como función crear una página con el archivo de tu blog limpia y ordenada. En cada post se muestran sus datos más importantes como la cantidad de entradas por mes, la fecha de publicación y el número de comentarios.

 Otros plugins

  • Author Exposed – Es un simple plugin que permite a tus visitantes ver más detalles del autor de una entrada de forma sencilla y elegante.
  • PodPress – Permite agregar Podcast a las entradas y no tiene límite en el número de archivos multimedia a adjuntar.
  • WP Print – Crea un versión imprimible de tu blog.
  • JetPack – Para los que venis de WordPress.com, esta es la herramienta perfecta.
  • WP Touch – Un tema móvil simple, potente y elegante para tu sitio web. Este plugin transforma automáticamente tu blog de WordPress en un tema para Smartphones (Iphone, Android, etc), donde comprime la información para que la lectura sea más rápida.

Via >>

Hacer un botón a partir de un link con css

Les comparto esta truco css que la verdad le da mucha vista a nuestros links html:

1. envolvemos nuestro el contenido del tag con etiquetas y asiganamos las respectivas clases css, quedando de la siguiente forma:

 HTML | 
 
 copy code |
?

  1. <a href="#" class="button">
  2.     <span class="vermas">Texto de mi boton</span>    
  3. </a>

 2. creamos nuestras clases de css para que el lin obtenga un aspecto de boton.

3. el “PLUS” es que el boton contiene un icono que le dara mucha vista:

 CSS | 
 
 copy code |
?

  1. a.button{
  2. background-position: center top;
  3. background: url('images/bk_mas_a.png');
  4. display: block;
  5. color: #333333;
  6. font-weight: bold;
  7. height: 27px;
  8. line-height: 28px;
  9. text-decoration: none;
  10. width: 296px;
  11. font-size: 10px;
  12. font-family: arial;
  13. background-repeat: no-repeat;
  14. margin-left: 3px;
  15. margin-top: -1px;
  16. text-align: center;
  17. }
  18. a:hover.button{
  19. background-position: center top;
  20. text-decoration: none;
  21. background-image: url('images/bk_mas_hover.png');
  22. background-repeat: no-repeat;
  23. color: #333333;
  24. }
  25. .vermas{
  26. background-position: 80px 7px;
  27. text-indent: 10px;
  28. display: block;
  29. background-image: url('images/link.png');
  30. background-repeat: no-repeat;
  31. }

Espero que les agrade el truco. Salu2