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.

how to colourized Headers & Navigation

View previous topic View next topic Go down

Solved how to colourized Headers & Navigation

Post by serviceteam on March 4th 2013, 5:27 am

dear masters

how to colorized Headers & Navigation in forum
avatar
serviceteam
Forumember

Male Posts : 70
Reputation : 1
Language : ENGLISH
Location : vandavasi,thiruvanmalaidt, tamilnadu, india

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Sir Chivas™ on March 4th 2013, 5:41 am

Do you want to change the font color or the image of the Navigation? Also, what header exactly? Please provide a screenshot to understand your query better. Thank you.



Don't know how to post a screenshot?
http://help.forumotion.com/t24814-how-to-take-a-screen-shot



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 : 6792
Reputation : 431
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by serviceteam on March 4th 2013, 5:53 am

plz see this image

avatar
serviceteam
Forumember

Male Posts : 70
Reputation : 1
Language : ENGLISH
Location : vandavasi,thiruvanmalaidt, tamilnadu, india

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by SLGray on March 4th 2013, 6:00 am

Please post your forum's address.

Moved to Design & Appearance Help.


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

avatar
SLGray
Administrator
Administrator

Male Posts : 38033
Reputation : 2564
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Cassius Dio on March 4th 2013, 9:01 am

Hi! Very Happy

Add to CSS Stylesheet:
Code:
a.mainmenu{
color: #color !important;
}
Replace #color by a valid color name or hex color. Here you have some examples:
http://www.w3schools.com/html/html_colornames.asp
avatar
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Sanket on March 4th 2013, 1:55 pm

Is this solved?
avatar
Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by serviceteam on March 5th 2013, 6:44 am

i am added css stylesheet

but

how to change each and every one shows different color

in my Headers & Navigation there are four different links added

so i need four different color

how to design four color
avatar
serviceteam
Forumember

Male Posts : 70
Reputation : 1
Language : ENGLISH
Location : vandavasi,thiruvanmalaidt, tamilnadu, india

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Sanket on March 5th 2013, 7:03 am

You could add such a code.
Code:
a.mainmenu[href="/groups"] {
    color: #ff0000 !important;
}
avatar
Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by serviceteam on March 5th 2013, 7:12 am

which place i am added can you give example plz
advance thanks
avatar
serviceteam
Forumember

Male Posts : 70
Reputation : 1
Language : ENGLISH
Location : vandavasi,thiruvanmalaidt, tamilnadu, india

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Sanket on March 5th 2013, 7:13 am

You should add the code in the CSS.
Display>Colors
Css Stylesheet tab.
Add the code there.

You just have to replace the /groups to whichever is the link that you want to change & the specific color code to it.
avatar
Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by serviceteam on March 5th 2013, 7:22 am

dear sir i am not asking group color changing

i am asking Headers & Navigation see my 2 post
avatar
serviceteam
Forumember

Male Posts : 70
Reputation : 1
Language : ENGLISH
Location : vandavasi,thiruvanmalaidt, tamilnadu, india

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Sanket on March 5th 2013, 7:25 am

Thats what the solution is for. I gave you an example of how to change the color for the navigation link of Usergroups. Did you even try adding that code & check what it did?
avatar
Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Cassius Dio on March 5th 2013, 7:26 am

@serviceteam wrote:dear sir i am not asking group color changing

i am asking Headers & Navigation see my 2 post
Have you tried to add the code. This is really what you need. The code gaved by Sanket will change the "Usergroups" link color from your navigation bar. You can make codes for all links you have, like this:
Code:
a.mainmenu[href="/"] {
    color: blue !important;
}

a.mainmenu[href="/memberlist"] {
    color: red !important;
}

a.mainmenu[href="/usergroups"] {
    color: yellow !important;
}

a.mainmenu[href="/profile?mode=editprofile"] {
    color: white !important;
}

a.mainmenu[href^="/login?logout"]{
    color: darkred !important;
}
avatar
Cassius Dio
Forumember

Male Posts : 581
Reputation : 79
Language : Romanian &English
Location : Yellow Submarine

http://beatles.forummo.com/

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by serviceteam on March 5th 2013, 4:07 pm

thanks for your code br
but i am add picture then solve it


thanks for your valuable commands and report
avatar
serviceteam
Forumember

Male Posts : 70
Reputation : 1
Language : ENGLISH
Location : vandavasi,thiruvanmalaidt, tamilnadu, india

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Sir Chivas™ on March 5th 2013, 4:08 pm

Is this solved then?



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 : 6792
Reputation : 431
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by serviceteam on March 6th 2013, 4:00 am

topic solved
thread closed
avatar
serviceteam
Forumember

Male Posts : 70
Reputation : 1
Language : ENGLISH
Location : vandavasi,thiruvanmalaidt, tamilnadu, india

Back to top Go down

Solved Re: how to colourized Headers & Navigation

Post by Sir Chivas™ on March 6th 2013, 4:50 am

Topic Solved & Locked



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 : 6792
Reputation : 431
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

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