Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
UKBL ~ Easy Vertical Menu System Details »
UKBL ~ Easy Vertical Menu System
Mod Version: 1.00, by UKBusinessLive (Designer) UKBusinessLive is offline
Developer Last Online: Feb 2012 I like it Show Printable Version Email this Page

vB Version: 3.8.1 Rating: (2 votes - 5.00 average) Installs: 15
Released: 07 Feb 2009 Last Update: 08 Feb 2009 Downloads: 136
Not Supported Template Edits Re-usable Code Translations  

UKBL ~ Easy Vertical Menu System


Well you wanted Dropdowns and you got them, Now you want Vertical Menu's, Here they are


DEMO : http://www.ukbusinesslive.co.uk/forum/vertical.html

Default VB Colors DEMO: http://www.ukbusinesslive.co.uk/forum/vbull_vert.html

Following on from the Easy Menu Tabs and the Quality Dropdowns, this is a new style of menu for sites that use side columns or even VBa

Done in a plain Neutral color scheme to compliment most sites you can change the color scheme by simply changing the hex color codes in the CSS part of the code.

This is suitable for ALL browser types



This example has sub menus within sub menus so you can see how to edit them to add more for your site



So if your happy with that, Lets begin.............

Firstly we need to Download the zip file, This has the code to edit plus related graphics, so you've downloaded the code, lets start

Open the code in your fave Text Editor (Notepad is ideal for this )

Find in the code


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

you will see referance to a gif, change the URL of the gif to where you are going to install your gif, Be it in your forums image directory or even photobucket, the choice is yours.

then find the other gif url here


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and do the same as the one above, change my url to yours

Then find....


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and change the gif url to where you will upload your gifs

Then all you need to do next is upload the gifs from the zip file to the url that you made in the steps above

So thats the CSS part done, Next we need to edit our menu links, I've set the default to my forum but its easy enough to change them for yours or even if you want to add extra items, So lets start changing our menu links

First Find..


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Thats our first block called "My Control Panel" all you need to do is edit these menu links to an url of your forum


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Don't forget once you've changed the URL, you can change the description, which you can find right at the end ">Edit Avatar</a></li>

Do that for all the links and by then you'll have your own Vertical Menu Tabs.

To see how the menu from a sub menu works, you need to find the Calendar Link in the Code


It starts like this


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

and then the menu links off from that, are similar to the menu links above, all together they look like this, showing the parent menu "Todays Post"


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Thats its folks, Just save your code and upload it to the header or other section (side Colummns) of your forum or website

Please note as i don't use side columns or VBa, I cannot provide support in these areas.


To change the colors of the menu to suit your site, simply change the hex color code at the begining of the CSS part of the code, I like using this hex editor for this http://www.2createawebsite.com/build/hex-colors.html

Please click installed, for 100% support

UPDATE 08.02.09

You can now download the VBulletin Default Color Menu, This is exactly the same as the original except that the colors have been edited to Match the VBulletin Default theme



Enjoy

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	vertical menu.png
Views:	59
Size:	12.8 KB
ID:	94337   Click image for larger version

Name:	vertical menu1.png
Views:	38
Size:	7.1 KB
ID:	94338   Click image for larger version

Name:	vbull_vert.png
Views:	124
Size:	17.7 KB
ID:	94412  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
UKBL- Easy Menu Tabs Collection Vol 1 UKBusinessLive Miscellaneous Images 13 31 May 2011 20:59
Forum Home Enhancements UKBL- Easy Menu Tabs UKBusinessLive vBulletin 3.8 Template Modifications 86 29 Apr 2011 15:30
Forum Home Enhancements UKBL- Easy Menu Tabs UKBusinessLive vBulletin 3.7 Template Modifications 81 03 Aug 2009 16:33
Forum Home Enhancements UKBL- Easy Menu Tabs UKBusinessLive vBulletin 3.6 Template Modifications 17 17 Feb 2009 07:01
UKBL- Easy Menu Tabs UKBusinessLive vBulletin 3.5 Template Modifications 2 17 Jan 2009 23:16

Comments
  #2  
Old 07 Feb 2009, 17:02
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Reserved
Reply With Quote
  #3  
Old 07 Feb 2009, 17:33
YsTyle YsTyle is offline
 
Join Date: Mar 2007
great idea, i will try it
Reply With Quote
  #4  
