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

    Tool bar fade

    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    Solved Tool bar fade

    Post by Ape February 10th 2013, 11:32 pm

    Hi all i have read this post and was over the moon that i could make the toolbar fade but when putting the code in my JS i found it did not work for me

    Rideem3 wrote:You can already remove the search and share links by putting this in your CSS:
    Code:
    #fa_search, #fa_share {
    display: none !important;
    }

    You can even change the toggle type to slide, fade, etc:
    Put this in your CSS StyleSheet:
    Code:
    #fa_right.welcome #fa_menu ul {
    display: none;
    }

    And this in a JavaScript placed in all pages for the slide effect:
    Code:
    $(window).load(function () {
        $('#fa_welcome').click(function () {
            $('#fa_menulist').slideToggle();
        });
    });

    Or this for a fade effect:
    Code:
    $(window).load(function () {
        $('#fa_welcome').click(function () {
            $('#fa_menulist').fadeToggle();
        });
    });

    can some one tell me why this is not working please?

    Much thanks Ape Tool bar fade Ascaso


    Last edited by APE on February 10th 2013, 11:53 pm; edited 1 time in total



    Tool bar fade Left1212Tool bar fade Center11Tool bar fade Right112
    Tool bar fade Ape_b110
    Tool bar fade Ape1010
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    Solved Re: Tool bar fade

    Post by Ape February 10th 2013, 11:39 pm

    Rideem3 wrote:Did you put the CSS in as well?

    Yes this in the CSS
    Code:
    #fa_right.welcome #fa_menu ul {
    display: none;
    }

    and this in the JS
    Code:
    $(window).load(function () {
        $('#fa_welcome').click(function () {
            $('#fa_menulist').fadeToggle();
        });
    });
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    Solved Re: Tool bar fade

    Post by Ape February 10th 2013, 11:45 pm

    Rideem3 wrote:Remember it will only work for the one that says "Welcome Username". Not notifications.

    Also is JavaScript codes management activated>
    it has nothing removed off the tool bar at all
    I do not wish to remove the things off the tool bar all i want to do is have it fade away when clicked
    and im using the js settings for other things so yes it is on Rideem Wink
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    Solved Re: Tool bar fade

    Post by Ape February 10th 2013, 11:52 pm

    its ok i have fixed it lol
    had to do it over again for some strange reason i had a dot in the code like this Arrow.

    Solved with thanks Wink



    Tool bar fade Left1212Tool bar fade Center11Tool bar fade Right112
    Tool bar fade Ape_b110
    Tool bar fade Ape1010

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