Creando un Raiting Star con CSS

En muchos sitios web, suelen ponerse valoraciones (a los productos en las tiendas on line, a las noticias en los portales, etc.). La mayoria utilizan un diseño con números del 1 al 5 por ser lo más práctico, y cuando colocan un diseño con imagenes (estrellas por ejemplo), lo hacen con javaScript para darle el efecto.

Este tutorial te muestra como crear el diseño de un Raiting Star sólo con CSS, práctico, sencillo y con un código muy limpio.

Ver ejemplo y código fuente: CSS Raiting Selector
Ver tutorial (Ingles): Creating a Star Rater using CSS

Deja tu comentario

El contenido de este campo se mantiene privado y no se mostrará públicamente.
  • Las direcciones de las páginas web y las de correo se convierten en enlaces automáticamente.
  • Etiquetas HTML permitidas: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd>
  • Saltos automáticos de lĂ­neas y de párrafos.

Más información sobre opciones de formato

SuscrĂ­bete

  • Suscribete a nuestro feed
  • Add to Google Reader or Homepage
  • Subscribe in NewsGator Online
  • Add to My AOL
  • Subscribe in Bloglines
  • Add to netvibes