Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    May 2009
    Posts
    1
    Member #
    18995
    Hey guys. I made this navigation panel.

    What I want is a script or something to make the little white boxes kind of GLOW when you hover over the link. What would I need for that?

    Here's the pic:

    http://i39.tinypic.com/2z82sg8.jpg

    I need detailed instructions if possible.

    I know it has something to do with sprites but I don't know how to start...

    Thanks for your time and effort

    ~ Reaper ~

  2.  

  3. #2
    Senior Member
    Join Date
    Dec 2008
    Posts
    483
    Member #
    17875
    Liked
    1 times
    Look up jquery. Once you do that
    you can do something like this

    <script type="text/javascript">
    <!--
    $('.navLink').hover(function(){
    $(this).next('img').addClass('hoverEffect');
    }, function(){
    $(this).next('img').removeClass('hoverEffect');
    }
    );
    -->
    </script>

    This questions way to open ended without seeing any markup.
    post your navigation markup and the related css

  4. #3
    Senior Member Dorky's Avatar
    Join Date
    Jun 2009
    Location
    Destin Florida
    Posts
    1,430
    Member #
    19103
    Liked
    4 times
    you could always create a transparent bg with gimp or adobe that is say, 10px larger then the pic then paste your pic in the center then make a second with a glow effect filling the transparent edges then
    //CSS//
    { background-image: url(http://whatever); }
    :hover { background-image: url(http://hoverwhatever); }
    //but IE7 has poor support for transparent images//
    //but IE7 is also on its way out//

    while($get_it !== true){ continue; }


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 05:08 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com