MyBB Community Forums

Full Version: A new style for the "nav_bit" thing.
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2
How can I make this:
[Image: SBs3d.png]

Like this:
[Image: a0i9h.png]

It should be in the nav_bit, but unsure on what I would need..

Thanks!
(2012-04-03, 09:31 PM)euantor Wrote: [ -> ]Try this: http://mybbsource.com/thread-4935.html

the Download Link does not work. It has Hotlink Disabled so cannot download the .zip.
Here's the original post it came from I believe: http://www.jankoatwarpspeed.com/post/200...e-CSS.aspx
(2012-04-03, 10:06 PM)euantor Wrote: [ -> ]Here's the original post it came from I believe: http://www.jankoatwarpspeed.com/post/200...e-CSS.aspx

Not working for me..

Service Unavailable

HTTP Error 503. The service is unavailable.
Worked! Thanks!

Adding it now.

Umm, Problem..

Followed everything correctly and got this:

http://ncisclan.com/index.php
I can see why. That tutorial's been changed since I last looked at it. it's now displaying BBCode rather than the HTMl it should be. I'll post the true HTMl in a minute.

Ok, try this instead. No idea what happended to that post to make it so deformed...

Quote:3.Then, navigate to "Templates"

Expand the Template Set you wish to add this too, then expand the Navigation group.

Edit the "nav" template, and replace its contents with this:

yourtheme>templates>navigation templates>nav

<ul id="breadcrumb"><li><a href="{$mybb->settings['bburl']}/index.php" title="Home"><img src="{$mybb->settings['bburl']}/images/home.png" alt=Home" /></a></li>
{$nav}{$activebit}</ul>

Change SITE URL to the URL you want the Home image to link too.

4.Then edit the "nav_bit" template and replace it's contents with this:

<li><a href="{$navbit['url']}">{$navbit['name']}</a></li>

5.Then, edit the "nav_bit_active" template and replace it's contents with this:

<li>{$navbit['name']}</li>
Thanks it works great. One more question...

How do I get a hover over the house going on?

I have this so far.. which is wrong >.<

.home {
        border:none;
        margin: 8px 5px;
	background-image:url(images/breadcrumb/home.png);
}

.home a:hover {
	background-image:url(images/breadcrumb/home_hover.png);
}
Should be .home a:hover not .home:hover
Pages: 1 2