MyBB Community Forums

Full Version: how can i align header links??
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
how do i move some of the header links eg. memberlist, calender. to the left?
also, how do i make them bigger??
BUMP
anyone??
please Big Grin
BUMP
please somebody tell me how to do this Big Grin
In your header template you'll see this:

<div class="menu">
				<ul>
					<li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" title="" />{$lang->toplinks_search}</a></li>
					<li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" title="" />{$lang->toplinks_memberlist}</a></li>
					<li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" title="" />{$lang->toplinks_calendar}</a></li>
					<li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" title="" />{$lang->toplinks_help}</a></li>
				</ul>
			</div>

Try changing <div class="menu"> to <div class="menu" align="left">

By making it bigger, I assume you mean the text, edit these in global.css:

.menu ul {
	color: #000000;
	font-weight: bold;
	text-align: right;
	padding: 4px;
}

.menu ul a:link {
	color: #000000;
	text-decoration: none;
}

.menu ul a:visited {
	color: #000000;
	text-decoration: none;
}

.menu ul a:hover, .menu ul a:active {
	color: #4874a3;
	text-decoration: none;
}
(2009-11-05, 05:08 PM)craizer Wrote: [ -> ]BUMP
please somebody tell me how to do this Big Grin

Go to Acp-Templates & Style-Themes-{your theme}-Stylesheets-And edit the stylesheet in the Advanced mode.

Find:

.menu ul {
	color: #000000;
	font-weight: bold;
	text-align: right;
	padding: 4px;
}

And change it to:

.menu ul {
	color: #000000;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}

This will left align the menu. Whereas to make them bigger add to the .menu ul class,
font-size: .....px; 
where replace the .... with the size that you want the menu to appear.

Let us know how it will go.
@Matt, it will be easy and better to do it via css as the align tag on div has been depricated Smile
i dont want it all to the left though, just 3 of the 6 links.