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

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.



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: how to colourized Headers & Navigation

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

plz see this image


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.


SLGray
Administrator
Administrator

Male Posts : 35641
Reputation : 2374
Language : English
Location : United States

http://fmthemes.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

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?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
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

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;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
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

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.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
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

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?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
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;
}

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

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.



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: how to colourized Headers & Navigation

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

topic solved
thread closed

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.



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

View previous topic View next topic Back to top


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