From: Download: Bottom Bar 1.0.1 - Adding Extra Nav Links

OK. Try this method. (For this example, I am using the forum index link)

ACP -> Look & Feel -> Manage Languages -> Select Language (English (USA)) -> Bottombar tab -> public_lang,
Click on "Add String", settings should look like this: (You need two(2) language bits per entry(Link you add))
Application: Bottombar
Pack Name: public_lang
Key: bb_tab_forums
Default Text: Forums

Click on "Add String" again,
Application: Bottombar
Pack Name: public_lang
Key: bb_tab_goforums
Default Text: Go Forums

ACP -> Look & Feel -> Select Skin -> skin_bottombar -> showBottomBar,
Find:

		<li><a href="{parse url="" base="public"}" class="home">{$this->lang->words['bb_tab_home']} <small>{$this->lang->words['bb_tab_gohome']}</small></a></li>

Add Below:

		<li><a href="{parse url="app=forums" base="public"}" class="forums">{$this->lang->words['bb_tab_forums']} <small>{$this->lang->words['bb_tab_goforums']}</small></a></li>

When adding the above, make sure you change the bb_tab_goforums and bb_tab_forums for every link you add to match the appropriate language bit you add. The bb_tab_goforums is what shows above the main link in the "bubble". Also, make sure to change the {parse url="app=forums" base="public"} as well. Also note, if your app has a friendly URL to it, you can change it to something like this (this is IP.Downloads): {parse url="app=downloads" seotitle="files" base="public"}

ACP -> Look & Feel -> Select Skin -> CSS tab -> bottombar.css,
Find:

#footpanel a.home{
		background: url({style_images_url}/bottombar/home.png) no-repeat 15px center;
		width: 50px;
		padding-left: 40px;
		border-right: 1px solid #bbb;
		text-indent: 0;
}

Change To:

#footpanel a.home{
		background: url({style_images_url}/bottombar/home.png) no-repeat 7px center;
		width: auto;
		padding-left: 40px;
		border-right: 1px solid #bbb;
		text-indent: 0;
}

Then Add Below:

#footpanel a.forums{
		background: url({style_images_url}/bottombar/comments.png) no-repeat 7px center;
		width: auto;
		padding-left: 40px;
		border-right: 1px solid #bbb;
		text-indent: 0;
}

Make sure width is set to Auto on all entries you add and the no-repeat 7px center is the same.
Also note, make sure to change the url({style_images_url}/bottombar/comments.png) to an image that will match your link. Also, every image you add, must be in your skins image directory's "bottombar" folder.

Regards,
Donald


Source: Download: Bottom Bar 1.0.1