[Ovillo] Marcado para valoración de un producto
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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
Yo creo que ese es un ejemplo típico del uso del microformato hreview ( http://microformats.org/wiki/hreview ), así que puedes ver los ejemplo de uso de ese microformato y fijarte en como lo usa la gente. El 4 de agosto de 2008 13:36, Enrique Rodriguez<[EMAIL PROTECTED]> 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 Ovillo@lists.ovillo.org > 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
Hola, Enrique Enrique Rodriguez escribió: > 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. > ¿No te sirve una simple imagen? Youtube no da valor semántico al valor alt: para 4 estrellas pone simplemente "4.0", pero también marca la valoración con una imagen. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
[ ★ ] 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. valoración ★★★ 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 Ovillo@lists.ovillo.org > 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
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. > valoración ★★★ > > 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 Ovillo@lists.ovillo.org > > 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 Ovillo@lists.ovillo.org > 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
No sé cuán más correcto sería, le tengo mis reservas a los microformatos ★ ss PB El 04/08/2008, a las 07:53 AM, Almorca escribió: > Yo creo que ese es un ejemplo típico del uso del microformato > hreview ( > http://microformats.org/wiki/hreview ), así que puedes ver los > ejemplo de > uso de ese microformato y fijarte en como lo usa la gente. > > El 4 de agosto de 2008 13:36, Enrique Rodriguez<[EMAIL PROTECTED]> > 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 Ovillo@lists.ovillo.org >> 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 Ovillo@lists.ovillo.org > 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
Gracias Jorge ;-) El 4 de agosto de 2008 14:08, Jorge L. Batista E<[EMAIL PROTECTED]>escribió: > No sé cuán más correcto sería, le tengo mis reservas a los microformatos > > ★ abbr> > > ss > PB > > > El 04/08/2008, a las 07:53 AM, Almorca escribió: > > > Yo creo que ese es un ejemplo típico del uso del microformato > > hreview ( > > http://microformats.org/wiki/hreview ), así que puedes ver los > > ejemplo de > > uso de ese microformato y fijarte en como lo usa la gente. > > > > El 4 de agosto de 2008 13:36, Enrique Rodriguez<[EMAIL PROTECTED]> > > 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 Ovillo@lists.ovillo.org > >> 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 Ovillo@lists.ovillo.org > > 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 Ovillo@lists.ovillo.org > 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
No se a qué te refieres cuando dices sustituir con CSS los códigos por las estrellitas. Esto ★ es lo que los navegadores entienden como una estrellita rellena, o sea que donde quiera que pongas esto ★ en tu XHTML verás una estrellita, lo que sí puedes hacer con CSS es cambiarle el color, el tamaño, la separación entre ellas... a saber. Estuve una vez tratando de poner bonitas unas de estas y no me salió lo que yo esperaba, hay propiedades de CSS que no les gustan al parecer. Así que quedaría usando microformatos: Valoración: ★ O algo por el estilo. Cuidado con los microformatos que hay un punto en que te lian metiendo etiquetas innecesarias y entonces ya no son tan "micro". Espero te sirva, ss PB El 04/08/2008, a las 08:08 AM, Jorge L. Batista E escribió: > No sé cuán más correcto sería, le tengo mis reservas a los > microformatos > > ★ abbr> > > ss > PB > > > El 04/08/2008, a las 07:53 AM, Almorca escribió: > >> Yo creo que ese es un ejemplo típico del uso del microformato >> hreview ( >> http://microformats.org/wiki/hreview ), así que puedes ver los >> ejemplo de >> uso de ese microformato y fijarte en como lo usa la gente. >> >> El 4 de agosto de 2008 13:36, Enrique Rodriguez<[EMAIL PROTECTED]> >> 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 Ovillo@lists.ovillo.org >>> 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 Ovillo@lists.ovillo.org >> 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 Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente > dirección: http://lists.ovillo.org/mailman/listinfo/ovillo > > > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
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í
Producto X
Aug 4, 2008
por anónimo
★★★☆☆
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: -px;
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í
★★★☆☆
.rating3 {
background-image: url(3estrellas.png);
background-repeat: no-repeat;
text-indent: -px;
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.
> > valoración ★★★
> >
> > 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 Ovillo@lists.ovillo.org
> > > 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 Ovillo@lists.ovillo.org
> > 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 Ovillo@lists.ovillo.org
> 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 Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
debería funcionar... http://www.w3.org/ TR/html4/strict.dtd"> ★ El 04/08/2008, a las 10:00 AM, Joseba escribió: > ★ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
Pues va a ser que a mi ie le gusta + el cuadradito. En FF no problema. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Jorge L. Batista E Enviado el: lunes, 04 de agosto de 2008 16:13 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Marcado para valoración de un producto debería funcionar... http://www.w3.org/ TR/html4/strict.dtd"> ★ El 04/08/2008, a las 10:00 AM, Joseba escribió: > ★ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado para valoración de un producto
Prueba ★ El 4 de agosto de 2008 17:32, Joseba<[EMAIL PROTECTED]>escribió: > > Pues va a ser que a mi ie le gusta + el cuadradito. En FF no problema. > > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto: > [EMAIL PROTECTED] > En nombre de Jorge L. Batista E > Enviado el: lunes, 04 de agosto de 2008 16:13 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Marcado para valoración de un producto > > debería funcionar... > > http://www.w3.org/ > TR/html4/strict.dtd"> > > > > > > >★ > > > > > El 04/08/2008, a las 10:00 AM, Joseba escribió: > > > ★ > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > > > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > 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 Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
