MyBB Community Forums

Full Version: Help with HEADER
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
So, I got a problem. I put 2 new links in the header block, the upper right one. But somehow, between the new links, there a big space. For example:
I want it like this:
but it turn out to:
HOME           FORUM
That's the problem. Can someone fix it for me? Here, the headerblock code:
<div class="upper_panel">
	<span class="float_right"><a href="{$mybb->settings['bburl']}/index.php"><img src=""> Home</a><a href="{$mybb->settings['bburl']}/forum.php"><img src=""> Forum</a><a href="{$mybb->settings['bburl']}/search.php" class="search">{$lang->toplinks_search}</a><a href="{$mybb->settings['bburl']}/memberlist.php" class="memberlist">{$lang->toplinks_memberlist}</a><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar">{$lang->toplinks_calendar}</a><a href="{$mybb->settings['bburl']}/misc.php?action=help" class="help">{$lang->toplinks_help}</a></span>
	<span>{$lang->welcome_back} <a href="{$mybb->settings['bburl']}/member.php?action=logout&amp;logoutkey={$mybb->user['logoutkey']}" class="logout">{$lang->welcome_logout}</a></span>
<div class="lower_panel">
	<span class="float_right"><a href="">AniPoints</a><a href="#" onclick="MyBB.popupWindow('{$mybb->settings['bburl']}/misc.php?action=buddypopup', 'buddyList', 350, 350);">{$lang->welcome_open_buddy_list}</a><a href="{$mybb->settings['bburl']}/search.php?action=getnew">{$lang->welcome_newposts}</a><a href="{$mybb->settings['bburl']}/search.php?action=getdaily">{$lang->welcome_todaysposts}</a><a href="{$mybb->settings['bburl']}/private.php" style="margin-right: 0;">{$lang->welcome_pms}</a> {$lang->welcome_pms_usage}</span>
	<span><a href="{$mybb->settings['bburl']}/usercp.php" class="usercp">{$lang->welcome_usercp}</a>{$modcplink}{$admincplink}</span>
Image of the problem is attached too.
When adding links to the Afresh theme, you have to make a CSS class.
Like what I thought. I wanna make a class but I don't know how. Thanks for the info.
Go to your Admin CP, click the Templates & Style tab, click the name of your theme, click global.css and then click Edit Stylesheet: Advanced Mode. Thats where you can add or edit all of the main CSS.
In the afresh global.css find the part with the uperpanel icons. Than just copy one class and change the name and link to the image.
What I mean is before I know about the tutorial. Thanks anyway. Smile