SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru
    Join Date
    Sep 2001
    Location
    Vancouver
    Posts
    809
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Talking Underline color different

    Here is something I have been wondering for a while. I have noticed that on many websites now, when you hover over a link... it gets underlined and it changes color, but also the actual underline changes its color too.

    For example: you have a blue text link, hover over it and it changes to red and gets underlined, than the actual underline changes to white. For those who have Audiogalaxy, login and hover over the first link you see and you'll know what I'm talking about. Thanks for your help!

  2. #2
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Something like this should do the trick

    .cool:hover { color:white; text-decoration:underline; }
    a.cool span { color:blue; }
    a.cool:hover span { color:red; }


    and the html code

    <a class="cool" href="test"><span>link</span></a>
    Garlic bread, I've tasted it, it's the future

  3. #3
    SitePoint Guru
    Join Date
    Sep 2001
    Location
    Vancouver
    Posts
    809
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you very much! Worked like a charm.

  4. #4
    BoOm-Rocka! Smarky's Avatar
    Join Date
    Jun 2000
    Location
    England
    Posts
    1,319
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problem
    Garlic bread, I've tasted it, it's the future

  5. #5
    The Madness Out of Time Arkham's Avatar
    Join Date
    Apr 2001
    Location
    Toronto, Ontario
    Posts
    362
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by Smarky
    Something like this should do the trick
    NICE effect! I don't think I've come across that before.

    Thanks, Smarky! I'm going to put it to good use.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •