MyBB Community Forums
Add color to nav bar - Printable Version

+- MyBB Community Forums (https://community.mybb.com)
+-- Forum: Extensions (https://community.mybb.com/forum-201.html)
+--- Forum: Themes (https://community.mybb.com/forum-103.html)
+---- Forum: Theme Support (https://community.mybb.com/forum-10.html)
+---- Thread: Add color to nav bar (/thread-14071.html)



Add color to nav bar - gimmezell - 2006-11-26

Just wondering how I would add color to just one link in my nav bar? I'm using the "Mybulletin" theme BTW.

Thanks,

Jeremy


RE: Add color to nav bar - Christian - 2006-11-26

Moved to Templates.


RE: Add color to nav bar - labrocca - 2006-11-26

Best way is to give that links an css ID in the header template then define it properly in the theme css.


RE: Add color to nav bar - turpentine - 2006-11-26

do this
<div id="linky"> (link) </div>
then in additional css at the top, put
#linky {
color: #ffffff;
}

you can get css properties here http://www.w3schools.com/css/css_text.asp


RE: Add color to nav bar - gimmezell - 2006-11-26

turpentine Wrote:do this
<div id="linky"> (link) </div>
then in additional css at the top, put
#linky {
color: #ffffff;
}

you can get css properties here http://www.w3schools.com/css/css_text.asp

Thanks for the tip, but that is a little beyond my skills right now. Below is the code that I added in my navbar.

<td class="topmenu" width="1%"><a
<li><a href="http://ej8squad.com/chat">Chat</a></li>

I would like to have "Chat" be red or some other color. Is this possible by just modifying the above code?


RE: Add color to nav bar - Martin M. - 2006-11-26

Change
<li><a href="http://ej8squad.com/chat">Chat</a></li>
to
<li id="linky"><a href="http://ej8squad.com/chat">Chat</a></li>
And go to Admin CP -> Themes -> Modify / Delete -> *the theme you are using* -> Go all the way down on the page you get to.
Till you find "Below you may enter additional CSS to be included with this theme."
Add
#linky {
color: red;
}
in the container below.


RE: Add color to nav bar - gimmezell - 2006-11-26

I copied the codes exactly as you posted and in the right spots. Still no color. What am I overlooking?


RE: Add color to nav bar - labrocca - 2006-11-26

try this:

#linky a{
color: red;
}


RE: Add color to nav bar - gimmezell - 2006-11-27

Nope still no color. Does it have to do with the Mybulletin theme?