how i give every label different icon

Discussion in 'HTML & Website Design' started by albert7070, Jan 29, 2016.

  1. #1
    hello my friends i add css to my blogger to do icon in labels but the problem now is that all my labels see the same how i give every label different icon?

    this is my blog and my problem (left side):)

    http://didyouknowblogger.blogspot.com
     
    Last edited: Jan 29, 2016
    albert7070, Jan 29, 2016 IP
  2. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #2
    Add an id to each label, and attach each icon to the corresponding id.
     
    PoPSiCLe, Jan 29, 2016 IP
  3. albert7070

    albert7070 Greenhorn

    Messages:
    2
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #3
    thanx bro but how i do it? i don't know can you explain me ?
     
    albert7070, Jan 29, 2016 IP
  4. PoPSiCLe

    PoPSiCLe Illustrious Member

    Messages:
    4,623
    Likes Received:
    725
    Best Answers:
    152
    Trophy Points:
    470
    #4
    General explanaition:
    <p id="first">This is a paragraph with some text</p>
    <p id="second">This is another paragraph</p>
    <p id="third">And this is the last paragraph</p>

    That would be an example of elements with IDs assigned.
    Then you go to your CSS, and do something like this:
    #first {
    //icon for first element goes here
    }
    #second {
    //icon for second element goes here
    }
    #third {
    //icon for third element goes here
    }
     
    PoPSiCLe, Feb 1, 2016 IP