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 Notification List background code

View previous topic View next topic Go down

Solved Toolbar Notification List background code

Post by mouzou on Mon Apr 15, 2013 3:04 pm

i was wondering how i can change the background of the notification list on the toolbar
avatar
mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by Sir Chivas™ on Mon Apr 15, 2013 3:09 pm

Hi,

Insert this inside your CSS:
Code:
#fa_toolbar #fa_right #notif_list li.unread {
font-weight: bold;
background-color: #COLOR;
}

Just change your #color to whatever you wish. Wink



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by mouzou on Mon Apr 15, 2013 3:19 pm

is there a way to add an image not colour like in here : www.duelacademy.net
avatar
mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by Sir Chivas™ on Mon Apr 15, 2013 3:20 pm

I can't view it since I don't have an account there Razz. Unless, you can provide one? Very Happy


Don't need the account anymore, sorry. Very Happy
Code:
#fa_toolbar #fa_right #notif_list li.unread {
font-weight: bold;
background-image: url("http://i46.servimg.com/u/f46/12/16/55/86/fmicon14.png");
background-repeat: no-repeat;
}

Just change the URL of the image to yours. Very Happy



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by mouzou on Mon Apr 15, 2013 3:26 pm

yea sure give me a min
avatar
mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by Sir Chivas™ on Mon Apr 15, 2013 3:27 pm

I have edited my post above, I do not need the test account anymore, sorry for the trouble.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by E-Mark on Mon Apr 15, 2013 3:28 pm

Try this one:
Code:
#fa_toolbar, #fa_toolbar_hidden {
  background: url('imageurl') !important;
  height: imageheight;
}
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by mouzou on Mon Apr 15, 2013 4:26 pm

none work
avatar
mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by E-Mark on Mon Apr 15, 2013 4:28 pm

Try this one:
Code:
#fa_toolbar #fa_right #notif_list li.unread {
background: url(imagelinkhere) !important;
height: #px;
}

Just change the imagelinkhere to the image url and the '#' sign to any number value, depending on your image height.
avatar
E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by mouzou on Mon Apr 15, 2013 4:59 pm

same , didn't work
avatar
mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by Sir Chivas™ on Mon Apr 15, 2013 5:03 pm

Should work, did for me. Both, mine and E-Marks'. Try both separately.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6801
Reputation : 433
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by mouzou on Mon Apr 15, 2013 5:26 pm

alright it work Smile
thnx both of you Very Happy
avatar
mouzou
Forumember

Posts : 136
Reputation : 3
Language : English

http://sacredbeastsacademy.forumegypt.net/

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by Jophy on Mon Apr 15, 2013 5:29 pm

Topic Solved & Locked
avatar
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