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.

Tool bar fade

Go down

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 : 19454
Reputation : 2012
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

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 : 19454
Reputation : 2012
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

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 : 19454
Reputation : 2012
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

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
Ape
Ape
Administrator
Administrator

Male Posts : 19454
Reputation : 2012
Language : fluent in dork / mumbojumbo & English haha

http://chatworld.forumotion.co.uk/

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum