The forum of the forums

Would you like to react to this message? Create an account in a few clicks or log in to continue.
The forum of the forums
4 posters

    Hover on buttons

    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Hover on buttons

    Post by XDirect12345 June 28th 2012, 8:45 pm

    for my buttons I would like to have a hover affect. How would I achieve this?
    avatar
    Guest
    Guest


    Solved Re: Hover on buttons

    Post by Guest June 28th 2012, 8:55 pm

    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Re: Hover on buttons

    Post by XDirect12345 June 28th 2012, 9:05 pm

    not the navigation! I want the buttons.

    Example: PM, Edit, Post reply, Quote, Multi-Quote Unselected, IP, Website

    How do I css these with a normal effect and then a hover effect.
    Proxy*64*
    Proxy*64*
    Forumember


    Male Posts : 113
    Reputation : 6
    Language : English,Greek|HTML/CSS/jQuery

    Solved Re: Hover on buttons

    Post by Proxy*64* June 30th 2012, 11:03 am

    that is exactly what i am searching for
    avatar
    runawayhorses
    Hyperactive


    Male Posts : 2537
    Reputation : 166
    Language : English
    Location : United States

    Solved Re: Hover on buttons

    Post by runawayhorses June 30th 2012, 1:27 pm

    This code will mouseover the "New Topic" and Post Reply" and also the "New PM". I'm not sure how to make the other buttons mouseover.

    You can change the "opacity" values of this code to give the effect you want.

    Copy to your CSS stylesheet:

    Code:
    .topic-actions .buttons a img:hover{
        opacity: 1.0;
        filter: alpha(opacity=100);
        }

        .topic-actions .buttons a img{
        opacity: 0.6;
        filter: alpha(opacity=60);
        }
    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Re: Hover on buttons

    Post by XDirect12345 July 1st 2012, 7:28 pm

    Isnt there a code like the navbar? Only for buttons? I want to do each button separately.
    XDirect12345
    XDirect12345
    Forumember


    Male Posts : 361
    Reputation : 3
    Language : English

    Solved Re: Hover on buttons

    Post by XDirect12345 July 2nd 2012, 7:36 pm

    this can be locked then.
    Sanket
    Sanket
    ForumGuru


    Male Posts : 48766
    Reputation : 2830
    Language : English
    Location : Mumbai

    Solved Re: Hover on buttons

    Post by Sanket July 2nd 2012, 8:31 pm

    Topic Solved & Locked

      Current date/time is September 22nd 2024, 9:21 pm