Jump to content


Photo

Need Help with Navigation Hover Effect

Navigation Hover Color Text Box

Best Answer Rob , 16 September 2012 - 12:16 AM

Okay, bookmark this link because you're going to learn to truly love it. http://www.colorpicker.com/

With that site you can pick a color you like. In the top, you'll see # with an alpha/numeric six digit code. For example #FFFFFF is white and #000000 is black.

In the various parts of the Simple CSS Lite plugin, you simply copy the code and insert the # first. So, if you wanted a deep red background color for menu items, you'd add #C00000 and thinking in terms of contrast, you'd probably want a white link. Since you might like to mouseover, it should still be light, so try a pale yellow, again, finding the right shades and colors you prefer using the colorpicker website. Go to the full post


  • Please log in to reply
2 replies to this topic

#1 doziercreative

doziercreative

    Newbie

  • Members
  • Pip
  • 1 posts

Posted 15 September 2012 - 02:56 PM

Hello All! First, a quick disclaimer: I do not know how to write CSS and have only a basic knowledge of HTML. However, I've become pretty well-versed in creating a website using CMS and am comfortable with the PageLines framework. Now that that's out of the way, here's the link to my website (still under construction) www.dcdips.com. I want to make it so that when you mouseover the main nav menu at the top that the text will be white and the box around it will be red. I went to the design control tab and changed the colors on everything listed and it is not creating that effect. I have the "Custom CSS" plugin activated, but I don't know what to put in there. Can someone tell me how to do this or what to put on the CSS page? Thank You!

#2 batman

batman

    Bat Learning

  • Members

  • 1995 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 15 September 2012 - 03:18 PM

Hi doziercreative

It is advisable to learn how to do this on your own too.
Check out http://www.pagelines...wiki/Custom_CSS

If you need more CSS help, make sure you've downloaded Firebug for Firefox
and check out W3 Schools for more info.
http://www.w3schools.com/

#3 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 16 September 2012 - 12:16 AM   Best Answer

Okay, bookmark this link because you're going to learn to truly love it. http://www.colorpicker.com/

With that site you can pick a color you like. In the top, you'll see # with an alpha/numeric six digit code. For example #FFFFFF is white and #000000 is black.

In the various parts of the Simple CSS Lite plugin, you simply copy the code and insert the # first. So, if you wanted a deep red background color for menu items, you'd add #C00000 and thinking in terms of contrast, you'd probably want a white link. Since you might like to mouseover, it should still be light, so try a pale yellow, again, finding the right shades and colors you prefer using the colorpicker website.





Also tagged with one or more of these keywords: Navigation, Hover, Color, Text, Box