Lo mejor es que uses el «hReview creator» (
http://microformats.org/code/hreview/creator ) y mires el código que te
devuelve pero sería algo tal que así
<div class="hreview">
<span class="fn">Producto X</span>
<abbr title="2008-08-04T17:02" class="dtreviewed">Aug 4, 2008</abbr> <!--
esto es opcional -->
por <span class="reviewer vcard"><span class="fn">anónimo</span> <!-- esto
también es opcional -->
<abbr class="rating" title="3">★★★☆☆</abbr>
</div>
Si quieres cambiar las estrellas por una imagen te tendrías que construir
una imagen para cada puntuación y crear reglas del estilo
.rating[title="3"] {
background-image: url(3estrellas.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 16px;
height: 16px;
overflow: hidden;
}
.rating[title="2"] {
background-image: url(2estrellas.png);
...
}
...
Ten en cuenta que este diseño usa selectores css por lo que no funcionará en
IE6 (y creo que tampoco en IE7) y en navegadores antiguos.
Para solucionarlo puedes añadir una clase especial a cada puntuación así
<abbr class="rating rating3" title="3">★★★☆☆</abbr>
.rating3 {
background-image: url(3estrellas.png);
background-repeat: no-repeat;
text-indent: -9999px;
width: 16px;
height: 16px;
overflow: hidden;
}
Espero haberte ayudado.
El 4 de agosto de 2008 14:03, Enrique Rodriguez<[EMAIL PROTECTED]>
escribió:
> Gracias por las respuestas, y sobre todo por la rapidez.
>
> Al respecto de los microformatos, te pediría por favor que fueras lago más
> concreto; me pierdo un poco llegados a cierto punto ;-)
>
> La segunda solución, es la que actualmente estoy usando, pero no se si es
> la
> correcta.
>
> La tercera opción me parece estupenda, ¿se podrían cambiar mediante CSS los
> códigos por las imágenes de las estrellas? no veo problema alguno.
>
> Gracias de nuevo a todos/as
>
> El 4 de agosto de 2008 14:00, Jorge L. Batista E<[EMAIL PROTECTED]>escribió:
>
> > [ ★ ] star solid [ number: ★]
> > [ ☆ ] star outline [ number: ☆]
> > Las estrellitas se pintan usando estos caracteres, para marcar la
> > valoración bastaría con meterlas en un contenedor y especificar
> > cuántas son, no se si es exactamente así pero te pongo un ejemplo,
> > espero que alguien más comente.
> > <p>valoración <span value="3/5">★★★</span></p>
> >
> > Espero te sirva,
> > ss
> > PB
> >
> >
> >
> > El 04/08/2008, a las 07:36 AM, Enrique Rodriguez escribió:
> >
> > > Buenas a todos/as
> > >
> > > Me acabo de encontrar en el trabajo, con una duda a la que de
> > > momento no me
> > > había enfrentado.
> > >
> > > Se trata de las *típicas* estrellas que vemos en productos
> > > valorados por los
> > > usuarios de una comunidad. Un ejemplo muy claro es la valoración de
> > > los
> > > vídeos de Youtube.
> > >
> > > Os quería pedir consejo sobre el marcado más correcto que creéis
> > > que se debe
> > > usar en este caso.
> > >
> > > Un saludo.
> > >
> > > --
> > > Enrique Rodríguez Vallejo
> > > http://ervdesign.net
> > > http://conjeturas.es
> > > _______________________________________________
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a [email protected]
> > > Puedes modificar tus datos o desuscribirte en la siguiente
> > > dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
> > >
> > >
> > > ==============================================================
> > > **Las siguientes líneas son agregadas por los Servidores Centrales
> > > de la Oficina del Historiador de la Ciudad de la Habana.**
> > > --------------------------------------------------------------
> > > http://correoweb.ohc.cu, para que leas tus mensajes de correo desde
> > > cualquier parte del mundo.
> > >
> > >
> >
> > _______________________________________________
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a [email protected]
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://lists.ovillo.org/mailman/listinfo/ovillo
> >
>
>
>
> --
> Enrique Rodriguez Vallejo
> http://ervdesign.net | [EMAIL PROTECTED]
> _______________________________________________
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a [email protected]
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
--
We don't need no education - Pink Floyd
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
