Jump to content


Photo
- - - - -

Want unique icon on each li


  • Please log in to reply
1 reply to this topic

#1 grahamd79

grahamd79

    Advanced Member

  • Members

  • 56 posts
  • Country: Country Flag

Posted 26 April 2012 - 07:55 AM

Hi, Please tell me how can I put unique icons for each list item. Please visit www.trendorg.co.uk and see the 'Best of Us' section. I want each list to have a unique icon like the following image;

#2 Danny

Danny

    Is Awesome!

  • Moderators
  • 17666 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 April 2012 - 08:34 AM

Hi Graham,

Each menu item is given a unique ID (see image below).

Please Login or Register to see this Hidden Content



You can use these ID's to add images to each menu item. For example, to add an icon/image to the Sample Page menu, you would use this:

Please Login or Register to see this Hidden Content


What I would recommend you is, you use this

Please Login or Register to see this Hidden Content

to create a sprite, add each icon you want to use on the menus and then using the CSS above as a guideline, use the background-position to postion the icons into place. Below is an example:



This may help you -

Please Login or Register to see this Hidden Content