Results 1 to 4 of 4

Thread: Sidebar Menu Rollover Arrow Color

  1. #1
    Join Date
    Feb 2013
    Location
    California
    Posts
    53
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default Sidebar Menu Rollover Arrow Color

    I have searched the forums but cannot find an answer for this question...

    How do I make the color of the arrow change on roll-over? I want it normally visible in red but on roll-over I change the background to a dark blue with white text and would like the arrow to be white also.

    TIA for any assistance.

    James A. Wilson
    Web Developer
    www.txfannin.org

  2. #2
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    596
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    In the css file (http://www.txfannin.org/files_css/ch...tyles_main.css)
    look for this part:

    .sidebarmenu a.subfolderstyle{
    background:url(../files_images/mis_images/right_arrow.png) no-repeat 97% 50%;
    }

    you can use what ever image you want for that arrow.Just make sure the size is the same
    so it does not mess up things and also place the new image in the same directory as the
    original arrow is

    So to do what you want,you need to get that new arrow in the color you want then add the hover effect to change the background and image to what you need.

    I will have to look at that next.I will be back in a while and hopefully have the hover part ready(maybe some css guru will beat me??)
    Thanks,

    Bud

  3. The Following User Says Thank You to ajfmrf For This Useful Post:

    jdadwilson (03-09-2013)

  4. #3
    Join Date
    Jan 2011
    Location
    Southeastern CT
    Posts
    596
    Thanks
    43
    Thanked 28 Times in 28 Posts

    Default

    try this out.Add this below the other arrow part:
    Code:
    .sidebarmenu a.subfolderstyle:hover{
    	background:url(../files_images/mis_images/the_new_arrow.png) no-repeat 97% 50%;
    	background -color:darkblue;color:white;}
    Remember you need the white arrow to get this to work-the red part should reflect the whit arrow image
    Thanks,

    Bud

  5. #4
    Join Date
    Feb 2013
    Location
    California
    Posts
    53
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Default U da men!

    That did the trick. Thanks for your help.

    James A. Wilson

Similar Threads

  1. Step Carousel Arrow Rollover
    By xxguit3rxx in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 06-11-2010, 06:20 PM
  2. Rollover background-color button ( HELP PLEASE)
    By instinctiv in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 11-27-2008, 07:57 PM
  3. Problem with Rollover background-color button script
    By mitchellyachting in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 09-22-2008, 12:08 PM
  4. Editing Rollover background-color button
    By holden89 in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 05-28-2007, 11:10 PM
  5. Script: DD Rollover background-color button
    By supergirl in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 07-13-2005, 10:30 PM

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
  •