PDA

View Full Version : Forum Home Enhancements - UKBL ~ Quality Drop Down Menu System


Pages : [1] 2

UKBusinessLive
29 Jan 2009, 21:13
UKBL ~ Quality Drop Down Menu System

You wanted Drop down Menu's that were easy to install and edit, Well now you've got it

Live Demo

http://www.aboxcafe.com/index.php

http://www.wheelsbd.com/

Compatible with almost ALL Browsers.
https://www.vbulletin.org/forum/external/2009/02/32.gif

Hi Guys, i've had so many messages about My "Easy Menu Tabs" and when was i going to do Dropdown Tabs, Well i've listened and now i can happily add UKBL ~ Quality Drop Down menu's to our list of modifications.

This is just so easy to edit and install, as long as you feel confident with a few simple edits and uploading a graphics file to your images directory or even your photobucket account, if you don't want to mess about uploading to your server.

UKBL ~ Quality Drop Downs sit quite happily on top of your forums accessable from all pages of the forum

https://www.vbulletin.org/forum/external/2009/01/10.png

They look like any bog standard Menu Nav bar but when you hover the mouse over it you'll see the dropdowns, I've uploaded a test version to my forum, Take a look for yourselves http://www.ukbusinesslive.co.uk/forum

I've left the Top White Easy Men Bar in place also so you can compare both of them.

When you go over the menu bar the dropdowns should appear like in the picture below

https://www.vbulletin.org/forum/external/2009/01/11.png

See how the chosen links are highlighted ;)

So now we come to the installation stage.

Download the dropdown.zip file below and open the VBOrg_Menu.txt file in notepad or any other text editor, as we need to edit a few files.

The first one we need to edit is the url of our Graphic File, So to cut a long story short we'll upload our graphic file to our Photobucket account, or any other account or image directory on your server, So firstly find


/*"""""""" (MAIN) Container Edit Picture URL Here :-) """"""""*/
#qm0
{
padding:5px;
background-image:url(http://i475.photobucket.com/albums/rr114/ukbusinesslive/center_tile_blue.gif);
border-width:1px;
border-style:solid;
border-color:#eeeeee;
}



and this is the line we need to edit, so that it gives us a nice gradiant blue acdcross the menu bar

background-image:url(http://i475.photobucket.com/albums/rr114/ukbusinesslive/center_tile_blue.gif);



Just replace the url within the brackets ( ) and thats it :D

Then we go and do the menu edits, You don't want your members click on your forum menu and ending up on my site :erm: So what we need to do now is change the menu links for yours, It take about 15 min's but its not hard to do, so lets do it.....

First find where our menu starts, This will be right at the bottom of the code, The HTML part of this and the first bit we need to change starts from here...

<li><a class="qmparent" href="javascript:void(0)">MY CONTROL PANEL</a>

<ul>
<li><a href="http://www.ukbusinesslive.co.uk/forum/profile.php?do=editavatar" title="Edit Avatar">Edit Avatar</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/profile.php?do=editsignature" title="Edit Signature">Edit Signature</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/profile.php?do=editoptions" title="Edit Options">Edit Options</a></li>
<li><span class="qmdivider qmdividerx" ></span></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/subscription.php?do=viewsubscription" title="List Subscriptions">List Subscriptions</a></li>
</ul></li>




Basically each tab is made up of a block like what you see above, You have the Main Tab Description which looks like this

<li><a class="qmparent" href="javascript:void(0)">MY CONTROL PANEL</a>


and you have all the sub links underneath and they look like this...

<li><a href="http://www.ukbusinesslive.co.uk/forum/profile.php?do=editavatar" title="Edit Avatar">Edit Avatar</a></li>

and its this one which we need to edit, basically if you want to keep the same link, all you need to do is to chasnge my url http://www.ukbusinesslive.co.uk/forum to your forums URL, and thats it, your link should work for your site.

If you want to change the link altogether and put your own, then replace the full URL with one that you want and don't forget to edit the end part "Edit Avatar" as that is the title thats shown on the dropdown.

When you've finished all your editing, we need to upload this whole code to your Header Template of the Style that your Currantly using on your forum, So once you've saved your edited code, Just copy and paste directly to your Header, Go right to the end and click paste, save the template and thats it, The Graphic File which you need to upload to your server or image host is also in the zip file. :)

So easy and a great improvement to any VBulletin Forum

This is a Freebie for all you members on VB.org with my compliments

If anyone wants any custom menus made, Just PM me I'll help where i can, Just bear in mind a menu like this takes a good couple of hours or so, so a donation is more than welcomed :D

Oh almost Forgot guys,

If you like it, Please Click on Installed, as this really does motivate me to improving these hacks

UPDATE 09.02.09

Uploaded a New Zip File, Black Menu.Zip This is the same as this original except that its black for darker Websites and Forums, Instructions are the same as above, and comes complete with customised Graphics which will need to be uploaded to your /images/ directory.

https://www.vbulletin.org/forum/external/2009/02/100.png

UPDATE 23.02.09

For some of you Admins who prefer menu Buttons as opposed to a menu bar, i've made some buttons based on the above menu formate, You can install it by following the same instructions as the main install, Just upload the graphics and edit your menu links and thats it.

Experiment with the css to change colors width of boxes etc, Add more or as little as you want, the important thing is to have fun learning.

https://www.vbulletin.org/forum/external/2009/02/38.png

UPDATE: 26th April 2009

Centering the Menu so that it appears central

There has been much debate about trying to centralise the menu tabs, I didn't want to edit the code too much as this would make a mess of it in different browsers, However i've found that there is a way :D

The easiest way to center menu content is to place it inside of a center aligned table, as shown below:

<table cellpadding=0 cellspacing=0 align="center"><tr><td>

----[ your menu structure]----

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

This way the menu tabs will appear central in all browsers.

Hope this helps :up:



Enjoy :D

UKBusinessLive
29 Jan 2009, 21:14
:D Reserved :)

Wayne Luke
29 Jan 2009, 22:06
Does this take into account template hooks for the navbar?

UKBusinessLive
29 Jan 2009, 22:16
Does this take into account template hooks for the navbar?

Hi Wayne,

Not sure what you mean??? This dosn't change the Existing VB navbar, thats upto the member to decide if they want to disable it or not, this is totally independantly without much involvement with anything else :erm:

Its easy to install and can be used on the forum or any other site page ;)

KrU$ty
29 Jan 2009, 22:39
very nice work.

UKBusinessLive
29 Jan 2009, 22:48
very nice work.

Thanks Hope you enjoy it :D

Forum Lover
30 Jan 2009, 04:44
Ah!! as u said u gonna cook another one. :) going to play with it now, and will be back to click install.

MAK-upl
30 Jan 2009, 05:09
Ahhh my idea to make it :P You were faster UK :P Well... you've saved my time ;)
Again great work! :)

Allan
30 Jan 2009, 05:39
Original, click install ;)

UKBusinessLive
30 Jan 2009, 07:06
Ah!! as u said u gonna cook another one. :) going to play with it now, and will be back to click install.

Thanks, I knew you'd like it, :D Thanks again ;)

UKBusinessLive
30 Jan 2009, 07:06
Ahhh my idea to make it :P You were faster UK :P Well... you've saved my time ;)
Again great work! :)

You have to be quick Mak in this game ;) have Fun :up:

UKBusinessLive
30 Jan 2009, 07:08
Original, click install ;)

Thanks Allan, The basic's are there and its very easy to change and adapt :up:

PakFuse
30 Jan 2009, 10:13
Beautiful....

I will have to play around as I want to put it right under header before navbar...

A quick question... Will it be feasible to add little icons of your choice on left of the item... say... a camera next to images forum?

smsoom
30 Jan 2009, 10:45
Beautiful....

Iam using arabic fourum....so

How to transform the menu from left to right ?

KrU$ty
30 Jan 2009, 11:22
I replaced the navbar with this menu. Looks good. You can see it here (http://eveprovide.com/forum.php).

Leo Brazil
30 Jan 2009, 12:02
Looks great to me !! Installed.

Thank you

UKBusinessLive
30 Jan 2009, 15:44
I replaced the navbar with this menu. Looks good. You can see it here (http://eveprovide.com/forum.php).

Now that is well smart :D :up:

UKBusinessLive
30 Jan 2009, 15:46
Beautiful....

I will have to play around as I want to put it right under header before navbar...

A quick question... Will it be feasible to add little icons of your choice on left of the item... say... a camera next to images forum?

You can add a picture no problems, but make sure they are small enough, too big and it'll look odd.

Experiment and Enjoy are the keywords here :D

UKBusinessLive
30 Jan 2009, 15:49
Beautiful....

Iam using arabic fourum....so

How to transform the menu from left to right ?

That will require an alteration in the coding, I will be releasing this version shortly for our Arabic friends :)

PakFuse
30 Jan 2009, 17:34
You can add a picture no problems, but make sure they are small enough, too big and it'll look odd.

Experiment and Enjoy are the keywords here :D
Nice :D

can you guide me a bit on how to do it...? (I will have 16x16 images - much like emoticons)

Don't worry I am not a novice in Javascript etc. but not a pro as well... so would need a pointer or two :)

Thanks for the great work man.

UKBusinessLive
30 Jan 2009, 18:40
Nice :D

can you guide me a bit on how to do it...? (I will have 16x16 images - much like emoticons)

Don't worry I am not a novice in Javascript etc. but not a pro as well... so would need a pointer or two :)

Thanks for the great work man.

Hi PakFuse

The menu links are done in HTML, so they are very easy to edit with a basic knowledge of HTML.

I take it you want something like this??

https://www.vbulletin.org/forum/external/2009/01/8.png

All you need to do is to add this to the description part of the tab link, first find the Menu link that you want to add a picture to

<li><a href="http://www.ukbusinesslive.co.uk/forum/faq.php" title="Search F.A.Q">Search F.A.Q</a></li>


Then look at the end of the code where we see >Search F.A.Q </a>

and what we need to do is to add our code in between the > < but infront of the "Search FAQ

So this is the code were going to add

<img src="http://i475.photobucket.com/albums/rr114/ukbusinesslive/film.gif" border="0">


You can call a file from your servers image/misc directory or photbucket or another image host like i did and we need to copy that line of code directly in front of the Search F.A.Q but inside the two > < ;)

Like this


<li><a href="http://www.ukbusinesslive.co.uk/forum/faq.php" title="Search F.A.Q"><img src="http://i475.photobucket.com/albums/rr114/ukbusinesslive/film.gif" border="0">Search F.A.Q</a></li>
</ul></li>


If you do that with all your dropdowns then it should look quite cool.

Have Fun :D

KevinL
30 Jan 2009, 18:56
Does this take into account template hooks for the navbar?

if it took the place of the old navbar and had the hooks that would be massively cool!

Keep up the great work though!! :)

UKBusinessLive
30 Jan 2009, 19:00
if it took the place of the old navbar and had the hooks that would be massively cool!

Keep up the great work though!! :)

Thanks Kevin :D

Been wondering all day at work what Wayne meant by that, if i knew how the hooks worked on the VB Navbar then i would have a clearer picture, Perhaps i'll make that my Next Project ;)

watch this space :D

KevinL
30 Jan 2009, 19:07
Thanks Kevin :D

Been wondering all day at work what Wayne meant by that, if i knew how the hooks worked on the VB Navbar then i would have a clearer picture, Perhaps i'll make that my Next Project ;)

watch this space :D

I was thinking of adding the hooks on my navbar for my site...it's a little different then this as it uses js also so this is probably better :) I don't know how I would do it on mine.

This is should really just be a matter of adding the hooks where they belong. Like if you look at the default navbar that should give you a good idea. The only problem with that any product that gets added they just have to go in and change to use your markup instead of the default one. Sounds pretty cool actually :)

Can't wait to see what you come up with next ;)

PakFuse
30 Jan 2009, 21:44
Thanks UKBL :D

you rock :D

*Reserved for Now* But will be tweaking things before I click on Install... I definitely need this.....

PakFuse
30 Jan 2009, 23:37
OK.... please, help me understand what am I possibly doing wrong here :D

oops.. i mean to make :(

the only thing I did was to take out the background image option from the style :erm:


Please help

Everything is already "dropped down" lol... :D


PS: All Javascripts and other Codes are intact ... I only played with UL and LI codes..... :(

UKBusinessLive
31 Jan 2009, 00:22
OK.... please, help me understand what am I possibly doing wrong here :D

oops.. i mean to make :(

the only thing I did was to take out the background image option from the style :erm:


Please help

Everything is already "dropped down" lol... :D


PS: All Javascripts and other Codes are intact ... I only played with UL and LI codes..... :(


If you didn't want the blue gradiant along the bar all you had to do was not upload it or add it to the css part of the code, you shouldn't of deleted or changed anything, It looks like you've deleted a bit more of the css or javascript part of the coding.
Post here your code and i'll take a look :rolleyes:

PakFuse
31 Jan 2009, 00:47
actually weird :-s

I created a simple html local page and tested on computer locally... it seems to be working... posting them at the end of header is giving problem... I wonder why :(

UKBusinessLive
31 Jan 2009, 00:52
actually weird :-s

I created a simple html local page and tested on computer locally... it seems to be working... posting them at the end of header is giving problem... I wonder why :(

Not sure its working fine for me :eek: Are you using vba ???

PakFuse
31 Jan 2009, 00:56
No...

Vb 3.8.1...

I have another dropdown menu which is working but I do not wish to keep it using.... anything i need to add or delete, it takes a lot of efforts at too many places...

Your code is working fine when testing locally... I am just wondering why would it not work otherwise... I actually cut-copied-pasted the code from Header where it was not working into a notepad and saved as local html file and it worked....

UKBusinessLive
31 Jan 2009, 01:13
No...

Vb 3.8.1...

I have another dropdown menu which is working but I do not wish to keep it using.... anything i need to add or delete, it takes a lot of efforts at too many places...

Your code is working fine when testing locally... I am just wondering why would it not work otherwise... I actually cut-copied-pasted the code from Header where it was not working into a notepad and saved as local html file and it worked....

PM me your code and i'll take a look, Its probably not working because you've done something not right, Did it work ok before you added the images??

Send me that code because without it i can't help you :confused:

PakFuse
31 Jan 2009, 01:18
The code is too long.... I will PM you in two parts ...

mhackl
31 Jan 2009, 03:40
This is Quickmenu (http://www.opencube.com/index.asp). Same coding, there maybe a potential copyright issue here. I've been using this on my site (http://themodelhangar.com/forums/) for almost a year, but I had to pay $120 for mine.

KevinL
31 Jan 2009, 04:35
all it is is some css...how could there be a copyright issue? :confused:

You can get a $39 account now also..

UKBusinessLive
31 Jan 2009, 07:13
This is Quickmenu (http://www.opencube.com/index.asp). Same coding, there maybe a potential copyright issue here. I've been using this on my site (http://themodelhangar.com/forums/) for almost a year, but I had to pay $120 for mine.


I use this for all my dropdowns, just like a skin designer uses photoshop, I paid over $568 for this, for unlimited websites as i'm using this for a business venture.

No copyright issues involve, as when i create the menus to my clients design i'm the copyright holder :D

Unlimited Sites - A single user may create unlimited menus for an unlimited number of websites, without restriction. A single unlock code activates the software for any web site!

Nothing Hidden, Safe Commercial Licensing, QuickMenu does not use any behind the scenes hidden links or attempt to contact other servers to validate the purchased license. Copyright notices and text descriptions about OpenCube are not saved to your pages when publishing menus.

UKBusinessLive
31 Jan 2009, 07:15
all it is is some css...how could there be a copyright issue? :confused:

You can get a $39 account now also..

kevin, The $39 Account is Monthly :eek: plus a very basic account without all the add ons :eek:

Plus the Css and the Html is all the same as what you would find with a different program or even if you did it yourself, your right there, it uses the same strings, attributes, all the program does is allows you to design and produce the final outcome. Its a bit pricey, but there again so is photoshop, and how many people have paid for their version of photoshop that have designed skins in the styles forum ???

Can we please get back on topic now guys ;)

UKBusinessLive
31 Jan 2009, 07:35
The code is too long.... I will PM you in two parts ...

PakFuse,

I will look at your coding when i get back from work and edit it so that it works for you, from the bacic coode which i had in the Zip file what else have you added ot taken off the code, I know you added some images, thats one, anything else???

If you let me know we'll get this sort shortly :D

PakFuse
31 Jan 2009, 10:38
PakFuse,

I will look at your coding when i get back from work and edit it so that it works for you, from the bacic coode which i had in the Zip file what else have you added ot taken off the code, I know you added some images, thats one, anything else???

If you let me know we'll get this sort shortly :D

added only one image and ofcourse the menu items.... nothing else....

PakFuse
31 Jan 2009, 11:56
UKBL:

The problem is solved....

The issue was that when I was copy pasting the code from notepad into the header, it was inserting additional "white space" and lines in between menu codes etc.... I removed all the spaces and it is working like a charm....

It looks awesome :)

I am going to make them more visually appealing by adding my stuff :)

have a look :D

http://www.pakfuse.com/pf

UKBusinessLive
31 Jan 2009, 13:24
UKBL:

The problem is solved....

The issue was that when I was copy pasting the code from notepad into the header, it was inserting additional "white space" and lines in between menu codes etc.... I removed all the spaces and it is working like a charm....

It looks awesome :)

I am going to make them more visually appealing by adding my stuff :)

have a look :D

http://www.pakfuse.com/pf

I looked at the code you sent me via PM and it did look like a bit of a mess :erm:

I was going to do what you did, so i'm glad you managed to sort it out :D

Glad you enjoyed it :up:

lasto
31 Jan 2009, 18:05
Tried this on my test site and works fine.Is not hard to change the links to your own.
Thanks m8 will come in handy.

UKBusinessLive
31 Jan 2009, 18:09
Tried this on my test site and works fine.Is not hard to change the links to your own.
Thanks m8 will come in handy.

Thanks lasto

I try and make the instructions as easy as i can, Glad it works well for you ;)

UKBusinessLive
01 Feb 2009, 10:07
Quick Update

Ok guys just a quick update on browser support and and a few specs which i'm sure you'll be deleghted with...

The menu's are fully compatible with every one of the leading browsers,

https://www.vbulletin.org/forum/external/2009/02/32.gif

IE - v5: (Limited)
IE - v5.5,
IE - v6:
IE - v7:
IE - v8:
Firefox - All:
Mozilla - All:
Netscape - v6 & up:
Opera - v6 & Up:
Safari - All:
Goolge (Chrome):

The Code is 100% Pure CSS with optional JavaScript add-on's, now if your worried that a browser may have javascript disabled, fear not, as this is capable of functioning in browsers with their JavaScript disabled :eek:

The code is very easy to edit as its just pure CSS with each section identified, The menu links are simple HTML menu links and can have html mark up included, you won't get confused between the two.

For customised jobs and perhaps a different kind of menu, i can create a new one which will compliment your site, each one takes about 1 to 2 hours work, so a small donation would be appriacated ;) Just PM me and i'll help where i can.

Now everyone can have Top quality Dropdowns on their site :D

Sarthek
01 Feb 2009, 14:31
Wish v.b 4.0 would include something similar by default

UKBusinessLive
01 Feb 2009, 15:40
Wish v.b 4.0 would include something similar by default

:D It may do, you'll never know, would be great just to edit the menu bar from the admin cp :cool:

Until then, i'll help where i can :D

Vinyljunky
04 Feb 2009, 10:19
Nice work

Thanks

VJ

UKBusinessLive
04 Feb 2009, 18:36
Nice work

Thanks

VJ

Thanks, Let us know how you got on :)

Vinyljunky
05 Feb 2009, 10:52
Thanks, Let us know how you got on :)

Works well :) but some of the default options are invalid such as Last 24hrs ;)

Not a problem for me as Ive changed them but worth others checking their own installs :up:

UKBusinessLive
05 Feb 2009, 18:44
Works well :) but some of the default options are invalid such as Last 24hrs ;)

Not a problem for me as Ive changed them but worth others checking their own installs :up:
Sorry buddy, i was perhaps a little to keen to add loads :D, Perhaps members could change that for something else or even delete it.

I've seen your forum and it does look great, well done ;)

wAnBoA
08 Feb 2009, 06:59
I love it. Installed!

This is the site. http://www.aboxcafe.com/forums/index.php

Thanks UKBusinessLive

smsoom
08 Feb 2009, 10:29
it does look great,
I still waiting for the code to be in right side in my arabic forum,

UKBusinessLive
08 Feb 2009, 10:47
it does look great,
I still waiting for the code to be in right side in my arabic forum,

Hi Smsoom, I'm having a fe problems converting the code to right to left, The only way i can do it is by pushing the whole menu to the right, but then that would just mess up with different resolutions, I would be happy to hear if anyone has manged to do this with CSS menus
;)

katie hunter
08 Feb 2009, 16:35
Hi =)

I am so confused ;l what is the exact code that needs to paste ? are we pasting any additional css code as well?

I want to add a drop down menu under the "logout" what could would i past under the logout code ?

http://img232.imagevenue.com/img.php?image=11137_Capture_122_572lo.JPG

https://www.vbulletin.org/forum/external/2009/02/92.jpg (http://img232.imagevenue.com/img.php?image=11137_Capture_122_572lo.JPG)

i am using vb 3.7.5

UKBusinessLive
08 Feb 2009, 17:11
Hi =)

I am so confused ;l what is the exact code that needs to paste ? are we pasting any additional css code as well?

I want to add a drop down menu under the "logout" what could would i past under the logout code ?

http://img232.imagevenue.com/img.php?image=11137_Capture_122_572lo.JPG

https://www.vbulletin.org/forum/external/2009/02/92.jpg (http://img232.imagevenue.com/img.php?image=11137_Capture_122_572lo.JPG)

i am using vb 3.7.5

Hi Katie,

You downloaded the zip file?? Then expand it to your desktop, Use a text editor to open the .txt file and edit it to where you want your links to go, (Your site as opposed to mine)

then save :up:

Copy the whole code and just paste to the every end of your header template of the style your using.

If your still stuck, PM me your site details and i'll do it for you ;)

Tauhid
09 Feb 2009, 04:09
Hello,

I love this mod that you created. However, I am sort of a noob in making these background images the gif file (center_tile_blue.gif). I wanted to know if you could just help make me a simple gif for my website. It should match the theme of my website (http://www.wheelsbd.com/forum). I also wanted to know if this does work on vbadvanced, photopost gallery and photopost classifieds. I can understand it will work on the forum, so it should work on the gallery and the classifieds scripts since they pull the menu and anything over the vb navbar to those scripts. However, I am not sure if this will work in vbadvanced. Please do let me know if it works without any problems and if possible, just make a random center_tile_blue.gif file for me. I will appreciate it a lot.

UKBusinessLive
09 Feb 2009, 07:05
Hello,

I love this mod that you created. However, I am sort of a noob in making these background images the gif file (center_tile_blue.gif). I wanted to know if you could just help make me a simple gif for my website. It should match the theme of my website (http://www.wheelsbd.com/forum). I also wanted to know if this does work on vbadvanced, photopost gallery and photopost classifieds. I can understand it will work on the forum, so it should work on the gallery and the classifieds scripts since they pull the menu and anything over the vb navbar to those scripts. However, I am not sure if this will work in vbadvanced. Please do let me know if it works without any problems and if possible, just make a random center_tile_blue.gif file for me. I will appreciate it a lot.

What color do you want the menu bar and i'll do it for you when i get home from work ;)

Works on everything ;)

Tauhid
09 Feb 2009, 15:01
What color do you want the menu bar and i'll do it for you when i get home from work ;)

Works on everything ;)

Do you think black will look ok? The current navbar I have is black. I can go with the green colour being used in my forums skin as well. You can make it whichever colour you prefer for my skin. Thanks a lot though! and again, thanks for making such a brilliant mod!

UKBusinessLive
09 Feb 2009, 15:20
Do you think black will look ok? The current navbar I have is black. I can go with the green colour being used in my forums skin as well. You can make it whichever colour you prefer for my skin. Thanks a lot though! and again, thanks for making such a brilliant mod!

Sure i'll make a black one and upload it for you ;)

Tauhid
09 Feb 2009, 15:43
Sure i'll make a black one and upload it for you ;)

thank you very much...i will be waiting.:up:

UKBusinessLive
09 Feb 2009, 16:24
UPDATE 09.02.09

Uploaded a New Zip File, Black Menu.Zip This is the same as this original except that its black for darker Websites and Forums, Instructions are the same as above, and comes complete with customised Graphics which will need to be uploaded to your /images/ directory.

https://www.vbulletin.org/forum/external/2009/02/100.png

Enjoy :D

Tauhid
09 Feb 2009, 16:48
you are the best! I will reply back with my sites link with the menu setup once I am done.

UKBusinessLive
09 Feb 2009, 16:51
you are the best! I will reply back with my sites link with the menu setup once I am done.

Thanks, You can replace the yellow with your sites Green, Its just that i didn't get much time to copy your hex colors.

You've got a great site, hope the menu's work for you

Don't forget to click installed if your happy ;)

Take care

;)

Tauhid
09 Feb 2009, 19:39
thanks for this great hack, my members are absolutely loving it. no complaints so far. even in the cell phone, this seems like a better navigation system. I would recommend vbulletin to adapt this feature in the near future for their default menus. love it!

UKBusinessLive
09 Feb 2009, 21:55
thanks for this great hack, my members are absolutely loving it. no complaints so far. even in the cell phone, this seems like a better navigation system. I would recommend vbulletin to adapt this feature in the near future for their default menus. love it!

Thanks :D It does look great on your site, have added your site to my demo list on the first post. Thanks ;)

Powlo
10 Feb 2009, 19:29
Installed

I would recommend this to anyone that wants to add a dropdown menu, its dead easy to use and pure genius how it works.

Great work UKBL! :up:

UKBusinessLive
10 Feb 2009, 19:56
Installed

I would recommend this to anyone that wants to add a dropdown menu, its dead easy to use and pure genius how it works.

Great work UKBL! :up:

Thanks Powlo,

Glad you enjoyed it ;)

Powlo
11 Feb 2009, 17:14
One thing though... How can i center the tabs on the page? They are currently left justified which looks great on a 100% width style but not so great if its a fixed width style with a full width header.

Hope that made sense.

UKBusinessLive
11 Feb 2009, 17:43
One thing though... How can i center the tabs on the page? They are currently left justified which looks great on a 100% width style but not so great if its a fixed width style with a full width header.

Hope that made sense.

Its best not to center the tabs as thios will mess up on different screen resolutions, I did a menu for a guy who wanted his tabs centrered and in Firefox he was showing two rows of tabs.

I will tell you how to do it but you need to tell me which one your using the blue or the black, then you can test it yourself ;)

Powlo
11 Feb 2009, 19:05
It was the blue that ive used. Thanks UKBL

a marked man 70
13 Feb 2009, 18:32
i am using the black one and i must say it is a brilliant hack.

