Foros del Web » Creando para Internet » CSS »

cambiar el color de bullets en las listas

Estas en el tema de cambiar el color de bullets en las listas en el foro de CSS en Foros del Web. Saludos. Es posible cambiar el color de los bullets de las listas? Trate con algo asi: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código css: Ver original li {   ...
  #1 (permalink)  
Antiguo 03/06/2009, 12:21
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Pregunta cambiar el color de bullets en las listas

Saludos.

Es posible cambiar el color de los bullets de las listas?
Trate con algo asi:
Código css:
Ver original
  1. li {
  2.     list-style:upper-roman;
  3.     color: #ff6600;
  4. }
pero eso cambia el color de todo el texto en el <li>
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #2 (permalink)  
Antiguo 03/06/2009, 13:51
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: cambiar el color de bullets en las listas

Creo que pasa lo mismo que con el text-decoration de los enlaces. El color es el mismo que el definido para el propio enlace.

Puedes simularlo, usando una imagen como fondo ya sea de los li o del propio enlace.

Es lo que se me ocurre como solución
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #3 (permalink)  
Antiguo 03/06/2009, 14:08
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: cambiar el color de bullets en las listas

ok, gracias Kseso?
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #4 (permalink)  
Antiguo 03/06/2009, 16:21
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: cambiar el color de bullets en las listas

Incluso reemplazando los bullets por un &bull;
  #5 (permalink)  
Antiguo 03/06/2009, 16:31
Avatar de gVenom  
Fecha de Ingreso: julio-2008
Ubicación: Costa Rica
Mensajes: 1.455
Antigüedad: 9 años, 5 meses
Puntos: 53
Respuesta: cambiar el color de bullets en las listas

Cita:
Iniciado por Mikmoro Ver Mensaje
Incluso reemplazando los bullets por un &bull;
y eso que es?

Edito:

Olvidalo, ya ví, nunca lo he usado
__________________
"Al que venciere y guardare mis obras hasta el fin, yo le daré autoridad sobre las naciones."
Apocalipsis 2: 26
Servicios para Pymes http://dst.co.cr
  #6 (permalink)  
Antiguo 03/06/2009, 16:34
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: cambiar el color de bullets en las listas

Eso es la entidad HTML que dibuja un punto parecido al bullet de una lista, como este pero más gordo ·

Con eso haces que eso sea parte del texto, y lo puedes encerrar en un span para darle el color que quieras, o sin encerrar para darle el mismo color que el texto.

Escribe &bull; en un archivo HTML y mira lo que se dibuja en el navegador.
  #7 (permalink)  
Antiguo 03/06/2009, 16:42
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: cambiar el color de bullets en las listas

Bien MIk, ni se me había ocurrido, mira que soy despistado. Merezco un pescozón por utilizar esas entidades html en la actividad de Mayo css y no acordarme.
No sólo el puntito, sino cantidad de flechitas, los cuatro palos del poker ... y cambiarles el color al :hover ....

Todo un mundo de posibilidades.
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 23:29.