AYUDA:Como Crear lista con css?

jgarma · #1 (**permalink**) 26/05/2009, 12:17

Aunque en un principio lo plantee en la sección de wordpress para poder hacer un widget... ahora, pienso que es mucho más sencillo hacer lo que quiero con css directamente desde el archivo sidebar.php y dandole forma con la css.
Bien lo que quiero hacer es una lista de 5 canciones en el sidebar de mi blog, de estilo que tienen en noctamina.com(en el sidebar de la derecha) o en los40.com (en la parte izquierda con la lista de los40).
La idea es una imagen de cabecera a modo de título y luego la lista. Con su número (del 1 al 5) y el título en intérprete.
Y todo ello alternando el color del fondo de los diferentes ítems.

Lo he intentado con un código que vi en xyberneticos pero nada no termino de aclararme.
Ya tengo casi todo el blog diseñado tan solo me falta eso y no se ni por donde cogerlo.

Gracias de antemano.

hades87 · #2 (**permalink**) 26/05/2009, 13:38

Mírate este y este artículo, que creoq ue te ayudarán a comprender las listas.

jgarma · #3 (**permalink**) 28/05/2009, 04:13

Gracias, creo que con el segundo enlace me aclararé mejor :)
Cuando lo tenga implementado os cuento
Gracias de nuevo.

jgarma · #4 (**permalink**) 28/05/2009, 05:07

ya me puse a ello, seguí este tuto http://css.maxdesign.com.au/listutorial/sub10.htm pero nada, solo aparece la lista pero sin formato, no aplica las css en el wordpress..

hades87 · #5 (**permalink**) 28/05/2009, 05:10

has probado con el otro tutorial? defines bien los id, de los li y los ul?

jgarma · #6 (**permalink**) 28/05/2009, 05:17

sisi los defino tal cual, de momento solo cambie el nombre de los items y nada, aun haciendole un copy-paste no me aparece tampoco como en la imagen...

hades87 · #7 (**permalink**) 28/05/2009, 05:24

a ver, lo mejor en estos casos es aislar el problema en un documento a parte, por lo que yo trabajaría el menú en una página HTML independiente, hasta que adquiera el estilo que tu quieres y una vez conseguido exportarlo a tu sitio. De esta forma te será mas sencillo

jgarma · #8 (**permalink**) 28/05/2009, 07:04

SOLUCIONADO, no me digas porque, ahora funciona, la verdad que no se que hacía mal, pero lo más importante es que está arreglado, ahora solo queda darle la forma a mi gusto. Muchas gracias de verdad.

jomaruro · #9 (**permalink**) 28/05/2009, 15:14

Hola:

Cita:

Iniciado por jgarma

ya me puse a ello, seguí este tuto http://css.maxdesign.com.au/listutorial/sub10.htm pero nada, solo aparece la lista pero sin formato, no aplica las css en el wordpress..

Ya se que lo has solucionado pero cuando pasan esas cosas que "se arreglan solas" sin tocar nada de código es posible (no sé si ha sido tu caso) que se solucionan refrescando o borrando la caché. Pruebalo la próxima vez a mí me ha servido más de una vez.

Saludos.