Foros del Web » Creando para Internet » CSS »

AYUDA:Como Crear lista con css?

Estas en el tema de AYUDA:Como Crear lista con css? en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/05/2009, 13:17
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 10 años
Puntos: 0
AYUDA:Como Crear lista con css?

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.
  #2 (permalink)  
Antiguo 26/05/2009, 14:38
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: AYUDA:Como Crear lista con css?

Mírate este y este artículo, que creoq ue te ayudarán a comprender las listas.
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 28/05/2009, 05:13
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 10 años
Puntos: 0
Respuesta: AYUDA:Como Crear lista con css?

Gracias, creo que con el segundo enlace me aclararé mejor :)
Cuando lo tenga implementado os cuento
Gracias de nuevo.
  #4 (permalink)  
Antiguo 28/05/2009, 06:07
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 10 años
Puntos: 0
Respuesta: AYUDA:Como Crear lista con css?

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..
  #5 (permalink)  
Antiguo 28/05/2009, 06:10
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: AYUDA:Como Crear lista con css?

has probado con el otro tutorial? defines bien los id, de los li y los ul?
__________________
No diseñes usando tablas.
  #6 (permalink)  
Antiguo 28/05/2009, 06:17
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 10 años
Puntos: 0
Respuesta: AYUDA:Como Crear lista con css?

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...
  #7 (permalink)  
Antiguo 28/05/2009, 06:24
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: AYUDA:Como Crear lista con css?

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
__________________
No diseñes usando tablas.
  #8 (permalink)  
Antiguo 28/05/2009, 08:04
 
Fecha de Ingreso: noviembre-2007
Mensajes: 98
Antigüedad: 10 años
Puntos: 0
Respuesta: AYUDA:Como Crear lista con css?

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.

Última edición por jgarma; 28/05/2009 a las 08:27
  #9 (permalink)  
Antiguo 28/05/2009, 16:14
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: AYUDA:Como Crear lista con css?

Hola:

Cita:
Iniciado por jgarma Ver Mensaje
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.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 02:26.