The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

toolbar notifiction list slide effect

View previous topic View next topic Go down

In progress toolbar notifiction list slide effect

Post by mouzou on July 4th 2013, 11:04 pm

EDIT : all the old problems i got there code , i only now need to know how i can give the notification list of the toolbar the slide effect


Last edited by mouzou on July 9th 2013, 5:28 pm; edited 1 time in total

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by SLGray on July 4th 2013, 11:14 pm



When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 4th 2013, 11:39 pm

i already read this Smile

but there is no code about the font color of the words in the toolbar

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by Sanket on July 5th 2013, 10:27 am

sacredbeastsduelacademy.forumegypt.net
I don't see that forum.

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by bob77707 on July 5th 2013, 11:10 am

You should be able to do this through your admin panel:

Modules -> Toolbar -> Configuration

Change "Color of the text" to the color you want.

bob77707
Forumember

Posts : 48
Reputation : 4
Language : English

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 5th 2013, 7:43 pm

sry got the link wrong 

http://sacredbeastsacademy.forumegypt.net/

and thnx for the font of the toolbar , now there just to know if there is a way to chance the font color on the drop down menu Smile

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by bob77707 on July 5th 2013, 8:10 pm

Put this in your CSS stylesheet under Display -> Pictures and Colors -> Colors -> CSS Stylesheet

Change the color black to whatever color or color code you want and you should be good to go Very Happy 

Code:
#fa_toolbar a:link, #fa_toolbar a:visited, #fa_toolbar a:hover, #fa_toolbar a:active {
    color: black !important;
}

bob77707
Forumember

Posts : 48
Reputation : 4
Language : English

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by Sanket on July 5th 2013, 8:35 pm

The code posted above shall work. Wink

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 6th 2013, 12:04 am

ah cool it work Smile thnx 

last question , is there a way to change the color of the list under the image in the menu(pm , reputation...) ?

Edit : is there a code to fix the links color in the notifications menu too ?

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by SLGray on July 6th 2013, 12:15 am

Code:
#fa_usermenu {
      color:  YOUR COLOR !important;
}


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 6th 2013, 12:31 am

this one work for the menu , thnx Smile

now i only need to know how we change the links color in the notifications menu and border of the notifications menu and how we make the notfication list slide

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by runawayhorses on July 6th 2013, 5:37 am

Hi, try these codes:

links in unread notifications
Code:
/* links in unread notifications */
#fa_toolbar #fa_right #notif_list li.unread div.contentText.ellipsis a {
color: #00BFFF !important;  
}

links in "old" notifications
Code:
/* links in "old" notifications" */
#fa_toolbar #fa_right #notif_list li div.contentText.ellipsis a {
color: #00ace6 !important;
}

text color of "old" notifications
Code:
/*---text color of "old" notifications--- */
#fa_toolbar #fa_right #notif_list li .contentText {
color: #CCCCCC !important;
}

text color of unread notifications
Code:
/*--- text color of unread notifications ---*/
#fa_toolbar #fa_right #notif_list li.unread .contentText {
color: #FFFFFF !important;
}

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

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 6th 2013, 5:45 am

all the colors code worked , but the java code didn't work, but thnx for the other codes Smile

so i still need to know how i can change the border color of the notifications menu and how to do the slide effect

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by runawayhorses on July 6th 2013, 5:51 am

Make sure you hae javascript turned on in Javascript management, it should work its a script from the former Admin of this forum Leeloo.


Try this for the border of the notifications:

Code:
#fa_toolbar #fa_right #notif_list {
border: 1px solid #F0F8FF;
}

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by bob77707 on July 6th 2013, 12:27 pm

Somehow I have a feeling this might need to be changed too? Smile 

Code:
#fa_toolbar #fa_right #notif_list li.see_all {
    background-color: black !important;
}

bob77707
Forumember

Posts : 48
Reputation : 4
Language : English

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 6th 2013, 2:27 pm

ok border work , now i only need the slide effect , i did make sure my js is turned on.

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by runawayhorses on July 6th 2013, 3:41 pm

@mouzou wrote:ok border work , now i only need the slide effect , i did make sure my js is turned on.
Ok I forgot you also have to add this to your CSS stylesheet for the slide effect with the javascript I posted earlier in JavaScript management:

This goes in your CSS stylesheet:
Code:
   #fa_right.welcome #fa_menu ul {
    display: none;
    }

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 6th 2013, 4:19 pm

i reread the js you send me , and this one is for the user menu list , not the notifications list , thnx for your help anyway Smile

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by runawayhorses on July 6th 2013, 5:12 pm

Oh yeah just noticed that too,.lol ok so I don't know of a slide for notifications.

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 9th 2013, 5:27 pm

bump

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by mouzou on July 12th 2013, 4:07 am

bump

mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

In progress Re: toolbar notifiction list slide effect

Post by runawayhorses on July 16th 2013, 2:22 pm

I think I found an answer for you, try adding this to your javascript management, and tick it to "In all pages".

Code:
$(window).load(function () {
            $('#fa_toolbar').click(function () {
                $('#notif_list').slideToggle();
            });
        });

runawayhorses
Hyperactive

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

http://runawayhorses.alldiscussion.net/

Back to top Go down

View previous topic View next topic Back to top


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