vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.8 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=236)
-   -   Forum Home Enhancements - UKBL ~ Quality Drop Down Menu System (https://vborg.vbsupport.ru/showthread.php?t=203521)

columbusgeek 04-18-2009 07:10 PM

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 04-18-2009 07:35 PM

Quote:

Originally Posted by dekaybrown (Post 1793697)

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 04-18-2009 08:18 PM

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 04-19-2009 04:03 AM

Quote:

Originally Posted by dekaybrown (Post 1794122)
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 04-20-2009 07:16 PM

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 04-20-2009 09:52 PM

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 04-21-2009 03:58 PM

Quote:

Originally Posted by ArnyVee (Post 1795552)
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 04-21-2009 08:59 PM

In the
Quote:

/*"""""""" (MAIN) Container Edit Picture URL Here :-) """"""""*/
section of the instructions above look for.....

"background-image:url(http://http : //i475.photobucket.com...e/center_tile_blue.gif"

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

UKBusinessLive 04-26-2009 09:15 AM

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:

Code:

<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 04-26-2009 10:10 AM

Quote:

Originally Posted by TheLastSuperman (Post 1794263)
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 04-26-2009 11:15 AM

Gerry, Gerry, Gerry! :D

Good to see you on here. ;)

UKBusinessLive 04-26-2009 11:24 AM

Quote:

Originally Posted by ArnyVee (Post 1799259)
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 04-28-2009 02:54 AM

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

Thanks UKB, great menu

UKBusinessLive 04-28-2009 05:17 AM

Quote:

Originally Posted by Bigj85 (Post 1800313)
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

Thanks UKB, great menu

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

ArnyVee 04-28-2009 10:14 PM

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 04-29-2009 12:12 AM

Quote:

Originally Posted by ArnyVee (Post 1800858)
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 05-14-2009 09:10 AM

Lovely work, thank you, UKBL :)

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

ArnyVee 05-14-2009 10:31 AM

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 05-14-2009 12:32 PM

Thank you ArnyVee
Here?s a chunk of the code I?m using. Hope it makes sense.

Code:

<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 05-16-2009 01:48 AM

Thanks for sharing Siddal! :up:

MoJo Smirnoff 05-25-2009 10:12 PM

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 05-25-2009 10:22 PM

ok, default code works on my site, will just edit it from there and see what happens lol

UKBusinessLive 05-26-2009 05:08 AM

Quote:

Originally Posted by MoJo Smirnoff (Post 1817175)
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 05-26-2009 09:16 AM

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 05-26-2009 04:32 PM

Quote:

Originally Posted by UKBusinessLive (Post 1817296)
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 05-26-2009 05:23 PM

Quote:

Originally Posted by MoJo Smirnoff (Post 1817564)
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 05-26-2009 05:38 PM

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 05-26-2009 05:41 PM

Quote:

Originally Posted by MoJo Smirnoff (Post 1817596)
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 05-26-2009 05:57 PM

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 05-26-2009 06:09 PM

Quote:

Originally Posted by shinng (Post 1817615)
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 05-26-2009 06:16 PM

it's not in launch mode yet, but here it is:

http://www.sportsgatherings.com/forum

UKBusinessLive 05-26-2009 06:56 PM

Quote:

Originally Posted by shinng (Post 1817628)
it's not in launch mode yet, but here it is:

http://www.sportsgatherings.com/forum

Thanks

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

shinng 05-26-2009 07:02 PM

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 05-26-2009 07:21 PM

Quote:

Originally Posted by shinng (Post 1817655)
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 05-26-2009 08:09 PM

Quote:

Originally Posted by UKBusinessLive (Post 1817674)
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 05-26-2009 08:54 PM

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 05-26-2009 09:50 PM

1 Attachment(s)
Quote:

Originally Posted by shinng (Post 1817701)
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://vborg.vbsupport.ru/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 05-27-2009 03:07 AM

Quote:

Originally Posted by UKBusinessLive (Post 1817749)
Here you go buddy i've made a new white menu for you its in the zip file

https://vborg.vbsupport.ru/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 05-27-2009 03:13 AM

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 05-27-2009 03:54 AM

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.


All times are GMT. The time now is 04:06 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01560 seconds
  • Memory Usage 1,862KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (2)bbcode_code_printable
  • (18)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (4)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (40)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete