Toolbar Notification List background code

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
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 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 y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
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 April 15th 2013, 4: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 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 y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
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 April 15th 2013, 4: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 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 y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6810
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 April 15th 2013, 4: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 April 15th 2013, 5: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 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.
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 April 15th 2013, 5: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 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 y it as solved.


avatar
Sir Chivas™
Support Moderator
Support Moderator

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

Topic Solved & Locked
avatar
Jophy
ForumGuru

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

Back to top Go down

Back to top


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