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 "Notifications" Background Color

View previous topic View next topic Go down

Solved Toolbar "Notifications" Background Color

Post by inallsorts on May 30th 2014, 11:12 am

Greetings to all,

Is It possible to change the background color of the Toolbar "Notifications" area?
Here's a pic:



Also, I'm after a slide effect for the "Notifications" only.
I'm running phpBB3.

Thanks In advanced for all help given.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by @Mark on May 30th 2014, 11:55 am

Add this to your CSS:
Code:
#fa_toolbar #fa_right #notif_list li {
background-color: black !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
background-color: grey !important;
}

Change the black and grey to any color/hex color you want.

@Mark
Forumember

Male Posts : 187
Reputation : 37
Language : HTML | CSS | Javascript | C | Java
Location : Republic of the Philippines

http://help.forumotion.com/

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by inallsorts on May 30th 2014, 2:52 pm

@@Mark wrote:Add this to your CSS:
Code:
#fa_toolbar #fa_right #notif_list li {
background-color: black !important;
}
#fa_toolbar #fa_right #notif_list li.unread {
background-color: grey !important;
}

Change the black and grey to any color/hex color you want.

Thank you so much, the code works perfectly, much appreciated Smile

Is there any way to give It a "slide effect?".
I've coded this but can't get It to work:

Code:

$(window).load(function () {
$('#fa_notifications').click(function () {
$('#fa_menulist').slideToggle();
});
});

Thanks again.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by Jophy on June 1st 2014, 5:13 pm

Try this code:

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

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by inallsorts on June 1st 2014, 7:14 pm

@Jophy wrote:Try this code:

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

Works perfectly, thank you so much Smile

/Topic.

inallsorts
Forumember

Posts : 246
Reputation : 8
Language : English

Back to top Go down

Solved Re: Toolbar "Notifications" Background Color

Post by Jophy on June 1st 2014, 7:33 pm

Smile

Solved

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

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