MyBB Community Forums

Full Version: Improve Header Help
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi everyone
This is my header (image above it not included)
[Image: zVP1n.png]

You see the "Forum" & "Home" ?
I added those in my header template
This is my template : http://pastebin.com/hV9JhJhA

Can someone add icons before forum & home ?
You would really help me.
If I just add
<li><a href="{$mybb->settings['bburl']}/index.php"><img src="http://somesite.com/blabla.png">Forum</a></li>
the theme is fcked up, so it has to be something with classes or something.

Thank you in advance
try adding code like this :

<li><a href="{$mybb->settings['bburl']}/index.php"><img src="images/home.gif" style="vertical-align: top;"> Forums</a></li>

this would solve problem Smile
Nope look:
[Image: ABq2s.png]
can u provide a link to your site
didn't know you can post that here, Smile
http://www.sergemorel.co.cc
Can you post the code of your entire navigation?
1. Go to Admin CP > Templates & Style > Templates > Your Template Set > Header Templates > header.

2. Find:

<li><a href="{$mybb->settings['bburl']}/portal.php">Home</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php">Forum</a></li>

3. Replace with:

<li><a href="{$mybb->settings['bburl']}/portal.php" class="home">Home</a></li>
<li><a href="{$mybb->settings['bburl']}/index.php" class="forum">Forum</a></li>

4. Go to Admin CP > Templates & Style > Themes > Your Theme > global.css > Advanced Mode.

5. Add this at the bottom:

#panel .upper ul.top_links a.home {
	background-image: url(images/flame/icons/home.gif);
}

#panel .upper ul.top_links a.forum {
	background-image: url(images/flame/icons/search.gif);
}

6. Replace images/flame/icons/home.gif and images/flame/icons/home.gif with the real path to the icons.
thanks, that works =)
appreciated oO
You're welcome.