View Full Version : Forum Home Enhancements - Extra Navbar
deadlySniper
07-01-2009, 10:00 PM
Extra Navbar - Can be used for advertising!
Preview:
https://vborg.vbsupport.ru/external/2009/07/50.png
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
deadlySniper
07-02-2009, 03:53 PM
Update: 2/6/10
This mod will work in vBulletin 4.x releases.
Daniel_HBK
07-02-2009, 03:57 PM
nice hack :) , i have one
deadlySniper
07-02-2009, 04:02 PM
Hehe, thanks. :)
Huy Ho?ng
07-03-2009, 02:29 PM
good job.... :D
deadlySniper
07-03-2009, 03:20 PM
Thank you for clicking install. :)
concepts
07-03-2009, 04:04 PM
I added it in my header template.. thought it looks better above it to make more important links stand out! This is a nice MOD!!! INSTALLED* thankyou. it allowed me to remove a CMPS Navigation block that was taking up space!
deadlySniper
07-03-2009, 04:08 PM
Oh sweet, and No Problem.
VonDoom
07-04-2009, 12:07 AM
This is a great mod. I also positioned mine in the header template. it looks great and is pretty customizable. *Click Installed* and considering it such an easy hack Nominated.
Sceen cap:
https://vborg.vbsupport.ru/external/2009/07/76.jpg
deadlySniper
07-04-2009, 03:11 PM
Wow, thanks for nominating & installing!
jkcerda
07-30-2009, 02:56 AM
cool
betts02
07-30-2009, 08:39 PM
many thanks for a great job and easy to do mod,clicked installed and nominated
jkcerda
08-02-2009, 03:39 AM
reserved
Cause4Chaos
08-05-2009, 05:05 PM
nice mod, just what I was looking for
Zaki Shafqat
08-06-2009, 01:41 PM
one question: how can i change the background colour of the table? i don't want the simple white? I want the background skin colour in this Navbar that i am using in other 2 :D
Thanks in advance
deadlySniper
08-24-2009, 02:10 AM
To get the background colour different. Look for the code with "background:{000000}".
sargatanas
08-25-2009, 09:29 AM
you can actually put more navbar right?
gearspro
09-04-2009, 10:04 PM
you can actually put more navbar right?
You can use it for whatever you want, and yeah you add more cells.
Very nice! thank you!
Someone know how to create subnav with this menu? it would be really nice.
Thanks again! :up:
COL NIL SATIS
09-05-2009, 01:04 PM
where do i add this code?? i am very new to vbulletin...many thanks
COL NIL SATIS
09-05-2009, 01:56 PM
installed and clicked installed to..also nominated for this cool mod!!!
COL NIL SATIS
09-05-2009, 03:05 PM
One problem...the boxes have all come up but when i put a link into them they dont work??? any ideas guys??? i keep getting this message????
http://sitelink.com/
saying the url is broken???
Cause4Chaos
09-05-2009, 03:56 PM
installed, nice job
COL NIL SATIS
09-05-2009, 04:48 PM
sorted it now....this is a fantastic addition...!!!! brill work :)
gearspro
09-05-2009, 04:55 PM
Deadlysniper, i have a question.
Is it possible to remove the small gap between the navbar and the extra navbar?
yotsume
09-11-2009, 08:08 AM
Can you post examples of how to make each link into drop menus?
Thanks!
Wrams
09-13-2009, 11:37 AM
Works perfect. However I did change the hover affect and kept it white but still nice mod. ;)
To change the background colour go into where you placed the code and look for in that section background-color: #000000; and change it to what ever you want. I changed mine to #FFFFFF White. and also made it so it opens in a new blank page rather then taking the member away from my forums.
deadlySniper
02-07-2010, 02:07 AM
Sorry for the long responses, I had some family and personal issues I had to deal with. Please expect some new and updated releases from me.
Feanor_87
02-08-2010, 03:10 AM
Wow, great mod!! :)
Is there anyway to add drop-downs to it?
NukeOZ
02-08-2010, 09:44 AM
Great Mod, Thanks.
Just another ? is it easy to change the color of the text? Can it also be made Bold?:confused: At the Moment when i hover over the text turns red.
Please Ignore the above Questions as I should have guessed that to change the color of the text it has to be done in the main CCS of the template used.
For those that don't know where this is, go to admincp - styles - Main CCS ( in drop down menu) - then look at Body CCS ( first Block ) change the hover Link CCS to what ever color you desire. - SAVE.
Remember this will change all hover over links to the color you have chosen.
Anyway thanks again for a great Mod.:up:
Jaske
05-10-2010, 06:56 PM
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
05-10-2010, 10:39 PM
Wow, great mod!! :)
Is there anyway to add drop-downs to it?
x2
:D
maxell666
05-22-2010, 11:56 AM
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
05-27-2010, 03:26 PM
can someone please help me?
kjsmith84
05-27-2010, 03:29 PM
can someone please help me?
just use a html color code for each link
maxell666
05-28-2010, 02:53 PM
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
05-30-2010, 02:02 PM
please?
RobbieZ
05-30-2010, 06:34 PM
What is your CSS table border colour ?
AdminCP>Styles & Templates> GO - scroll down till you find CSS Selector: .tborder
It looks like this
https://vborg.vbsupport.ru/external/2010/05/13.jpg
Right hand box is probably what is making your borders white.
maxell666
05-30-2010, 07:23 PM
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
05-30-2010, 07:37 PM
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.
maxell666
05-30-2010, 07:43 PM
yes, it changed font color to black ;(
uff, do you have any other idea?
RobbieZ
05-30-2010, 07:52 PM
Ok lets add some more CSS attributes.
After white; add
border-color:#000000;border-style:none
It should look like this.
.adv a{padding:6px 0 3px;height:20px;display:block;text-align:center;text-decoration:none;background-color:#000000;color: white;border-color:#000000;border-style:none}.adv a:hover{background-color:#000000;}.adv a span{display:none;}
maxell666
05-30-2010, 07:59 PM
Unfortunately, there is absolutely no changes on my site after i added this two CSS attributes (plus i supose, you forgot about semicolon on the end, but in both versions - with and without it- no changes)
RobbieZ
05-30-2010, 08:01 PM
Can you link me to your site please or PM me :)
maxell666
05-30-2010, 08:08 PM
ok, i send you a PM
also i'm using this theme...
https://vborg.vbsupport.ru/showthread.php?t=214585
RobbieZ
05-30-2010, 08:23 PM
You see this post : https://vborg.vbsupport.ru/showpost.php?p=2045654&postcount=38
AdminCp>Styles & Templates>Pink> GO and then scroll down
You may have shown me the wrong picture from your default style.
maxell666
05-30-2010, 08:31 PM
After i saw, this is no solution i changed "Table Border" to old color, but....
Now i changed back and made everything black again in "Table Border in Admin Panel", you can now take a look and see on site how it looks...
http://img18.imageshack.us/img18/9205/extranav2.jpg
I don't know if you looking on right template, but you can also add "/index.php?styleid=3" to the link i gave you
RobbieZ
05-30-2010, 08:40 PM
Right, Ive got it.
Its your CSS tborder
https://vborg.vbsupport.ru/external/2010/05/11.jpg
Look how ive changed it to none.
maxell666
05-30-2010, 08:49 PM
hmm, i don't understand, what i'm doing wrong...
here is my Table Boder...
https://vborg.vbsupport.ru/external/2010/05/9.jpg
and here is how it looks on my forum...
https://vborg.vbsupport.ru/external/2010/05/10.jpg
RobbieZ
05-30-2010, 08:51 PM
Your editing the wrong style, goto your default and look at your other heading at the top in black.
Notice how the table border is now missing.
RobbieZ
05-30-2010, 08:56 PM
I just tried it on mine.
https://vborg.vbsupport.ru/external/2010/05/7.jpg
I also set the second cellspacing to 0
maxell666
05-30-2010, 08:56 PM
i do editing the right style (pink). In default style i'm using different code for "extra navbar" but i wasn't able to customize it
https://vborg.vbsupport.ru/external/2010/05/8.jpg
RobbieZ
05-30-2010, 09:09 PM
I dont know whats wrong.
This is with the code copied straight onto my forum from the coder.
https://vborg.vbsupport.ru/external/2010/05/5.jpg
This is it with the CSS tborder set to none.
https://vborg.vbsupport.ru/external/2010/05/6.jpg
And now with cellspacing set to 0
https://vborg.vbsupport.ru/external/2010/05/7.jpg
RobbieZ
05-30-2010, 09:12 PM
Ive got an idea.
Remove the class tborder.
<table class="adv" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><tr>
maxell666
05-30-2010, 09:15 PM
i know it's weird
after i removed
<table class="tborder adv" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><tr>
it messed whole site, take a look
https://vborg.vbsupport.ru/external/2010/05/4.jpg
RobbieZ
05-30-2010, 09:17 PM
No.
Just tborder (remove the red)
<table class="tborder adv" cellpadding="6" cellspacing="1" border="0" width="100%" align="center"><tr>
maxell666
05-30-2010, 09:22 PM
ups, sorry ;)
https://vborg.vbsupport.ru/external/2010/05/3.jpg
maxell666
05-30-2010, 09:30 PM
i also set cellspacing to 0
https://vborg.vbsupport.ru/external/2010/05/2.jpg
RobbieZ
05-30-2010, 09:39 PM
I cant help you without logging onto your board sorry.
maxell666
05-30-2010, 09:40 PM
ok, thank you for everything, i will try to figure this out by myself
Terrenceowns
06-14-2010, 11:47 AM
How do you change the color of the text?
thanks for the mod works great
lucky_j1
06-29-2010, 08:50 AM
many thanks for this nice share
Chance4Today
08-22-2010, 09:41 PM
:up: Thanks
Scyther
07-03-2011, 12:32 PM
cool addition...marked installed.
ricardoNJ
04-18-2012, 06:32 PM
testing...
nafaa
04-18-2012, 09:46 PM
Very nice! thank you! :up:
wolfsblut01
08-20-2013, 09:09 AM
klasse, danke dir.
geht aber auch mit images
<td class="alt1" width="10%">
<a href="http://teraquodarcade.de/index.php"><img src="./images/XXXX/startseite.png" >Startseite</a>
:)
ozzy47
09-09-2013, 11:13 PM
klasse, danke dir.
geht aber auch mit images
<td class="alt1" width="10%">
<a href="http://teraquodarcade.de/index.php"><img src="./images/XXXX/startseite.png" >Startseite</a>
:)
Please keep posts in English.
aseapeople
02-06-2015, 02:49 PM
Installed at http://energeticforum.com works perfect. I changed the mouseover dark background to a simple underline.
webnsn
04-16-2021, 09:25 AM
Hi
I have installed
Here the Demo @ https://www.wikinewforum.com/forumdisplay.php?f=3
vBulletin® v3.8.12 by vBS, Copyright ©2000-2025, vBulletin Solutions Inc.