but i would also like to know how to center the tabs as when you look at my site, www.uwclan.co.uk (http://www.uwclan.co.uk), you can see a space on the right hand side. if i put another tab in there to attempt to fill the space on the right, it goes on a new line underneath on the left hand side, under the first one.

so i would like to get it so the spacing on either sid of the first and last tab is the same.
many thanks

UKBusinessLive
13 Feb 2009, 20:02
i am using the black one and i must say it is a brilliant hack.

but i would also like to know how to center the tabs as when you look at my site, www.uwclan.co.uk (http://www.uwclan.co.uk), you can see a space on the right hand side. if i put another tab in there to attempt to fill the space on the right, it goes on a new line underneath on the left hand side, under the first one.

so i would like to get it so the spacing on either sid of the first and last tab is the same.
many thanks

Thanks

You will need to edit the Padding in the CSS part of the code, Try changing in steps of 10px, Not sure which one it woiuld be without looking at the code, but a quick way would be to do a printout of the code you have and go through the css and change the padding dimensions, ifit don't work change it back.

The reason i don't do them central is the fact that if someone is viewing with a differnt resolution, then it will throw the menus out, likewise in a different browser.

The way they are made makes them fully compatible with all browsers and resolutions and fully validated, by editing you could lose one or more of those.

Just take it easy, do what you think you would be happy with ;)

SashaCPF
14 Feb 2009, 15:21
Excellent add-on! :up:

I'm getting only one "complaint" from my members though. They would like to reduce the "hang time". I have to admit it is currently annoying me a bit as well. Moving the cursor over the tabs triggers the drop down menu (which is great!) but then the menu "hangs" for a few seconds longer once the cursor is moved away. Any way to adjust the code so the drop down menu goes away as soon as the cursor is moved off of it? I know... it seems petty and truly, I am already almost used to it but some of my members can't seem to get past it.

Thanks in advance :)

UKBusinessLive
14 Feb 2009, 16:09
Excellent add-on! :up:

I'm getting only one "complaint" from my members though. They would like to reduce the "hang time". I have to admit it is currently annoying me a bit as well. Moving the cursor over the tabs triggers the drop down menu (which is great!) but then the menu "hangs" for a few seconds longer once the cursor is moved away. Any way to adjust the code so the drop down menu goes away as soon as the cursor is moved off of it? I know... it seems petty and truly, I am already almost used to it but some of my members can't seem to get past it.

Thanks in advance :)

Hi SashaCPF

Thanks for the kind words, i understand that perhaps member may get a bit funny about the menu delay but depending on how complicated menus can be i've set the default speed at half a sec (500 millisec's) you can adjust this at the end of the menu code

<!-- Create Menu Settings: (Menu ID, Is Vertical, Show Timer, Hide Timer, On Click (options: 'all' * 'all-always-open' * 'main' * 'lev2'), Right to Left, Horizontal Subs, Flush Left, Flush Top) -->
<script type="text/javascript">qm_create(0,false,0,500,false,false,false,false,false);</script>



Just change the red 500 for 200 or even 100, that will make it quicker, let me know how you got on ;)

Remember, Lets keep them Members happy :D

Have a Great Weekend ;)

SashaCPF
14 Feb 2009, 16:44
SWEET!! :up: :D Adjusted to 100 and even *I* am happy now!!! :D

Thanks MUCH!! :D

UKBusinessLive
14 Feb 2009, 16:58
SWEET!! :up: :D Adjusted to 100 and even *I* am happy now!!! :D

Thanks MUCH!! :D

No worries buddy, Now the whole world can be happy :D

wAnBoA
19 Feb 2009, 09:56
Thanks UKBusinessLive~ I adjusted to 0.
It's awesome now. XD

UKBusinessLive
19 Feb 2009, 18:39
Thanks UKBusinessLive~ I adjusted to 0.
It's awesome now. XD

Nice one :up:

UKBusinessLive
19 Feb 2009, 18:42
Just made Some Tags for my Spanish friends :D

95190

The Zip file is added below, and its the same color as your forum ;)

Coleccromos
20 Feb 2009, 11:00
Just made Some Tags for my Spanish friends :D

95190

The Zip file is added below, and its the same color as your forum ;)


Thanks for everything and I got it running Garry ;)

theparentpack
21 Feb 2009, 05:18
I don't see the Firefox logo in the list of browsers, is it compatible?

UKBusinessLive
21 Feb 2009, 07:34
I don't see the Firefox logo in the list of browsers, is it compatible?

Sure, Thanks for the Heads up i'll have to add that :eek:

A super quick way to view if the menus are compatible is to download the code, Open the code in notepad or similar and then click Save as and save it as Menu.html to your desktop

You'll then be able to click on that, using whatever browser you want to check compatibility

Easy ;)

Skyrider
21 Feb 2009, 12:06
Very nice, I love it! But is there any way this can replace the navbar, but not completely? Here's a small example. (check attachment).. The only issue with of what I tried is that it completely streched the whole page.

UKBusinessLive
21 Feb 2009, 12:24
Very nice, I love it! But is there any way this can replace the navbar, but not completely? Here's a small example. (check attachment).. The only issue with of what I tried is that it completely streched the whole page.

Hi,

I'm not sure what you mean, I guess if you added all the navbar items that you can onto it you could remove those links from the navbar and just keep the plain navbar on show ??

I'm not 100 percent sure as i've not looked at it as a replacement for the navbar, But experiment by all means

What did you mean that it streched the whole page??? did it make the page wider than it was???

A working link might help us to help you ;)

Skyrider
21 Feb 2009, 12:48
The link is http://forum.esforces.com , once registered you can change the theme to "ESF Style (OLD VERSION)". Or once registered, simple use http://forum.esforces.com/?styleid=1 .. The reason why you have to log in is then you will see the issues. But yes, I wish it to replace the whole navbar menu, but only the menu part.. The username as shown on the screenshot should stick around. I also have noticed that I removed the quick login by overwriting everything in the navbar.

What I wish to do is the following:

USERNAME:
YOUR MENU <- replacing the navbar.
THE FORUMS

Once logged out, it should showing something else ^_^.

As I noticed your menu sticks around while logged out. I don't think this should happen? Any possible way to change the menu depending in what usergroup you are or being logged out? So it shows other links?

UKBusinessLive
21 Feb 2009, 17:25
The link is http://forum.esforces.com , once registered you can change the theme to "ESF Style (OLD VERSION)". Or once registered, simple use http://forum.esforces.com/?styleid=1 .. The reason why you have to log in is then you will see the issues. But yes, I wish it to replace the whole navbar menu, but only the menu part.. The username as shown on the screenshot should stick around. I also have noticed that I removed the quick login by overwriting everything in the navbar.

What I wish to do is the following:

USERNAME:
YOUR MENU <- replacing the navbar.
THE FORUMS

Once logged out, it should showing something else ^_^.

As I noticed your menu sticks around while logged out. I don't think this should happen? Any possible way to change the menu depending in what usergroup you are or being logged out? So it shows other links?

You can use conditionals around individual menu tabs ;)

ErrorLog
22 Feb 2009, 11:16
Nice work :)

UKBusinessLive
22 Feb 2009, 11:25
Nice work :)


Thanks ;)

Dagothar
23 Feb 2009, 03:53
Hail, UKBusinessLive!

I want to use your great work, highly impressed by the results others have gotten :D, and in fact did. BUT I ended up with a mess, with all the dropdowns permanently hanging open. :eek:

I'm using FireFox 3.1 Beta 2, but the result is also the same with IE7.

I followed your instructions, modified your code, uploaded the images, correctly referenced them, and pasted the whole text at the end of the header Template in vBulletin 3.8.1. I am also using vBAdvanced CMPS.

A screenshot and the code in header that produced it are attached.

What happened?? Could you please point out what I'm doing wrong?? :erm:

I sure appreciate your help. :)

UKBusinessLive
23 Feb 2009, 06:42
Hail, UKBusinessLive!

I want to use your great work, highly impressed by the results others have gotten :D, and in fact did. BUT I ended up with a mess, with all the dropdowns permanently hanging open. :eek:

I'm using FireFox 3.1 Beta 2, but the result is also the same with IE7.

I followed your instructions, modified your code, uploaded the images, correctly referenced them, and pasted the whole text at the end of the header Template in vBulletin 3.8.1. I am also using vBAdvanced CMPS.

A screenshot and the code in header that produced it are attached.

What happened?? Could you please point out what I'm doing wrong?? :erm:

I sure appreciate your help. :)

Wow it its a mess :eek:

Best thing you can do is to

Write down wgat menus tabs you need and their sub menu's don't forget their urls and PM me those detail and i'll take a look when i get back home from work.

In the mean time, Delete what you've done, and have a go uploading the file as it is and tell me if that works.

Thanks ;)

Dagothar
23 Feb 2009, 10:16
ACK! :o

I figured it out...

When I copied/pasted the text from the edited text file--using Notepad with word wrap on--it entered an extra CR/LF on all your nice code lines.... I figured that out when I reread the text file I'd attached.

erp... :o:o:o

It now works fine, having turned off word wrap, copied, and pasted...

I see that someone else had that problem.

You may want to add a bit to your instructions.... Maybe something like this...

Once you've made all your edits to the text file, ensure word wrap in your text editor is turned off so no extra CRs creep in, then copy all your edits, and paste them to the very end of the header template in vBulletin.Sorry for wasting your time! :rolleyes:

And thanks again for the great help you've given us all for making our boards much more functional. Enjoy that beer money. :D

************* Edit ***********
Thanks again. Here're the results. I'm about to abandon the original Header navbar completely! :D
The Sentinels (http://www.the-sentinels.net/forum/index.php)

UKBusinessLive
23 Feb 2009, 18:23
ACK! :o

I figured it out...

When I copied/pasted the text from the edited text file--using Notepad with word wrap on--it entered an extra CR/LF on all your nice code lines.... I figured that out when I reread the text file I'd attached.

erp... :o:o:o

It now works fine, having turned off word wrap, copied, and pasted...

I see that someone else had that problem.

You may want to add a bit to your instructions.... Maybe something like this...

Sorry for wasting your time! :rolleyes:

And thanks again for the great help you've given us all for making our boards much more functional. Enjoy that beer money. :D

Well thank you Sir, firstly i'm glad you managed to sort the problem out, Just got in from work just now so its been a long day for me :o, I'll add that about the word wrap to the first post shortly ;)

Secondly, Thanks for the donation :eek::D, It was a nice suprise this morning when i read my emails, makes these hacks and the support all worth while. So thanks for that.

:D

UKBusinessLive
23 Feb 2009, 20:40
UPDATE 23.02.09

For some of you Admins who prefer menu Buttons as opposed to a menu bar, i've made some buttons based on the above menu format, You can install it by following the same instructions as the main install, Just upload the graphics and edit your menu links and thats it.

Experiment with the css to change colors width of boxes etc, Add more or as little as you want, the important thing is to have fun learning.

https://www.vbulletin.org/forum/external/2009/02/38.png

As always, post here if you want help i'll help where i can :D

The Zip file is in the Download section in the first post ;)

Enjoy :D

PeterXP
23 Feb 2009, 21:31
Installed!

This is the site: http://www.fuzzy-village.de and http://forum.ahfd.org

Thanks UKBusinessLive

UKBusinessLive
23 Feb 2009, 22:04
Installed!

This is the site: http://www.fuzzy-village.de and http://forum.ahfd.org

Thanks UKBusinessLive

Hi PeterXP.

Your menu's look brilliant, but i'm suprised to see that you have a menu link to ModCP and AdminCP on view to guests and non registered :eek: if you leave them on show people will try and guess.

https://www.vbulletin.org/forum/external/2013/03/12.png


This can't be secure so you'll need to add a conditional around that menu link like this


<if condition="is_member_of($bbuserinfo, x, x, )">

where x and x is your usergroup ID for Amin and Mods

Don't forget to add the end statement at the end

</if>


Look below at the example

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="javascript:void(0)">PRIVATE MESSAGES</a>

<ul style="width:165px;">
<if condition="is_member_of($bbuserinfo, x, x, )">
<li><a href="http://www.ukbusinesslive.co.uk/forum/Admincp.php" title="List Messages">AdminCP</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/Modcp.php?do=newpm" title="Send New Message">ModCP</a></li>
</if>
<li><a href="http://www.ukbusinesslive.co.uk/forum/private.php?do=trackpm" title="Track Messages">Track Messages</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/private.php?do=editfolders" title="Edit Folders">Edit Folders</a></li>
</ul></li>

Once again a smashing improvement, Well done

PeterXP
24 Feb 2009, 00:05
Thanks for your note, have changed :eek:

Xencored
24 Feb 2009, 01:04
Very Nice mate installed Thanks you ROCK!

UKBusinessLive
24 Feb 2009, 01:41
Very Nice mate installed Thanks you ROCK!

Thank You Sir :)

wAnBoA
24 Feb 2009, 07:09
Nice another update. :>
I have a question. Will such menu actually slow down the forum?
At the moment, my forum is a little laggy.
And i'm not sure what caused it. Maybe i have too many mods installed.

NetRover
24 Feb 2009, 15:10
Hi there, this looks good but I have stuggled a little playing with the examples.

I was trying to create nested lists so I get popouts like one of the examples.

When going to a main menu can the very first item in the list have a popout with it?

In the example when I copied settings and options that has a popout to be the very first item in the menu everything went wrong on the rest of the menu.

Validation broke too.

i hope i've made sense what I was trying to do. :)

UKBusinessLive
24 Feb 2009, 18:16
Nice another update. :>
I have a question. Will such menu actually slow down the forum?
At the moment, my forum is a little laggy.
And i'm not sure what caused it. Maybe i have too many mods installed.

The menu's don't slow your system down at all, so not sure what the problem could be?? :confused:

UKBusinessLive
24 Feb 2009, 18:18
Hi there, this looks good but I have stuggled a little playing with the examples.

I was trying to create nested lists so I get popouts like one of the examples.

When going to a main menu can the very first item in the list have a popout with it?

