Forum Home Enhancements - Extra Navbar

Extra Navbar - Can be used for advertising!

Preview:




Installation:

In template: navbar

Find: <!-- / nav buttons bar -->

Below Add:

<!-- nav buttons bar -->
<!-- PAGENAV POPUP -->

    <div class="vbmenu_popup" id="pagenav_menu" style="display:none">
        <table cellpadding="4" cellspacing="1" border="0">

        <tr>
            <td class="thead" nowrap="nowrap">Go to Page...</td>
        </tr>
        <tr>
            <td class="vbmenu_option" title="nohilite">
            <form action="http://www.hdgfx.com/" method="get" onsubmit="return this.gotopage()" id="pagenav_form">
                <input type="text" class="bginput" id="pagenav_itxt" style="font-size:11px" size="4" />
                <input type="button" class="button" id="pagenav_ibtn" value="Go" />

            </form>
            </td>
        </tr>
        </table>
    </div>

<style type="text/css">
.adv{margin:0 auto;}
.adv td{padding:0;}
.adv a{padding:6px 0 3px;height:20px;display:block;text-align:center;text-decoration:none;}.adv a:hover{background-color:#000000;}.adv a span{display:none;}
</style>
<table class="tborder adv" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><tr>

<td class="alt1" width="11%">
<a href="http://sitelink.com">Your Link here?</a>

</td>

<td class="alt1" width="14%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="12%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="16%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="15%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="14%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="18%">
<a href="http://sitelink.com">Your Link here?</a></td>

</tr>
</table>

Please click Installed!

~Rozzi / deadlySniper

[Jaske]

Just what I've been looking for!! Although I couldn't find it in my "navbar" (placed in "header") and it pushed my forums and home page down when placed directly under the <!-- / nav buttons bar --> it's a great mod. I just placed it at the very bottom of the code and it worked great. Thanks!!

[kjsmith84]

Originally Posted by Feanor_87

Wow, great mod!!

Is there anyway to add drop-downs to it?

x2

[maxell666]

Hey guys,

this mod is great, thank you. I just have two questions. It's really important for me...

1.) I want to change the background of whole extra navbar to "red". Buf if change value at "background-color:" it only changes color, when i put my mouse on the link, but the navbar stays with old color.

2.) How to change the color of the links to white. I just want new color for links in this extra navbar and not on my whole forum? Any suggestions?

thanks in advance

[maxell666]

can someone please help me?

[kjsmith84]

Originally Posted by maxell666

can someone please help me?

just use a html color code for each link

[maxell666]

ok, thanks for your help. this is what i did so far (background is black and links are white)...

http://img267.imageshack.us/img267/883/extranavbar.jpg

But i have still problem with this white border and i have no idea, how to make it black? any idea?

this my code for extra navbar...

<tr><td>
<!-- nav buttons bar -->
<!-- PAGENAV POPUP -->

    

<style type="text/css">
.adv{margin:0 auto;}
.adv td{padding:0;}
.adv a{padding:6px 0 3px;height:20px;display:block;text-align:center;text-decoration:none;background-color:#000000;color: white;}.adv a:hover{background-color:#000000;}.adv a span{display:none;}
</style>
<table class="tborder adv" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><tr>

<td class="alt1" width="11%">
<a href="http://sitelink.com">Your Link here?</a>

</td>

<td class="alt1" width="14%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="12%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="16%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="15%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="14%">
<a href="http://sitelink.com">Your Link here?</a></td>

<td class="alt1" width="18%">
<a href="http://sitelink.com">Your Link here?</a></td>

</tr>
</table>
</td></tr>

[maxell666]

please?

[RobbieZ]

What is your CSS table border colour ?


AdminCP>Styles & Templates> GO - scroll down till you find CSS Selector: .tborder

It looks like this



Right hand box is probably what is making your borders white.

[maxell666]

First, thank you for your help. After your sugestion, i change tb.border in admin panel. Here, how it looks now...

http://img688.imageshack.us/img688/1336/editk.jpg

But there was just small change on the extra navbar and there is still white border inside. Take a look (i made the photo bigger)...

http://img18.imageshack.us/img18/9205/extranav2.jpg

Any idea how to make it completely black?

[RobbieZ]

Here you go, dont know why I didnt spot it before.

.adv a{padding:6px 0 3px;height:20px;display:block;text-align:center;text-decoration:none;background-color:#000000;color: white;}.adv a:hover{background-color:#000000;}.adv a span{display:none;}

I was looking for hex, lol : Change the 'white' to 'black'

Lets see what that does. Maybe font colour , not sure.