Iconos en submenu (Solucionado)

[Dany developer]

Hola a todos

 

Quiero poner iconos en el submenu de cada categoría que se encuentre ahí. Tengo una idea de como hacerlo y es comparando el nombre de la categoría y asi poner el icono que le corresponde.

 

El problema es que no se donde hacer esta comparación, también se me ocurrió agregarle la imagen que se le asigna a cada categoría pero necesito esa imagen mas adelante.

 

Alguien sabe donde podría poner estos iconos, hay que decir que pienso poner un icono diferente dependiendo de la categoría.

 

Adjunto una imagen para ver si puedo dar a entender.

 

Saludos 

Edited May 18, 2015 by Dany developer (see edit history)

[ventura]

Si no te quieres complicar en exceso y tienes un orden establecido en las categorias puedes hacerlo con css con las propiedades

:before
:nth-child()

[Dany developer]

Hola ventura, gracias por contestar

 

wow no conocia esa intruccion (:nth-child()) supongo que si la uso en una lista sera mas sencillo, lo voy a intentar, gracias de nuevo. 

[Dany developer]

Ya lo probe y funciona muy bien ventura seria algo asi:

.sf-menu > li > ul > li:nth-child(1):before{ content:url('point.png'); -moz-transform: scale(.5);}
  .sf-menu > li > ul > li:nth-child(2):before{ content:url('point.png'); -moz-transform: scale(.5);}
  .sf-menu > li > ul > li:nth-child(3):before{ content:url('point.png'); -moz-transform: scale(.5);}
  .sf-menu > li > ul > li:nth-child(4):before{ content:url('point.png'); -moz-transform: scale(.5);}
  .sf-menu > li > ul > li:nth-child(5):before{ content:url('point.png'); -moz-transform: scale(.5);}
  .sf-menu > li > ul > li:nth-child(6):before{ content:url('point.png'); -moz-transform: scale(.5);}
  .sf-menu > li > ul > li:nth-child(7):before{ content:url('point.png'); -moz-transform: scale(.5);}
  .sf-menu > li > ul > li:nth-child(8):before{ content:url('point.png'); -moz-transform: scale(.5);}
  .sf-menu > li > ul > li:nth-child(9):before{ content:url('point.png'); -moz-transform: scale(.5);}
....

Muchas gracias de nuevo 

[ventura]

Me alegro de que te haya servido.

 

Un saludo.