In the example when I copied settings and options that has a popout to be the very first item in the menu everything went wrong on the rest of the menu.

Validation broke too.

i hope i've made sense what I was trying to do. :)

Do you mean another menu block from the first dropdown block ??

kronnos
24 Feb 2009, 20:06
Can I use this mod to just to create dropdowns for the meanu I already have instead of creating a new menu style? Also, in the area(when logged in) whenre it shows number of PMs you recieved to have a drop down there too. Like here.. http://www.forumcoding.com

UKBusinessLive
24 Feb 2009, 20:38
Can I use this mod to just to create dropdowns for the meanu I already have instead of creating a new menu style? Also, in the area(when logged in) whenre it shows number of PMs you recieved to have a drop down there too. Like here.. http://www.forumcoding.com

You could try and use parts of the code however having said that i can't really advise on other menu's structures. :erm:

kronnos
24 Feb 2009, 21:00
You could try and use parts of the code however having said that i can't really advise on other menu's structures. :erm:

Will see what i can do with it but for me, it would be enough if I could atleast get it to work like here on VB.org, where you can click on user cp and see a list of options.

Thanks

UKBusinessLive
24 Feb 2009, 21:20
Will see what i can do with it but for me, it would be enough if I could atleast get it to work like here on VB.org, where you can click on user cp and see a list of options.

Thanks

You can do most of that with my menu ;) Good luck either way :up:

K4GAP
26 Feb 2009, 06:46
I replaced the navbar with this menu. Looks good. You can see it here (http://eveprovide.com/forum.php).

Nice work!

Xencored
27 Feb 2009, 07:59
Sup dude is there anyway i can center the text on the bar so there is a equal space at both ends

Cheers

UKBusinessLive
27 Feb 2009, 13:38
Sup dude is there anyway i can center the text on the bar so there is a equal space at both ends

Cheers

Hi Mike

Apologies for not getting back to you sooner, Internet problems :mad:

Anyway sorted now :D

You can actually adjust the padding at the begining of the css to make the tabs wider, But as for centering the whole menu i wouldn't advise to it as different resolutions will give a distorted menu bar and possibly a menu bar to top of another.

Without changing the padding at css level your guaranteed to have the menu OK on ALL Browsers, Change the padding and you may find problems.

;)

Legendery.
27 Feb 2009, 21:52
thanks bro.
great share...

Xencored
28 Feb 2009, 04:18
Hi Mike

Apologies for not getting back to you sooner, Internet problems :mad:

Anyway sorted now :D

You can actually adjust the padding at the begining of the css to make the tabs wider, But as for centering the whole menu i wouldn't advise to it as different resolutions will give a distorted menu bar and possibly a menu bar to top of another.

Without changing the padding at css level your guaranteed to have the menu OK on ALL Browsers, Change the padding and you may find problems.

;)

Yo bro if i was off to try to center it any idea where i would start ive seen some have done it fine

Cheers

lowey
28 Feb 2009, 12:06
Yo bro if i was off to try to center it any idea where i would start ive seen some have done it fineAlso interested in this, because I don't have the same number of items shown to guests and padding therefore doesn't help a lot.;)

Anyway, incredible stylish mod. Thanks a lot!

UKBusinessLive
28 Feb 2009, 18:28
Also interested in this, because I don't have the same number of items shown to guests and padding therefore doesn't help a lot.;)

Anyway, incredible stylish mod. Thanks a lot!

I cannot give instructions to center the menu bar as this will mess up the css and will appear distorted when viewing with other browsers, Feel free to do as you wish but i can't explain something that i can't guarantee. I hope you understand where i'm coming from ;)

Xencored
01 Mar 2009, 10:43
You can actually adjust the padding at the begining of the css to make the tabs wider


Sorry mate i cant find this my skills in CCS sucks if you have time fancy showing me the bit i need to change

Cheers

UKBusinessLive
01 Mar 2009, 11:55
Sorry mate i cant find this my skills in CCS sucks if you have time fancy showing me the bit i need to change

Cheers

Will have a look for you mike, ;)

Xencored
01 Mar 2009, 12:01
Will have a look for you mike, ;)

Thanks mate your a star ;)

brvheart
10 Mar 2009, 03:13
never mind read the post above

UKBusinessLive
10 Mar 2009, 08:20
Sorry mate i cant find this my skills in CCS sucks if you have time fancy showing me the bit i need to change

Cheers

The only way you can make the tabs central is by extending them the full width of your forums

https://www.vbulletin.org/forum/external/2010/01/29.png

you need to find this in the CSS

/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:3px 60px 3px 3px;
margin:0px 60px 0px 0px;
background-color:transparent;
color:#aaaaaa;
font-family:Arial;
font-size:11px;
text-decoration:none;
border-width:0px 1px 0px 0px;
border-style:solid;
border-color:#aaaaaa;

and change the padding and margin (in Red) to a higher value.

The only problem you have then is that it will be set to your resolution, people with other screen resolutions will just see a mess, or the menu bars on two rows.

i did state before the reson its coded like it is, is that it will work in all resolutions and in All Browsers, Changing the above will create problems when viewing, thats why i don't recommend it.

Thanks ;)

theparentpack
10 Mar 2009, 09:14
I love this hack, I actually replaced my navbar, after adding this to the header. Thanks for this one!

How can I add a link to mark forums read? Trying to replace the old navigation bar.

Is there a way to add a different drop down menu to one of my additional CMPS pages?

The Is there any way to make one of the sections just a button/link and not a drop down menu? If so, how?

How can I make certain links open in a new window?

Also, I love the color of the bar, but is there any way to change just the color of the actually drop down menus?

theparentpack
10 Mar 2009, 09:19
So is there a way for us to adjust our forums, as opposed to the MOD, so that this is centered and our forums do not require scrolling on any resolution monitor?

The only way you can make the tabs central is by extending them the full width of your forums

https://www.vbulletin.org/forum/external/2010/01/29.png

you need to find this in the CSS

/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:3px 60px 3px 3px;
margin:0px 60px 0px 0px;
background-color:transparent;
color:#aaaaaa;
font-family:Arial;
font-size:11px;
text-decoration:none;
border-width:0px 1px 0px 0px;
border-style:solid;
border-color:#aaaaaa;

and change the padding and margin (in Red) to a higher value.

The only problem you have then is that it will be set to your resolution, people with other screen resolutions will just see a mess, or the menu bars on two rows.

i did state before the reson its coded like it is, is that it will work in all resolutions and in All Browsers, Changing the above will create problems when viewing, thats why i don't recommend it.

Thanks ;)

UKBusinessLive
10 Mar 2009, 17:01
I love this hack, I actually replaced my navbar, after adding this to the header. Thanks for this one!

How can I add a link to mark forums read? Trying to replace the old navigation bar.

Is there a way to add a different drop down menu to one of my additional CMPS pages?

The Is there any way to make one of the sections just a button/link and not a drop down menu? If so, how?

How can I make certain links open in a new window?

Also, I love the color of the bar, but is there any way to change just the color of the actually drop down menus?


Hi

All those points have been covered already, I will answer them below...

I love the color of the bar, but is there any way to change just the color of the actually drop down menus?

The first half of the code is the css, You can change different colors by simply changing the hex numbers - background-color:#000000;

there are serveral hex number referances in the css, that do different parts of the menu, Change the ones you need.

/* UKBL ~ Menu 0 */

/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:auto;
padding:5px 50px;
margin:0px;
background-color:#000000;
background-image:url(qmimages/gradient_16.gif);
border-width:1px;
border-style:solid;
border-color:#000000;
}


/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:3px 30px 3px 3px;
margin:0px 20px 0px 0px;
background-color:transparent;
color:#aaaaaa;
font-family:Arial;
font-size:11px;
text-decoration:none;
border-width:0px 1px 0px 0px;
border-style:solid;
border-color:#aaaaaa;
}


/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
color:#ffffff;
border-color:#ffcc33;
}


/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 li:hover>a
{
color:#ffffff;
border-color:#ffcc33;
}


/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
color:#ffffff;
border-color:#ffcc33;
}


/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:15px;
background-color:#000000;
border-width:1px;
border-style:solid;
border-color:#ffcc33;
}


/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:3px 20px 3px 5px;
margin:0px;
color:#cccccc;
border-width:0px;
border-color:#ffcc33;
}


/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
color:#ffcc33;
text-decoration:underline;
}


/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a
{
color:#ffcc33;
text-decoration:underline;
}


/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
color:#ffcc33;
text-decoration:underline;
}


/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
margin:2px 5px 5px;
color:#f6f6f6;
font-family:Arial;
font-size:11px;
font-weight:bold;
}


/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 5px;
border-color:#aaaaaa;
}


/*"""""""" Custom Rule""""""""*/
ul#qm0 li .qmparent
{
background-image:url(http://www.ukbusinesslive.co.uk/forum/images/arrow_14.gif);
background-repeat:no-repeat;
background-position:90% 50%;

How can I make certain links open in a new window?

Below is a link from a Menu Structure

<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php" title="My Calender">My Calender</a></li>

To get the link to open in a new browser window, what you do is add the target="_blank" attribute to your link tag, like this in your Menu Links area

<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php" target="_blank" title="My Calender">My Calender</a></li>

https://www.vbulletin.org/forum/external/2010/01/30.png

Is there a way to add a different drop down menu to one of my additional CMPS pages?

Not sure what you mean by this? If your saying that you want to add a second different menu altogether then you can if you add it to the CMPS header, If you want simply to add a further menu item or new tab, then you simply copy a menu block from the code and paste it underneath the last menu block in the code, Below is a menublock you can use, just edit the links to your requirements

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="javascript:void(0);">CALENDER</a>

<ul>
<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php" title="My Calender">My Calender</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php?do=add&type=single&c=1" title="Add Single Event">Add Single Event</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php?do=add&c=1" title="Ranged Event">Ranged Event</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php?do=add&type=recur&c=1" title="Recurring Event ">Recurring Event </a></li>
</ul></li>

The Is there any way to make one of the sections just a button/link and not a drop down menu? If so, how?

if you simply want a button/link without dropdowns then just get the first part of the code

[CODE]<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="javascript:void(0);">CALENDER</a>

Delete the menu dropdown links below it, thats all these..

<ul>
<li><a href="http://www.ukbusinesslive.co.uk/forum/search.php?searchid=167" title="Todays Post">Todays Post</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/search.php?do=getnew" title="New Post">New Post</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/search.php?searchid=167" title="Post Last 24 Hrs">Post Last 24 Hrs</a></li>
<li><a href="javascript:void(0);">New Item</a></li>
</ul></li>

and then you need to add your link to the menu tab so from this

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="javascript:void(0);">CALENDER</a>

you need to add your url here (In Red)

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="YOUR_URL.COM">TAB_NAME_HERE</a>

How can I add a link to mark forums read? Trying to replace the old navigation bar.

To make a link that when people press it will make all forums read, you'll need to add a url like this to the menu

http://yourforum.com/forumdisplay.php?do=markread

don't forget to change yourforum.com to the name of your own forum ;-)

I hope thats answered your questions,

;-)

UKBusinessLive
10 Mar 2009, 19:19
So is there a way for us to adjust our forums, as opposed to the MOD, so that this is centered and our forums do not require scrolling on any resolution monitor?

I doubt it, But someone may come up with it :)

theparentpack
10 Mar 2009, 20:17
Thanks, you rock! I am learning!


Hi

All those points have been covered already, I will answer them below...

I love the color of the bar, but is there any way to change just the color of the actually drop down menus?

The first half of the code is the css, You can change different colors by simply changing the hex numbers - background-color:#000000;

there are serveral hex number referances in the css, that do different parts of the menu, Change the ones you need.

/* UKBL ~ Menu 0 */

/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:auto;
padding:5px 50px;
margin:0px;
background-color:#000000;
background-image:url(qmimages/gradient_16.gif);
border-width:1px;
border-style:solid;
border-color:#000000;
}


/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:3px 30px 3px 3px;
margin:0px 20px 0px 0px;
background-color:transparent;
color:#aaaaaa;
font-family:Arial;
font-size:11px;
text-decoration:none;
border-width:0px 1px 0px 0px;
border-style:solid;
border-color:#aaaaaa;
}


/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
color:#ffffff;
border-color:#ffcc33;
}


/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 li:hover>a
{
color:#ffffff;
border-color:#ffcc33;
}


/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
color:#ffffff;
border-color:#ffcc33;
}


/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:15px;
background-color:#000000;
border-width:1px;
border-style:solid;
border-color:#ffcc33;
}


/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:3px 20px 3px 5px;
margin:0px;
color:#cccccc;
border-width:0px;
border-color:#ffcc33;
}


/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
color:#ffcc33;
text-decoration:underline;
}


/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a
{
color:#ffcc33;
text-decoration:underline;
}


/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
color:#ffcc33;
text-decoration:underline;
}


/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
margin:2px 5px 5px;
color:#f6f6f6;
font-family:Arial;
font-size:11px;
font-weight:bold;
}


/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:1px;
margin:4px 5px;
border-color:#aaaaaa;
}