Old 07 Feb 2009, 17:34
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by YsTyle View Post
great idea, i will try it
Thanks, Let us know how you got on
Reply With Quote
  #5  
Old 07 Feb 2009, 20:20
wAnBoA wAnBoA is offline
 
Join Date: Oct 2008
Tagged~
By the way, how can we have such menu like this following website?

http://animerender.com/forum/index.php?
Reply With Quote
  #6  
Old 07 Feb 2009, 21:34
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by wAnBoA View Post
Tagged~
By the way, how can we have such menu like this following website?

http://animerender.com/forum/index.php?
Not sure i know what you mean???

Do you mean Horizontal Dropdown Menus ?? http://www.vbulletin.org/forum/showthread.php?t=203521

You can change the above dropdown code to make it look like that otherwise i could design one for you similar for your site, PM me for details

Last edited by UKBusinessLive; 08 Feb 2009 at 01:47.
Reply With Quote
  #7  
Old 08 Feb 2009, 05:25
Forum Lover Forum Lover is offline
 
Join Date: Jun 2007
Real name: aupurbo
Originally Posted by UKBusinessLive View Post
Not sure i know what you mean???

Do you mean Horizontal Dropdown Menus ?? http://www.vbulletin.org/forum/showthread.php?t=203521

You can change the above dropdown code to make it look like that otherwise i could design one for you similar for your site, PM me for details
UK, can we have it designed on vb's default style please? Thanks on credit.
Reply With Quote
  #8  
Old 08 Feb 2009, 08:12
AURFSCAN AURFSCAN is offline
 
Join Date: Jan 2008
This could be very useful. I'll use my forum themes last post gif. since its allready there and it
will all look the same /images/kirsch/buttons/lastpost.gif

installed but it will take me a while to do the edits , colors, text, links etc.


testing in a vbadvanced module only visible to me

thankyou
Reply With Quote
  #9  
Old 08 Feb 2009, 08:14
Allan's Avatar
Allan Allan is offline
 
Join Date: Jun 2003
Real name: allan
Do you have demo please ?
__________________
-------------------------------------------------------------------------------------------
Administrator vBulletin-Ressources.com, French vBulletin Resources.
Reply With Quote
  #10  
Old 08 Feb 2009, 10:12
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by Forum Lover View Post
UK, can we have it designed on vb's default style please? Thanks on credit.
Hi

Its easy enough to change the Hex Colors for the colors you want, If i get time later i will change it myself to the default VBulletin Colors and upload a new zip with the vb colors for all you guys that use the VBulletin Default

Reply With Quote
  #11  
Old 08 Feb 2009, 10:13
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by Allan View Post
Do you have demo please ?
Hi Allan,

Will be doing that for you in a moment, bear with me

here you go Allan http://www.ukbusinesslive.co.uk/forum/vertical.html

Check out the menu from the sub menu, on "Todays Post" "Calendar"

just going to add this to the first Post also

Last edited by UKBusinessLive; 08 Feb 2009 at 10:25.
Reply With Quote
  #12  
Old 08 Feb 2009, 11:12
Allan's Avatar
Allan Allan is offline
 
Join Date: Jun 2003
Real name: allan
Ok, thanks
__________________
-------------------------------------------------------------------------------------------
Administrator vBulletin-Ressources.com, French vBulletin Resources.
Reply With Quote
  #13  
Old 08 Feb 2009, 16:53
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
:
Originally Posted by Forum Lover View Post
UK, can we have it designed on vb's default style please? Thanks on credit.
You mean something like this



Just made the vertical menus the same Default Color as VBulletin, for all you guys using the default VBulletin theme

Just going to Install the zip file to the first post
Reply With Quote
  #14  
Old 08 Feb 2009, 19:00
AURFSCAN AURFSCAN is offline
 
Join Date: Jan 2008
Hi Uk...


I'm half way through editing. How do I get rid of the yellow box with text when you hover link?



thx
Attached Images
File Type: jpg links.jpg (54.5 KB, 35 views)
Reply With Quote
  #15  
Old 08 Feb 2009, 19:35
UKBusinessLive UKBusinessLive is offline
 
Join Date: Sep 2008
Real name: Gerry
Originally Posted by AURFSCAN View Post
Hi Uk...


I'm half way through editing. How do I get rid of the yellow box with text when you hover link?



thx
LOL, thats the Tool Tip to delete it just remove this part of the code where you have your menu links (in Red)


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 01:32.

Layout Options | Width: Wide Color: