Web Analytics Made Easy -
StatCounter How to change/Where to put nav link hover color - CodingForum

Announcement

Collapse
No announcement yet.

How to change/Where to put nav link hover color

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to change/Where to put nav link hover color

    Hi, today I was seeing if I could improve any little minor things on my site.
    I was just wondering what the code is for changing the a:hover of the nav bar and where to insert it in my template. If anyone can help me with this I will be grateful.
    Check out my new forums: http://www.moderncoding.co.nr (:

    Strengths: HTML & CSS.


    Code:
    EpicFriends x = 
    players.getNearest(BestFriend);
    if (x != null) {
    x.interact("High Five" + x.getName());

  • #2
    Hover link color

    To help us undestand your idea well try to post your code!
    Don't forget to mark solution providing post as "Answered".
    It helps others to find correct solutions!

    Comment


    • #3
      Originally posted by dotnetmind View Post
      To help us undestand your idea well try to post your code!
      I mean trying to change when you hover over the nav bar, the links change color.
      Here is my nav bar code, it's from a template I found so...
      Code:
      #fw-nav-menu 
      a:hover, a:active, a:link, a:visited {font-style:normal}
      #fw-nav-menu {width:1020px;position:relative;top:-5px}
      #fw-nav-menu ul {list-style: none;text-align:center;}
      #fw-nav-menu li {height:52px;width:164px;text-align:center;background: 
      url(http://snedekerdesignz.webs.com/templates/sleekblack/sleekblack.jpg) no-repeat;margin-left:-4px;display:-moz-inline-stack;display:inline-block;zoom:1;*display:inline;}
      #fw-nav-menu li:hover {background: url(http://snedekerdesignz.webs.com/templates/sleekblack/sleekblackmo.jpg) no-repeat center;}
      .fw-current-nav-link {background: url(http://snedekerdesignz.webs.com/templates/sleekblack/sleekblackcurrent.jpg)no-repeat;display:block;height:52px;width:164px;}
      .fw-current-nav-link:hover {background: url(http://snedekerdesignz.webs.com/templates/sleekblack/sleekblackmo.jpg)}
      a.section {color:darkorange!important; font-size:  20px !important; font-family: verdana !important; font-weight: bold !important;}
      Check out my new forums: http://www.moderncoding.co.nr (:

      Strengths: HTML & CSS.


      Code:
      EpicFriends x = 
      players.getNearest(BestFriend);
      if (x != null) {
      x.interact("High Five" + x.getName());

      Comment


      • #4
        Hi, you can make the link change on hover using a:hover

        eg. a:hover {color:green;}
        Will make the link text colour change to green when you hover over it.
        Make sure you put it after (and maybe take it out of) the line:
        a:hover, a:active, a:link, a:visited {font-style:normal}

        There's alot more you can do also, maybe post your mark up aswell for more feedback/info.

        Comment

        Working...
        X