/*"""""""" Custom Rule""""""""*/
ul#qm0 li .qmparent
{
background-image:url(http://www.ukbusinesslive.co.uk/forum/images/arrow_14.gif);
background-repeat:no-repeat;
background-position:90% 50%;

How can I make certain links open in a new window?

Below is a link from a Menu Structure

<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php" title="My Calender">My Calender</a></li>

To get the link to open in a new browser window, what you do is add the target="_blank" attribute to your link tag, like this in your Menu Links area

<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php" target="_blank" title="My Calender">My Calender</a></li>

https://www.vbulletin.org/forum/external/2010/01/30.png

Is there a way to add a different drop down menu to one of my additional CMPS pages?

Not sure what you mean by this? If your saying that you want to add a second different menu altogether then you can if you add it to the CMPS header, If you want simply to add a further menu item or new tab, then you simply copy a menu block from the code and paste it underneath the last menu block in the code, Below is a menublock you can use, just edit the links to your requirements

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="javascript:void(0);">CALENDER</a>

<ul>
<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php" title="My Calender">My Calender</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php?do=add&type=single&c=1" title="Add Single Event">Add Single Event</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php?do=add&c=1" title="Ranged Event">Ranged Event</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/calendar.php?do=add&type=recur&c=1" title="Recurring Event ">Recurring Event </a></li>
</ul></li>

The Is there any way to make one of the sections just a button/link and not a drop down menu? If so, how?

if you simply want a button/link without dropdowns then just get the first part of the code

[CODE]<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="javascript:void(0);">CALENDER</a>

Delete the menu dropdown links below it, thats all these..

<ul>
<li><a href="http://www.ukbusinesslive.co.uk/forum/search.php?searchid=167" title="Todays Post">Todays Post</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/search.php?do=getnew" title="New Post">New Post</a></li>
<li><a href="http://www.ukbusinesslive.co.uk/forum/search.php?searchid=167" title="Post Last 24 Hrs">Post Last 24 Hrs</a></li>
<li><a href="javascript:void(0);">New Item</a></li>
</ul></li>

and then you need to add your link to the menu tab so from this

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="javascript:void(0);">CALENDER</a>

you need to add your url here (In Red)

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="YOUR_URL.COM">TAB_NAME_HERE</a>

How can I add a link to mark forums read? Trying to replace the old navigation bar.

To make a link that when people press it will make all forums read, you'll need to add a url like this to the menu

http://yourforum.com/forumdisplay.php?do=markread

don't forget to change yourforum.com to the name of your own forum ;-)

I hope thats answered your questions,

;-)

UKBusinessLive
10 Mar 2009, 20:23
Thanks, you rock! I am learning!

:D No worries, give me a shout if you get stuck :up:

fukdawrld
15 Mar 2009, 04:52
I love this..thank you.


If anyone finds out a way to center the menu please PM me.

fukdawrld
15 Mar 2009, 10:39
On this site : http://www.aboxcafe.com/index.php

They have where there are sub menus that roll off to the right. How would I achieve this?

UKBusinessLive
15 Mar 2009, 11:29
On this site : http://www.aboxcafe.com/index.php

They have where there are sub menus that roll off to the right. How would I achieve this?

Say for example here is your menu block

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/index.php">FORUMS</a>

<ul>

<li><a href="http://www.aboxcafe.com/forums/announcement.php?f=2" title="Forum Rules & Guidelines">Forum Rules & Guidelines</a></li>
<li><a href="http://www.aboxcafe.com/forums/forumdisplay.php?f=2" title="Announcements and News">Announcements and News</a></li>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/forumdisplay.php?f=189" title="AB Awards Ceremony">◊ <IMG SRC="http://img.photobucket.com/albums/v643/wanboa/16mpgn.gif" BORDER=0 NAME=""> AB Awards Ceremony</a>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/forumdisplay.php?f=5" title="Contests and Events">◊ Contests and Events</a>
<ul>

What we need to do is to add a new sub menu to the dropdowns and we do this like this (Shown in Red)

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/index.php">FORUMS</a>

<ul>

<li><a href="http://www.aboxcafe.com/forums/announcement.php?f=2" title="Forum Rules & Guidelines">Forum Rules & Guidelines</a></li>
<li><a href="http://www.aboxcafe.com/forums/forumdisplay.php?f=2" title="Announcements and News">Announcements and News</a></li>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/forumdisplay.php?f=189" title="AB Awards Ceremony">◊ <IMG SRC="http://img.photobucket.com/albums/v643/wanboa/16mpgn.gif" BORDER=0 NAME=""> AB Awards Ceremony</a>
<ul>
<li><a href="http://www.aboxcafe.com/forums/awards.php" title="Award Panel">• Award Panel</a></li>
</ul> </li>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/forumdisplay.php?f=5" title="Contests and Events">◊ Contests and Events</a>
<ul>

basically its the addition of a new <ul> Tag (In Blue) on the menu line which you want to break off, Don't forget to add the end tag too ;) </ul>

Hope that helps ;)

fukdawrld
15 Mar 2009, 12:05
Got it..thanks a bunch.

UKCE_Hitman
15 Mar 2009, 21:40
Installed thanks

UKBusinessLive
16 Mar 2009, 00:29
Installed thanks

Thanks Don't forget to click installed ;)

Redzzand
16 Mar 2009, 14:46
Installed & Nominated!!

Coleccromos
16 Mar 2009, 23:20
Copy the code for the VBOrg_menu1 and VBOrg_menu2 not display the menus.

Where can be the problem?

UKBusinessLive
17 Mar 2009, 00:59
Copy the code for the VBOrg_menu1 and VBOrg_menu2 not display the menus.

Where can be the problem?


Are you trying to do a sub menu off a sub menu ? Like this

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/index.php">FORUMS</a>

<ul>

<li><a href="http://www.aboxcafe.com/forums/announcement.php?f=2" title="Forum Rules & Guidelines">Forum Rules & Guidelines</a></li>
<li><a href="http://www.aboxcafe.com/forums/forumdisplay.php?f=2" title="Announcements and News">Announcements and News</a></li>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/forumdisplay.php?f=189" title="AB Awards Ceremony">◊ <IMG SRC="http://img.photobucket.com/albums/v643/wanboa/16mpgn.gif" BORDER=0 NAME=""> AB Awards Ceremony</a>
<ul>
<li><a href="http://www.aboxcafe.com/forums/awards.php" title="Award Panel">• Award Panel</a></li>
</ul> </li>
<li><a class="qmparent" href="http://www.aboxcafe.com/forums/forumdisplay.php?f=5" title="Contests and Events">◊ Contests and Events</a>
<ul>

Coleccromos
17 Mar 2009, 02:29
Sorry friend, was putting the wrong code.

Clik intall and nominate.


Thanks for your time

UKBusinessLive
17 Mar 2009, 08:08
Sorry friend, was putting the wrong code.

Clik intall and nominate.


Thanks for your time

:D Your Welcome :up:

Theater
19 Mar 2009, 12:46
Absolutely brilliant! Thank you for this. :)

It even works with the Addon Chat (http://www.vbulletin.org/forum/showthread.php?t=179346) links which is awesome since I couldn't ever get it to work properly on my vBadvanced page.

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="addonchat.php">CHAT ROOM ($addonchat[user_count])</a>

<ul>
<li><a href="addonchat.php" title="Enter Chat Room">Enter Chat Room</a></li>
<li><a href="#" onClick="window.open('addonchat.php?$session[sessionurl]do=popup', 'addonchat', 'width=$addonchat[width_float],height=$addonchat[height_float],statusbar=no,scrollbars=no,toolbar=no,menubar=no,resizable=yes'); return false">Enter Chat Room (Float)</a></li>
<li><span class="qmdivider qmdividerx" ></span></li>
<li><a href="addonchat_who.php" title="View who is chatting right now">Who's Chatting?</a></li>
</ul></li>

Theater
19 Mar 2009, 16:04
Hmmm, has anyone had any luck getting a quick search form to work with the menu? Then I can just clip off my Navbar buttons and be set with this baby. :)

UKBusinessLive
19 Mar 2009, 19:32
Hmmm, has anyone had any luck getting a quick search form to work with the menu? Then I can just clip off my Navbar buttons and be set with this baby. :)

Glad your happy Theater, I've not seen it working with the quick search form as yet but i guess folk are looking into it ;)


Would be a great addition if someone can get it working :up:

fukdawrld
28 Mar 2009, 03:36
I have 2 questions. First is there anyway to add images to the area that drops down? See the picture below to see where i'm speaking about.

https://www.vbulletin.org/forum/external/2009/03/3.png



Is there a way to make the menu open up when clicked on instead of when you mouse over it?

theparentpack
04 Apr 2009, 11:47
I want to get rid of the existing navbar completely, but want my other links to work such as my Unread Posts. What coding do I need to remove so it only removes the links strip in my navbar, and not affect the other links? I look forward to your answer.;)

ArnyVee
04 Apr 2009, 20:51
Added this and works great! :up:

Now, just need to work with the CSS to match my site colors. Gerry, you did it again with a great mod for our community! :D


Oh....how do we turn off our navigation bar?

Edited: Found answer here .... http://www.vbulletin.org/forum/showthread.php?t=179238&

ArnyVee
05 Apr 2009, 01:33
How do I get my vBadvanced working with the same menu? I'm sure it's easy, but just haven't found where to edit. ;)

t.uzuner
05 Apr 2009, 22:22
good job but very adulterated. i want this modification to xml

ArnyVee
09 Apr 2009, 02:53
Anyone know where to adjust the 'padding' between the links on the main menu portion? They are a little too spread out so it breaks on smaller resolutions. :(

Any ideas?

theparentpack
09 Apr 2009, 05:08
I have this installed and have removed the vB navbar completely. Now when I have any notifications other than private messages I cannot click on the Your Notifications link. Also, I cannot do a search when in the Member List. When I try to click on either one it does nothing at all. Any way to correct this issue?

ArnyVee
09 Apr 2009, 23:32
I have this installed and have removed the vB navbar completely. Now when I have any notifications other than private messages I cannot click on the Your Notifications link. Also, I cannot do a search when in the Member List. When I try to click on either one it does nothing at all. Any way to correct this issue?

Same issue here :(

But, if I find the answer I'll share it here. So, please let me know if you find the answer as well.

I have a feeling it has to do with something that is coded into the navigation bar that the dropdown information is listed into. I haven't had a chance to look at it, but if you find out, please share! :D

Theater
10 Apr 2009, 00:11
The navbar template contains more than just the navigational links. If you wipe it completely out you're also removing the Notice condition and more; like the Ad Location call for the ad_navbar_below template for example.

You'll need to use some basic coding search skills to see where what you want to remove begins and where it ends. For example if you just want to take off the bar below the breadcrumb navigation and login/member box, you would look at the template code and find:

<!-- nav buttons bar -->then search down and find:

<!-- / nav buttons bar -->

..and snip out everything between.

I would recommend reverting your navbar template back to default. Copy the code to Notepad so you can have a better view of the whole template, snip out carefully what you don't want, and paste in what's left into the template in the AdminCP page and Save.

* Theater takes the twitchy bunny and flees...

ArnyVee
10 Apr 2009, 03:01
Thanks Theater. We had the answer about removing the navbar (correctly) using this thread's info....

http://www.vbulletin.org/forum/showthread.php?t=179238&

....but, we are now looking to reclaim the "lost" function of the link working on the private messages within the login box. Any idea as to how we can get that back and working?

Theater
10 Apr 2009, 04:20
By chance do you have this line:

<if condition="$show['popups']">

..right before this here still?

<!-- PAGENAV POPUP -->


PM me your navbar template and I'll have a look if you want.

ArnyVee
10 Apr 2009, 04:46
By chance do you have this line:

<if condition="$show['popups']">

..right before this here still?

<!-- PAGENAV POPUP -->


PM me your navbar template and I'll have a look if you want.

Yes, those show up in the navbar template.

PM sent with template. Thanks for your help! :D

Theater
10 Apr 2009, 05:07
I narrowed it down to this code you're missing:

<if condition="$show['member'] AND $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
$notifications_menubits
</table>
</div>
<!-- / notifications menu -->
</if>

Entire template with it:

<br />

<!-- breadcrumb, login, pm info -->
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="altbg" width="100%">
&nbsp;
</td>
<!--<UKBL Iframe Ticker Start>----------------------------------------------------------------------->

<td class="altbgcolor">
<div align="right">
<!--For full source code and more DHTML scripts, visit http://www.dynamicdrive.com-->
<!--This credit MUST stay intact for use-->
<iframe id="tickermain" src="http://waltdisneyboards.com/exfile.htm" width=200 height=90 marginwidth=0 marginheight=0 hspace=0 vspace=0 frameborder=0 scrolling=no></iframe>
</DIV>
</td>
<!--<UKBL Iframe Ticker End>----------------------------------------------------------------------->
<td class="altbgcolor">
<a href="http://www.waltdisneyboards.com/external.php?type=rss2"><img src="http://www.waltdisneyboards.com/images/misc/feed-icon.gif" border="0" alt="WDB News Feed" />
<if condition="$show['member']">
<td class="altbgcolor" nowrap="nowrap">
<div class="smallfont">
<strong><phrase 1="$bbuserinfo[username]" 2="member.php?$session[sessionurl]u=$bbuserinfo[userid]">$vbphrase[welcome_x_link_y]</phrase></strong><br />
<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>

<if condition="$show['notifications'] AND $show['popups']">
<div><span id="notifications"><a href="usercp.php$session[sessionurl_q]">$vbphrase[your_notifications]:</a> <strong>$notifications_total</strong></span></div>
<script type="text/javascript"> vBmenu.register("notifications"); </script>
<else /><if condition="$show['pmstats']">
<div><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></div>
</if></if>

<if condition="$show['pmwarning']"><div><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></div></if>
<if condition="$show['navbar_credits']">
<div>$vbphrase[credits]</a>: <strong><span id="navbar_credits">$GLOBALS[navbar_credits]</span></strong> [<a href="credits.php?$session[sessionurl]do=banking">$vbphrase[check]</a>]<if condition="$show['credits_purchase']"> [<a href="credits.php?$session[sessionurl]do=manage#purchase">$vbphrase[purchase]</a>]</if></div>
</if>
</div>
</td>
<else />
<td class="altbgcolor" nowrap="nowrap" style="padding:0px">
<!-- login form -->
<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
<tr>
<td class="smallfont" style="white-space: nowrap;"><label for="navbar_username">$vbphrase[username]</label></td>
<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
<td class="smallfont" nowrap="nowrap"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" checked="checked" />$vbphrase[remember_me]</label></td>
</tr>
<tr>
<td class="smallfont"><label for="navbar_password">$vbphrase[password]</label></td>
<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
</tr>
</table>
<input type="hidden" name="s" value="$session[sessionhash]" />
<input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" />
<input type="hidden" name="do" value="login" />
<input type="hidden" name="vb_login_md5password" />
<input type="hidden" name="vb_login_md5password_utf" />
</form>
<!-- / login form -->
</if>
</tr>
</table>
<!-- / breadcrumb, login, pm info -->

<br />
$vbnews_ticker
<br />
<if condition="$show['notices']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="thead">$vbphrase[notices]</td>
</tr>
<tr>
<td class="alt1">$notices</td>
</tr>
</table>
<br />
</if>

<if condition="$show['forumdesc']">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="alt1" width="100%"><strong>$foruminfo[title]</strong> <span class="smallfont">$foruminfo[description]</span></td>
</tr>
</table>
<br />
</if>

<if condition="$show['popups']">

<!-- 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">$vbphrase[go_to_page]</td>
</tr>
<tr>
<td class="vbmenu_option" title="nohilite">
<form action="$vboptions[forumhome].php" 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="$vbphrase[go]" />
</form>
</td>
</tr>
</table>
</div>
<!-- / PAGENAV POPUP -->
</if>

<if condition="$show['member'] AND $notifications_total">
<!-- notifications menu -->
<div class="vbmenu_popup" id="notifications_menu" style="display:none">
<table cellpadding="4" cellspacing="1" border="0">
<tr><td class="thead" colspan="2">$vbphrase[your_notifications]</td></tr>
$notifications_menubits
</table>
</div>
<!-- / notifications menu -->
</if>

$ad_location[ad_navbar_below]
$welcomeheaders

Try that out on your board. :)

ArnyVee
10 Apr 2009, 05:11
Thanks Theater! Worked perfectly! :up:

Well, I still am having issues with the vBAdvanced though. Gotta get some help there because the header or the navbar don't seem to be working like they are on all other pages. :confused:

ArnyVee
10 Apr 2009, 12:59
I just noticed that the "Who's Online" shows folks at an "unknown location" and showing as the link to the center_tile_blue.gif image for this mod.

Anyone noticed that as well? How do we fix that so that it shows correctly on the Who's Online page?

Habtopia
13 Apr 2009, 20:37
I dont know if you like to see how your work is used but ill supply a link anyway

http://www.habtopia.co.uk/forum/

Thats how i used the menu you provided the only issue i have is the 1px margin on the left i dont know whats causing this at all :(

Many thanks

Also i put it in the header template so it shows on all pages

dekaybrown
15 Apr 2009, 16:08
I just got done editing and installed this!

Way Fab mate!! BRILL!!!!

Works like a champ, Love it.

KUDOS & Cheers.

dealcafe
16 Apr 2009, 03:01
I love love this. It was exactly what I was looking for. I really would like it to be where the nav bar is though and I have tried removing the existing <!-- nav buttons bar --> code etc and putting the code in there, which shows up but then the javascript is disabled it shows # instead. Is there a idiots version for how to do that?:erm:

dekaybrown
16 Apr 2009, 06:18
I have a slight problem, the background does not show up, tried it on multiple URL, nothing.

Went to a CSS instructional site, followed all directions, nada.

theparentpack
16 Apr 2009, 10:26
Looks like I removed too much. That fixed it, thanks so much!

The navbar template contains more than just the navigational links. If you wipe it completely out you're also removing the Notice condition and more; like the Ad Location call for the ad_navbar_below template for example.

You'll need to use some basic coding search skills to see where what you want to remove begins and where it ends. For example if you just want to take off the bar below the breadcrumb navigation and login/member box, you would look at the template code and find:

<!-- nav buttons bar -->then search down and find:

<!-- / nav buttons bar -->

..and snip out everything between.

I would recommend reverting your navbar template back to default. Copy the code to Notepad so you can have a better view of the whole template, snip out carefully what you don't want, and paste in what's left into the template in the AdminCP page and Save.

* Theater takes the twitchy bunny and flees...

dekaybrown
16 Apr 2009, 16:43
OK so just exactly how do I get to the navbar to edit it???

Would love to tinker with the navbar, but cannot seem to access it???

TheLastSuperman
16 Apr 2009, 17:17
OK so just exactly how do I get to the navbar to edit it???

Would love to tinker with the navbar, but cannot seem to access it???

AdminCP --> Styles & Templates --> (Choose the Style) --> Navigation & Breadcrumb Templates --> Navbar

NOW, copy the original & paste into notepad++ before you start, if any problems paste over your modified template for the fix.

IF you have vboptimise installed and the option to flush cache beofre changes show up then flush the cache to show the changes, then refresh your other page w/ your forum on it to see any changes.

S-MAN

dekaybrown
18 Apr 2009, 04:38
Still confused?

https://www.vbulletin.org/forum/

columbusgeek
18 Apr 2009, 21:10
Some people should not be even attempting to run a website/forum. Eish.

Anyhow, thanks for the writeup UKBusiness. It would be nice if it used vBulletin hooks, but given enough time and tweaking it works well.

Just out of curiosity, why did you choose to use full urls in your code?

you used <a href="http://yourpersonalwebsite.com/forum/images/image.gif">

Wouldn't <a href="/forum/images/image.gif">

Make it a bit easier for users via less editing to do? Also if somebody moves domains or changes things too much they have to redo all their links.

Just curious.

TheLastSuperman
18 Apr 2009, 21:35
Still confused?

http://www.thamnophis.us/temp/nav.gif

Style Manager :D

Then choose the style

Now click the drop down box and hit edit templates ;) then follow my original instructions regarding navigation & breadcrumb and so on.

When you've had a look there open your forum home page and view the source code... see how the navbar area of the code (near the top) kind of matches the template? Well that's where it is coming from :D - Check it out.

Now after your done there back up a step or two and use the drop down box when you see the styles listed to say main css (instead of edit templates) and hit "go" then google a css info site and see what the definitions mean and you can edit your styles colors, borders and so on.

S-MAN

dekaybrown
18 Apr 2009, 22:18
Thank you so much, Man I have been spending a lot of time familiarizing myself with everything this program has to offer.

WOOT WOOT! yeah, I finally found it!

BTW - I like the fact there is no VB hooks, Anyone can paste this awesome menu to the top of any web page! Great stuff.

Sorry if I wasn't just born with vast knowledge, nor went to any special schools for this, I'm learning on the fly here, and with 7000 posts in just over six weeks, the forum kicks butt!.

TheLastSuperman
19 Apr 2009, 06:03
Thank you so much, Man I have been spending a lot of time familiarizing myself with everything this program has to offer.

WOOT WOOT! yeah, I finally found it!

BTW - I like the fact there is no VB hooks, Anyone can paste this awesome menu to the top of any web page! Great stuff.

Sorry if I wasn't just born with vast knowledge, nor went to any special schools for this, I'm learning on the fly here, and with 7000 posts in just over six weeks, the forum kicks butt!.

Just keep experimenting! UK is one of the nicest ones on here so he will love to read all of this but always remember to make copies before you start :D.

Il Pompa
20 Apr 2009, 21:16
Excuse me, but how can I get the menu at the center of the page? I tried several times without success? Default is left:(

Another question: Is it possible to set the background of the menu transparent? It would be fantastic:)

ArnyVee
20 Apr 2009, 23:52
Il Pompa, you might want to check earlier in the thread because someone did get the information as to how to center it. I seem to recall that it caused problems on fixed vs fluid sites or something. But, search in the earlier pages of this thread.

Your second question would be to create a small transparent image in the same size of the blue.gif and simply upload that image rather than the blue.gif and it should do the trick for you. Good luck! :up:

Il Pompa
21 Apr 2009, 17:58
Il Pompa, you might want to check earlier in the thread because someone did get the information as to how to center it. I seem to recall that it caused problems on fixed vs fluid sites or something. But, search in the earlier pages of this thread.

Your second question would be to create a small transparent image in the same size of the blue.gif and simply upload that image rather than the blue.gif and it should do the trick for you. Good luck! :up:

Thank you very much. As you said, seems to center the menu create some problems. Now I'll try to understand how to create transparency :):up:

Excuse me but where is blue.gif? I've installed "Dropdown" menu :(

ArnyVee
21 Apr 2009, 22:59
In the /*"""""""" (MAIN) Container Edit Picture URL Here :-) """"""""*/ section of the instructions above look for.....

"background-image:url(http : //i475.photobucket.com/albums/rr114/ukbusinesslive/center_tile_blue.gif"

....you would then upload the transparent image in place of it.

UKBusinessLive
26 Apr 2009, 11:15
UPDATE: 26th April 2009

Centering the Menu so that it appears central

There has been much debate about trying to centralise the menu tabs, I didn't want to edit the code too much as this would make a mess of it in different browsers, However i've found that there is a way :D

The easiest way to center menu content is to place it inside of a center aligned table, as shown below:

<table cellpadding=0 cellspacing=0 align="center"><tr><td>

----[ your menu structure]----

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

This way the menu tabs will appear central in all browsers.

Hope this helps :up:

UKBusinessLive
26 Apr 2009, 12:10
UK is one of the nicest ones on here so he will love to read all of this :D.

oh i do, i do ;)

:D

ArnyVee
26 Apr 2009, 13:15
Gerry, Gerry, Gerry! :D

Good to see you on here. ;)

UKBusinessLive
26 Apr 2009, 13:24
Gerry, Gerry, Gerry! :D

Good to see you on here. ;)

Thanks Buddy,

Just been taking a bit of time out, Recharging Batteries, work etc...

Hopefully i'll get my mind round to creating some more improvements :D

Bigj85
28 Apr 2009, 04:54
Thanks for the centering tip :)
I now have it centered and used an extra <td> on each side to fill out the leftover space.
Looks even better now,here's a pic
MY MENU (http://img261.imageshack.us/img261/8489/examplemenu.jpg)

Thanks UKB, great menu

UKBusinessLive
28 Apr 2009, 07:17
Thanks for the centering tip :)
I now have it centered and used an extra <td> on each side to fill out the leftover space.
Looks even better now,here's a pic
MY MENU (http://img261.imageshack.us/img261/8489/examplemenu.jpg)

Thanks UKB, great menu

Now thats a great menu ;) and nicely done :up::up:

ArnyVee
29 Apr 2009, 00:14
Gerry, I've been meaning to ask you something....how can I reduce the space/padding between the main menu areas? I want to reduce it to about half to space/padding that is in there now. I added the log-out button and on the smaller resolution screen it moves to another row instead of all fitting in. But, if I reduce all of the spaces, it should give it enough room to fit.

http://www.waltdisneyboards.com/forums.php

UKBusinessLive
29 Apr 2009, 02:12
Gerry, I've been meaning to ask you something....how can I reduce the space/padding between the main menu areas? I want to reduce it to about half to space/padding that is in there now. I added the log-out button and on the smaller resolution screen it moves to another row instead of all fitting in. But, if I reduce all of the spaces, it should give it enough room to fit.

http://www.waltdisneyboards.com/forums.php


Hi Arny, You need to reduce the padding in the css part of the code (Top end), Not sure which one, try them and see, if it don't work the revert back to the orignial.

I can't remember which one it was, but as its not many to chose from it shouldn't be a problem, let me know how you got on ;)

siddal
14 May 2009, 11:10
Lovely work, thank you, UKBL :)

http://davidbennett.dk/forum/graphics/Untitled-1.gif

ArnyVee
14 May 2009, 12:31
Nice work siddal! :up:

I'm still trying to figure out (only tried it once early on) to get the menu options to go to the right like that to display additional options. I'll have to go over the instructions again later. ;)

siddal
14 May 2009, 14:32
Thank you ArnyVee
Hereīs a chunk of the code Iīm using. Hope it makes sense.

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="javascript:void(0)">Main Heading</a>
<ul>
<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent"><img src="http://?????.gif" />&nbsp; Sub-Heading</a>
<ul>
<li><a href="http://www.xxxxx.com/" target="_blank">Link</a></li>
<li><a href="http://www.xxxxxxxx.com/1/en/home/" target="_blank">Link</a></li>
</ul>


<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent"><img src="http://?????.gif" />&nbsp; Sub-Heading</a>
<ul>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
</ul>

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent"><img src="http://?????.gif" />&nbsp; Sub-Heading</a>
<ul>

<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
</ul>

<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent"><img src="http://?????.gif" />&nbsp; Sub-Heading</a>
<ul>
<li><a class="qmparent"><img src="http://?????.gif" />&nbsp; Sub-Heading</a>
<ul>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
</ul>

<li><a class="qmparent"><img src="http://?????.gif" />&nbsp; Sub-Heading</a>
<ul>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
</ul>
</ul>
<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent"><img src="http://?????.gif" />&nbsp; Sub-Heading</a>
<ul>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>
<li><a href="http://www.xxxx.html" target="_blank">Link</a></li>

</ul></li>
<ul>
</ul>
</ul></li>

ArnyVee
16 May 2009, 03:48
Thanks for sharing Siddal! :up:

MoJo Smirnoff
26 May 2009, 00:12
followed instructions (black dropdown) and am getting 'Internet Explorer can not open the site" error. Remove the code and site is ok again. Did anyone get that error and if so, what was the resolution?

this seems to simple to mess up, but apparently I did!!

MoJo Smirnoff
26 May 2009, 00:22
ok, default code works on my site, will just edit it from there and see what happens lol

UKBusinessLive
26 May 2009, 07:08
ok, default code works on my site, will just edit it from there and see what happens lol

