MyBB Community Forums

I installed this theme and I am editing it to my needs: http://mods.mybb.com/view/dark-fusion-2

What I did was I added a donation page plugin found here: http://mods.mybb.com/view/donation-page

I then went to go and add the page manually to my header template. Here is the code:

<li><a href="{$mybb->settings['bburl']}/index.php" class="index"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/forums.png" alt="" title="" />Forums</a></li>
<li><a href="{$mybb->settings['bburl']}/search.php" class="search"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/search.png" alt="" title="" />{$lang->toplinks_search}</a></li>
<li><a href="{$mybb->settings['bburl']}/upgrade.php" class="upgrade"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/upgrade.png" alt="" title="" />Upgrade</a></li>
<li><a href="{$mybb->settings['bburl']}/memberlist.php" class="members"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/memberlist.png" alt="" title="" />Members</a></li></a></li>
<li><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/icons/help.png" alt="" title="" />{$lang->toplinks_help}</a></li>

That worked and the button appears in the header, no problem. But when I clicked it, the button doesn't turn blue like it should when you click every other button. Look below for an example.

[Image: sEhk3Cd.png]

I'd like to know how to get the button to turn blue.

I noticed that the turning of blue has to do with the class= value because when I first went to put the button in, I left class='search' instead of changing it to upgrade and when I clicked the search button or the upgrade button, both of the buttons were blue at the same time.

Any help would be appreciated.

In global.css change:

#calendar .calendar, #portal .portal, #index .index, #search .search, #members .members, #help .help {
	background: url(images/darkfusion/style/menu_active.png) top left repeat-x;
	padding: 9px 7px 8px;
	color: #000;
	text-decoration: none;
        text-shadow: 0 1px 0 #33adff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

to:

#upgrade .upgrade, #calendar .calendar, #portal .portal, #index .index, #search .search, #members .members, #help .help {
	background: url(images/darkfusion/style/menu_active.png) top left repeat-x;
	padding: 9px 7px 8px;
	color: #000;
	text-decoration: none;
        text-shadow: 0 1px 0 #33adff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

In the donation_page template (should be in global templates) change:

<body>

to:

<body id="upgrade">

Triexe

Destroy666