Top Nav Menu

• 

  realagenda · Member · Jan 19, 2011 at 11:49 am

  • Copy link
  • Add topic to favorites

  Is it possible to make it the top navigation menu buttons appear with a different color or a shiny layer when someone passes the mouse over them and/or clicks on them? Would this be done through CSS?

  Thanks!

  The blog I need help with is: (visible only to logged in users)

• 

  thesacredpath · Member · Jan 19, 2011 at 8:59 pm

  • Copy link

  You need to declare a hover color or use a background image that can repeat in the x direction. Due to the red area and the placement of the nav

  #pagenav a:hover {
  background: none no-repeat scroll 0 0 green;
  }

  You’ve got some work to do adjusting things so that the text is centered vertically in the background color.

• 

  realagenda · Member · Jan 20, 2011 at 12:51 am

  • Copy link

  If I decide to put a white color when hovering, how could I change the color of the text so it becomes red when hovering?

  If I insert an image, where on the code you gave me do I put it?

  Thanks!

• 

  thesacredpath · Member · Jan 20, 2011 at 6:09 am

  • Copy link

  Just adding
  color: red;
  to the #pagenav a:hover above should do it. (you can of course use the hex color code as well.

• 

  realagenda · Member · Jan 20, 2011 at 11:35 am

  • Copy link

  Thanks a lot.

• 

  thesacredpath · Member · Jan 21, 2011 at 5:33 am

  • Copy link

  You’re welcome.