Without looking at your code i can't advise, Its not an error i've come accross, Let me know how your getting on ;)

You gotta admit, this is definately the fun part !! :eek:

shinng
26 May 2009, 11:16
not sure what i'm doing wrong, but there seems to be an issue with the way i uploaded onto my ftp client. i can load my forum just fine and the new menu is there, however, if i move my cursor over any part of the new menu, it goes to a blank screen. again, the forum loads fine and the new menu is there, but everytime i place a cursor over it, the screen goes blank. any idea what i am doing wrong?

MoJo Smirnoff
26 May 2009, 18:32
Without looking at your code i can't advise, Its not an error i've come accross, Let me know how your getting on ;)

You gotta admit, this is definately the fun part !! :eek:

oh it was an error in copying and pasting. I am all good now...i think! www.mojogamers.com is the site. Only 2 small issues i need to sort. One is when minimizing the site into a smaller window the tabs get all scrunched up and on multiple lines. The second is getting rid of that litte space between the top of the tabs and the bottom of my header image.

And yes, you are right. The fun part is getting it how you want it and figuring it all out. It's been a while since I have done anything on my board....apparently it's not exactly like riding a bike! :cool:

UKBusinessLive
26 May 2009, 19:23
oh it was an error in copying and pasting. I am all good now...i think! www.mojogamers.com is the site. Only 2 small issues i need to sort. One is when minimizing the site into a smaller window the tabs get all scrunched up and on multiple lines. The second is getting rid of that litte space between the top of the tabs and the bottom of my header image.

And yes, you are right. The fun part is getting it how you want it and figuring it all out. It's been a while since I have done anything on my board....apparently it's not exactly like riding a bike! :cool:

Well done Buddy :D Its fun all the way, But honestly alot of members ask why don't i do my mods as plugins - WHAT!! and spoil the fun :D The best part of adding a mod is doing the edits on the templates and seeing a great result on your forum.

That menu looks brilliant on your site, even you have to admit that your pretty chuffed with yourself ;)

MoJo Smirnoff
26 May 2009, 19:38
lol yes, I am! It's always more satisfying when you have to work a little to get it done. But..it's not 100% yet, got those 2 things to sort out and i will be FULLY content :D

UKBusinessLive
26 May 2009, 19:41
lol yes, I am! It's always more satisfying when you have to work a little to get it done. But..it's not 100% yet, got those 2 things to sort out and i will be FULLY content :D

Nice one, The little space which you refer to is the border around the menu bar, experiment with the css part of the code and reduce it down to 1 pixel or less, I don't think you can get rid of it completely. Not sure where it is off the top of my head, but its there, trust me ;)

The last issue "One is when minimizing the site into a smaller window the tabs get all scrunched up " May be a browser problem?? although i'm not 100% have you tried it in another browser to check?? I've not heard about this before, but i'll look into it for you ;)

EDIT: Just looked at your site and minimized the window and i see the menu tabs on top of each other, Thats OK its meant to do that, Its all part of the "fitting" the screen or menubar in whatever screen resolution you use. Its like when you add 20 or 30 tabs, they'll sit one under the other in a double row menu tab.

shinng
26 May 2009, 19:57
any help with my issue? spent hours trying to play around with it and it's still doing the same thing. so frustrating. although i'd love to implement this mod, i just might have to let go...

UKBusinessLive
26 May 2009, 20:09
any help with my issue? spent hours trying to play around with it and it's still doing the same thing. so frustrating. although i'd love to implement this mod, i just might have to let go...

Sorry Buddy, I got a bit carried away :eek:

PM a link to your forum and let me take a look, Hopefully we'll get it sorted :D;)

shinng
26 May 2009, 20:16
it's not in launch mode yet, but here it is:

http://www.sportsgatherings.com/forum

UKBusinessLive
26 May 2009, 20:56
it's not in launch mode yet, but here it is:

http://www.sportsgatherings.com/forumThanks

Will take a look tonight and perhaps tommorrow too, Bear with me ;):up:

shinng
26 May 2009, 21:02
i appreciate your help. i'll try not to touch the forum until you have a chance to take a look at the issue.

thanks

UKBusinessLive
26 May 2009, 21:21
i appreciate your help. i'll try not to touch the forum until you have a chance to take a look at the issue.

thanks

Thanks Buddy, I'll use the source code to pull the menu code out, just a quick question i've seen you changed the color hex in the tabs, was it work fine before??? when you first installed it??

I'll have a bit more time tommorrow night what i propose is that we'll upload the code as it is, and then we'll make the edits, work at it a step at a time and we'll get there in the end.

:D

shinng
26 May 2009, 22:09
Thanks Buddy, I'll use the source code to pull the menu code out, just a quick question i've seen you changed the color hex in the tabs, was it work fine before??? when you first installed it??

I'll have a bit more time tommorrow night what i propose is that we'll upload the code as it is, and then we'll make the edits, work at it a step at a time and we'll get there in the end.

:D

not sure what you mean, but the colors were working fine. i took out the blue color, but the main problem is that when anyone puts their mouse over any part of the drop down menu, it goes to a blank screen with the time and date. hopefully that answers your question. I must have messed something up with the graphic file or maybe it was the center alignment, but then again, i'm not familiar with this kind of stuff.

i'll check back regularly.

UKBusinessLive
26 May 2009, 22:54
It may be better if i just made you a new menu in the color you want, and you can just upload it to your site after you've edited the actual menu links, how does that sound ??;)

UKBusinessLive
26 May 2009, 23:50
not sure what you mean, but the colors were working fine. i took out the blue color, but the main problem is that when anyone puts their mouse over any part of the drop down menu, it goes to a blank screen with the time and date. hopefully that answers your question. I must have messed something up with the graphic file or maybe it was the center alignment, but then again, i'm not familiar with this kind of stuff.

i'll check back regularly.

Here you go buddy i've made a new white menu for you its in the zip file

https://www.vbulletin.org/forum/external/2009/05/20.png

Just change my menu links for yours and just upload it in place of the one you have, so you need to open the file in notepad and copy the entire file and add it to the end of your header template via the adminCP

if you get stuck give me a shout and i'll do it for you

;)

shinng
27 May 2009, 05:07
Here you go buddy i've made a new white menu for you its in the zip file

https://www.vbulletin.org/forum/external/2009/05/20.png

Just change my menu links for yours and just upload it in place of the one you have, so you need to open the file in notepad and copy the entire file and add it to the end of your header template via the adminCP

if you get stuck give me a shout and i'll do it for you

;)

i definitely appreciate you taking the time, but unfortunately it's doing the same thing. it shows up just fine, but when moving the mouse cursor over any part of the drop down menu, it goes to a blank screen with the time and date. i'll keep trying though...

shinng
27 May 2009, 05:13
btw i just left the menu links as yours. i really have no idea what is going on. it's the most annoying little thing.:confused:

shinng
27 May 2009, 05:54
okay, i don't know whether to cry or to jump up for joy, but i think i just solved the issue, but would you confirm by looking at my code?

i went into the style manager and literally took out about 10 white spaces and now it seems to be working, but again, this might be a fluke. let me know. thanks.

shinng
27 May 2009, 06:24
FINAL UPDATE: so it looks like i fixed whatever the hell i did. i literally took out about 10 white spaces and saved. next thing i know it's working. i think i got lucky, but if you can verify why that is the case, that would be great as i am still learning all this coding stuff.

now all i have to do is customize the drop down menu, but as of right now, i am loving the way it looks and works.
thanks.

installed.

UKBusinessLive
27 May 2009, 07:04
FINAL UPDATE: so it looks like i fixed whatever the hell i did. i literally took out about 10 white spaces and saved. next thing i know it's working. i think i got lucky, but if you can verify why that is the case, that would be great as i am still learning all this coding stuff.

now all i have to do is customize the drop down menu, but as of right now, i am loving the way it looks and works.
thanks.

installed.


Glad you managed to get it working :D

For any code to work be it HTML or Javascript it always pays to Keep the code clean and tidy, Having masses of white space and large gaps in any code won't do it justice. In fact i think if you look back in all the replies here someone else had the same problem ages ago.

I knew we'd get there in the end ;)

Infopro
27 May 2009, 15:28
Shouldn't http://www.opencube.com/ at least get a mention here? Using the online demo you can really see the tweaks available for use. Thanks UKBL for the menu idea, it's great. OpenCube does deserve some credit for this I think. That software is not free.

TheLastSuperman
27 May 2009, 16:04
Shouldn't http://www.opencube.com/ at least get a mention here? Using the online demo you can really see the tweaks available for use. Thanks UKBL for the menu idea, it's great. OpenCube does deserve some credit for this I think. That software is not free.

I'm sure if so it's just a slight oversight on UKBL's behalf unless after purchase you are allowed to use personally & commercially and then it would be allowed for him to do this as it is a single menu (or in this case several styles) but not the ACTUAL software that generates the codes. Use is determined by the softwares Terms of Service or Use and I bet UKBL is following those, I have known him since he started on here and he did not get as far as he has now by being mischevious ;).

S-MAN

UKBusinessLive
27 May 2009, 17:05
Shouldn't http://www.opencube.com/ at least get a mention here? Using the online demo you can really see the tweaks available for use. Thanks UKBL for the menu idea, it's great. OpenCube does deserve some credit for this I think. That software is not free.

This question has already been answered here http://www.vbulletin.org/forum/showpost.php?p=1729724&postcount=35

whilst opencube are great at what they do, I Pay for a licence which allows me to create and distribute Royalty and Copyright free menus that i have created, Thus the copyrigh remains with me as the author.

Today i wrote a letter to the Bank Manager using MS Office, But i'm not going to Praise Microsoft just because i used their software to type a letter.

Unlimited Sites - A single user may create unlimited menus for an unlimited number of websites, without restriction. A single unlock code activates the software for any web site!

Nothing Hidden, Safe Commercial Licensing, QuickMenu does not use any behind the scenes hidden links or attempt to contact other servers to validate the purchased license. Copyright notices and text descriptions about OpenCube are not saved to your pages when publishing menus
Open cube is a proffessional application, just like photoshop is to web designers and graphic artists. I just wish you could purchase it outright as opposed to having a subscription :(

Hope this covers everything ;)

UKBusinessLive
27 May 2009, 17:09
I'm sure if so it's just a slight oversight on UKBL's behalf unless after purchase you are allowed to use personally & commercially and then it would be allowed for him to do this as it is a single menu (or in this case several styles) but not the ACTUAL software that generates the codes. Use is determined by the softwares Terms of Service or Use and I bet UKBL is following those, I have known him since he started on here and he did not get as far as he has now by being mischevious ;).

S-MAN

he he Superman :D

Thanks buddy, but its all there at the start of the thread, I can see why people would worry, its a great piece of kit for designing menu's

Oh well thats the way the cookie crumbles :D

duspot
28 May 2009, 17:11
Hi,
I just installed drop down menu tabs.. But i am unable to place my header above the tabs.. Could you please help me out.....

Thank Q

UKBusinessLive
28 May 2009, 17:26
Hi,
I just installed drop down menu tabs.. But i am unable to place my header above the tabs.. Could you please help me out.....

Thank Q

Thats beause you had added the code at the top of the header template, It sould be at the very bottom, the last thing in your header template ;)

Xencored
01 Jun 2009, 03:03
Hey i come back and see the centering mod is up woop
thats what we was trying to do last time if you remmber ^^

Anyway mate i added the code and it give me this looky

99921

Its chopped the sides off :confused:
Any ideas matey

Cheers :up:

UKBusinessLive
01 Jun 2009, 17:26
Hey i come back and see the centering mod is up woop
thats what we was trying to do last time if you remmber ^^

Anyway mate i added the code and it give me this looky

99921

Its chopped the sides off :confused:
Any ideas matey

Cheers :up:

Hey Buddy

Glad you liked the centre tip, Not sure what to say about why the bar hasn't extended :eek:

You could try and make the bottons a bit wider to compensate??

;)

Xencored
01 Jun 2009, 17:31
Hey Buddy

Glad you liked the centre tip, Not sure what to say about why the bar hasn't extended :eek:

You could try and make the bottons a bit wider to compensate??

;)

Hmm didnt realy want to make them wider i have one more to add also

Where is the best place to add the center Code i might of cocked up somewhere

Cheers

UKBusinessLive
01 Jun 2009, 18:15
You add this at the very begining

<table cellpadding=0 cellspacing=0 align="center"><tr><td>

then your menu bar code

Then this at the end

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

That should do it :o

Xencored
01 Jun 2009, 18:29
You add this at the very begining

<table cellpadding=0 cellspacing=0 align="center"><tr><td>

then your menu bar code

Then this at the end

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

That should do it :o

Aye thats what i did am so unluck with this mod :mad:

puppetmaster222
02 Jun 2009, 20:52
Marked as Installed, Nominated, 5 star.

Thanks UK, this is a great snippet of code and will make my life a lot easier, especially integrated with vba with navbar turned off. I'm working on a new site and to have those great links + garage / arcade / photo's / etc. all available just under the logo really is a nice bonus. Great work, much appreciated!

shinng
03 Jun 2009, 07:27
not really a support question since you helped me out previously, but more of a suggestion needed from you.

if you check out my forum, i used your spiffy little drop down menu and also kept the navbar. however, the more i look back at my forum, the more i ignore the drop down menu and my eye goes to the navbar menu instead. do you have any suggestions on how i can make the drop down menu as the 1st menu people see as opposed to the navbar menu? i'd like to keep the navbar as kind of a "quick links" menu, but i will also be putting everything from the navbar onto the drop down menu as well (kind of like duplicating). for example the itrader will eventually be placed into the drop down menu as well.

