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 April 15th 2013, 4:04 pm

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

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 April 15th 2013, 4: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.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by mouzou on April 15th 2013, 4:19 pm

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

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 April 15th 2013, 4: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.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by mouzou on April 15th 2013, 4:26 pm

yea sure give me a min

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 April 15th 2013, 4: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.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by E-Mark on April 15th 2013, 4:28 pm

Try this one:
Code:
#fa_toolbar, #fa_toolbar_hidden {
  background: url('imageurl') !important;
  height: imageheight;
}

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 April 15th 2013, 5:26 pm

none work

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 April 15th 2013, 5: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.

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 April 15th 2013, 5:59 pm

same , didn't work

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 April 15th 2013, 6: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.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: Toolbar Notification List background code

Post by mouzou on April 15th 2013, 6:26 pm

alright it work Smile
thnx both of you Very Happy

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 April 15th 2013, 6:29 pm

Topic Solved & Locked

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