basically, i would like some suggestions on what templates i can manipulate to make the drop down menu stand out more. i'm open to ideas.

thanks

edit: btw, i nominated this mod. i absolutely love it, just need ideas to make it stand out more so than the navbar menu.

ArnyVee
03 Jun 2009, 11:19
shinng,

You can remove the navbar altogether and use it in it's place. That's how I have it on my site.

http://www.waltdisneyboards.com/forums.php

shinng
03 Jun 2009, 19:57
shinng,

You can remove the navbar altogether and use it in it's place. That's how I have it on my site.

http://www.waltdisneyboards.com/forums.php
i'd like to consider both options.

option 1: i do what you did and remove the navbar completely. if i were to go that route, how would i do that? i guess i could look through all the past pages, but perhaps you have it all organized in one location?

option 2: if i wanted to keep the navbar as a sort of "quick links", then it goes back to my original inquiry about how to make it stand out.

Xencored
03 Jun 2009, 20:41
i'd like to consider both options.

option 1: i do what you did and remove the navbar completely. if i were to go that route, how would i do that? i guess i could look through all the past pages, but perhaps you have it all organized in one location?

option 2: if i wanted to keep the navbar as a sort of "quick links", then it goes back to my original inquiry about how to make it stand out.

I have Quick Links on my site with this mod mate so you can use this mod and get rid of the old one

http://www.myanimeisland.com/index.php

Its quite easy as ArnyVee and his Brill site says

shinng
03 Jun 2009, 23:14
I have Quick Links on my site with this mod mate so you can use this mod and get rid of the old one

http://www.myanimeisland.com/index.php

Its quite easy as ArnyVee and his Brill site says

very nice, i really like what you did with the menu and actually the entire forum overall. very clean, organized, and easy on the eye.

couple questions for you:
1. how did you put a space between your banner and the menu? you see how mine doesn't have spacing in between?
2. is there a way you can possibly list the mods you used whether template mods or plugins? if you can't/don't want to list all, how about the names of the mods to do these - rotating banner at the header, "ads by google" directly below the breadcrumb, changing the user information in each post to the left as opposed to the default in the right hand corner.

thanks again to you and ArnyVee, i'm almost convinced in taking out the navbar completely. i'm just worried that if i do take it out, i'll mess up my template.

ArnyVee
04 Jun 2009, 02:14
shinng,

Be sure to copy your navbar code and save it in a text file before starting to mess around with it in case you need to go back to it and try again :D

I went ahead and found the thread that I used for guidance in removing the actual navbar. Here it is....

http://www.vbulletin.org/forum/showthread.php?t=179238

....good luck with it and let us know if you need any other pointers! Lots of great people in this community that will help you get to where you need to! :up:

shinng
04 Jun 2009, 04:22
shinng,

Be sure to copy your navbar code and save it in a text file before starting to mess around with it in case you need to go back to it and try again :D

I went ahead and found the thread that I used for guidance in removing the actual navbar. Here it is....

http://www.vbulletin.org/forum/showthread.php?t=179238

....good luck with it and let us know if you need any other pointers! Lots of great people in this community that will help you get to where you need to! :up:
appreciate the pointers ArnyVee :up:

shinng
04 Jun 2009, 06:22
how would i move the "logout" button to the drop down menu? that seems to be the only button on the navbar that i can't recreate in the drop down menu.

ArnyVee
05 Jun 2009, 01:57
I used this code for the logout shinng....

<if condition="$show['member']">
<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]">LOG OUT</a></if>

...hope it helps :)

shinng
05 Jun 2009, 05:12
I used this code for the logout shinng....

<if condition="$show['member']">
<li><span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="login.php?$session[sessionurl]do=logout&amp;logouthash=$bbuserinfo[logouthash]">LOG OUT</a></if>

...hope it helps :)

thanks ArnyVee. i'll try it out tomorrow at work.

wiiJp321035
12 Jun 2009, 14:37
I am using the black drop down menu but I have just a few menu items is there a way to get the menu to start on the right instead of the left. I tried a few things but it doesn't seam to work. I have installed 3.8.3 if it makes a difference. I also put the following code around my table.

<table cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" class="page" ><tr><td>

//addresses

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

UKBusinessLive
12 Jun 2009, 15:11
Instead of center in the code change it to right

Kolbi
14 Jun 2009, 19:41
Isnīt there an alternative to include the css information in the style css?
I think this could improve the loading time.

NTMID8
23 Jun 2009, 04:36
Nice mod. I've been tinkering to get the look I want as I plan to replace my navbar. I got my gradient installed, links working, etc. The menu looks great on my laptop which runs 1440x900 but when I check it on lower resolutions like 1024x768, it ends up breaking into two lines. I do not have it centered though I did use width="100%" so it flows across the whole style.

I use a fluid style so it adjusts for resolution... just trying to figure out how to make the menu fluid.

Also, the arrows are sometimes in the right place and sometimes misaligned. Can't figure out why?

Thanks for any help!

Feanor_87
01 Jul 2009, 07:33
Great MOD! I've already got this working but I have 1 question. Would it be possible to make the tabs like this (http://i40.tinypic.com/24fi41t.jpg)? So it's rounded at the top and still have the box squared? I've seen it done before, but I can't figure out how to do it myself :o

NTMID8
13 Jul 2009, 03:05
Nice mod. I've been tinkering to get the look I want as I plan to replace my navbar. I got my gradient installed, links working, etc. The menu looks great on my laptop which runs 1440x900 but when I check it on lower resolutions like 1024x768, it ends up breaking into two lines. I do not have it centered though I did use width="100%" so it flows across the whole style.

I use a fluid style so it adjusts for resolution... just trying to figure out how to make the menu fluid.

Also, the arrows are sometimes in the right place and sometimes misaligned. Can't figure out why?

Thanks for any help!

Any ideas?

stickyslicks
15 Jul 2009, 03:21
Thank you so much for all your hard work. This mod + Logician's webtemplates made a piece of cake out of what I thought would be a nightmare.

Tauhid
27 Jul 2009, 23:19
Is there any way to add small buttons next to each of the main menus? Such as Home would have a tiny house button, forum with a tiny chat button etc....

Also wanted to update this place with my latest navigation setup at my site. You can check it out http://www.wheelsbd.com/forum

Here is a screenshot below:
http://i27.tinypic.com/ym4xw.jpg

ArnyVee
27 Jul 2009, 23:58
Tauhid, you can definitely add the icons next to each of the lines (such as a small icon for 'home', etc).

Here's an example of what I use....

<li><a href="http://www.yoursite.com" title="Mouseover Text Here"><img src="http://www.yoursite.com/images/house.png" border="0" alt=""/> Home Page</a></li>

Hope that helps! :up:

Tauhid
28 Jul 2009, 00:01
Tauhid, you can definitely add the icons next to each of the lines (such as a small icon for 'home', etc).

Here's an example of what I use....

<li><a href="http://www.yoursite.com" title="Mouseover Text Here"><img src="http://www.yoursite.com/images/house.png" border="0" alt=""/> Home Page</a></li>

Hope that helps! :up:

O WOW thanks so much, will try it out tomorrow!

goxy63
16 Sep 2009, 02:42
Awesome navbar
I love it

Few questions

1.
Iam using "Floating Guest Notify" (http://www.vbulletin.org/forum/showthread.php?t=159418&page=8&highlight=guest) modification, its not that big issue but floating message goes under this navbar

2.
Ading icons is pretty much easy, but how to make space between text and icon?

3.
Would love to place all links in "UKBL" navbar and to remove default one, not shure how to do that (to remove complete row with default links, from "UserCp" to "Logout" link) ?

Thanks

########
edited

Removed default navbar
If someone need this info=Here (http://www.vbulletin.org/forum/showpost.php?p=1886089&postcount=2)

MGP_Tech
17 Sep 2009, 15:20
Is this mod something that will work with vbulletin Version 3.8.4?

taffy056
17 Sep 2009, 18:00
nice thanks, works with 3.8.4 in reply to the above post :)

crazymilk
19 Sep 2009, 09:24
Is there any way to add small buttons next to each of the main menus? Such as Home would have a tiny house button, forum with a tiny chat button etc....

Also wanted to update this place with my latest navigation setup at my site. You can check it out http://www.wheelsbd.com/forum

Here is a screenshot below:
http://i27.tinypic.com/ym4xw.jpg

I`m i missing something There is the black one but what one are you using on this site?

taffy056
19 Sep 2009, 18:40
I would like to replace my navbar with this, how would I do that, if someone could be kind enough :)


figured this out - thanks

yotsume
19 Sep 2009, 20:06
INSTALLED! this absolutely is by far the best menu system yet for all of the vBulletin community!

QUESTION:
How can I align the menu system to the top of my navbar instead of under my banner?

I want to replace my top row navbar and put this menu system in its place?

Would I move the code into the navbar template instead of in the header?

THANKS!

crazymilk
19 Sep 2009, 21:31
Ok navbar gone and replaced with this ty looks great

Link Here (http://www.blackops-squad.com/cmps_index.php?styleid=13)

If anyone wants help doing it give me a shout (pm)

taffy056
20 Sep 2009, 12:02
how would you add the logout link to this hack? Thanks!

MylesM
20 Sep 2009, 13:04
I use the black menu, how do I change the width of the boxs?

yotsume
21 Sep 2009, 01:15
How Can I Change the Color of Active Menu Titles?

How do I change the color of the menu title when it is active. I do not see a listing for that in the CSS.

Please see my attached screenshot. I need the menu titles to be different once they are moused over. In my screenshot the menu title "SOCIAL GROUPS" is what I need to change.

Do I need to add a color line of code to a section of the CSS? If so where???

THANKS!

yotsume
21 Sep 2009, 10:18
I solved my own problem in my previous post.

The menu code is missing a color attribute for changing the menu title text color when you open a menu. So the title will stay the same color. If your color scheme demands a alternate title color you should add the red line of code to the CSS here:

/*"""""""" (main) Rounded Items Content""""""""*/
#qm0 .qmritemcontent
{
padding:0px 0px 0px 4px;
color:#000000;
}
Now that I have added this missing color code in... I can change the menu title tect color when a menu pops open to better match my color scheme.

(See attached before and after screenshots)

AWMGolfer
25 Sep 2009, 04:28
Great drop down menu! I have installed it on my site http://www.maineforums.net and overall it is exactly as I want. Just one thing I can not get figured out if my life depended on it..lol

The first is I would like the entire sub-menu box to be a little bit lower so that the drop down box lines up with the very bottom of the main menu, hope that makes sense.

Thanks in advance.

Sador
26 Sep 2009, 17:28
Looks nice. I'll have to play with the colors for a while, to make it more fitting with my styles, but thanks a lot for the nice addon.

taffy056
27 Sep 2009, 20:55
This probably has an obvious answer, but can't figure it out, I am trying to add a HOME link to this before the control panel drop down, the little spacer between the different drop downs is not showing, can someone please tell me where I am going wrong before I pull my hair out LOL - many thanks :)

<ul id="qm0" class="qmmc">


<span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="http://www.site.net/">HOME</a>

<li><a class="qmparent" href="javascript:void(0)">CONTROL PANEL</a>

<li><ul>
<li><a href="http://www.site.net/forum/profile.php?do=editusergroups" title="User Groups">User Groups</a></li>
<li><a href="http://www.site.net/forum/profile.php?do=editavatar" title="Edit Avatar">Edit Avatar</a></li>
<li><a href="http://www.site.net/forum/profile.php?do=editsignature" title="Edit Signature">Edit Signature</a></li>
<li><a href="http://www.site.net/forum/profile.php?do=editoptions" title="Edit Options">Edit Options</a></li>
<li><span class="qmdivider qmdividerx" ></span></li>
<li><a href="http://www.site.net/forumsubscription.php?do=viewsubscription" title="List Subscriptions">List Subscriptions</a></li>
<li><a href="http://www.site.net/forum/misc.php?do=donate" title="Donate">Donate</a></li>

AWMGolfer
27 Sep 2009, 21:51
Add the part in red.

<ul id="qm0" class="qmmc">


<span class="qmdivider qmdividery" ></span></li>
<li><a class="qmparent" href="http://www.site.net/">HOME</a>

<span class="qmdivider qmdividery" ></span></li>

<li><a class="qmparent" href="javascript:void(0)">CONTROL PANEL</a>

<li><ul>
<li><a href="http://www.site.net/forum/profile.php?do=editusergroups" title="User Groups">User Groups</a></li>
<li><a href="http://www.site.net/forum/profile.php?do=editavatar" title="Edit Avatar">Edit Avatar</a></li>
<li><a href="http://www.site.net/forum/profile.php?do=editsignature" title="Edit Signature">Edit Signature</a></li>
<li><a href="http://www.site.net/forum/profile.php?do=editoptions" title="Edit Options">Edit Options</a></li>
<li><span class="qmdivider qmdividerx" ></span></li>
<li><a href="http://www.site.net/forumsubscription.php?do=viewsubscription" title="List Subscriptions">List Subscriptions</a></li>
<li><a href="http://www.site.net/forum/misc.php?do=donate" title="Donate">Donate</a></li>

yotsume
29 Sep 2009, 11:54
Sub-Menu Arrow and Alignment?

How can I add a little arrow to a menu item that has a sub-menu attached to it? I need the arrow to be aligned to the right. When I do this it breaks the image to another line.

See screenshot...

Here is my menu item code:

<li><a href="http://www.mydomain.com/index.php?pageid=language_study" title="">Language Directory <img src="http://www.mydomain.com/images/misc/languages/drop_arrow.gif" ALIGN="RIGHT" border="0"></a>

When I use the code ALIGN="RIGHT" the arrow image is pushed down a line. I marked this is red in my screenshot where the arrow should be aligned with.

How can I fix this?

Thanks!