Verticle Menu

[ZeroKitteh]

Hi there! I'd really appreciate it if I could have help making a template modification to put the menu vertical as shown:

HOME

HELP

MESSAGES

ADMIN

MEMBERS

PROFILE

I'd also like the properties and setting of the menu easily editable by me so I can make any changes. This would remove the old menu and replace it with the same functions and separations for guests, members, admins, etc.

Thank you!

[David Clark]

ZeroKitteh, I got this working on my test forum by moving the nav menu itself with JavaScript. First I placed the following code in my Global Footer in Admin > Structure > Headers & Footers > Global:

<script type="text/javascript">
$(document).ready(function() {
     $('#move-navmenu').append($('#navigation-menu'));
});
</script>
Then I installed the Sidebar Redux plugin, and for the Left Sidebar Settings I set the content box's width to 123px and the Style to Style 2 (to get rid of the title bar). From there I placed this code in the content box.

<div id="move-navmenu" style="width: 111px;"></div>
<style>
   #navigation-menu {background: #006cb7;}
   #welcome {text-align:left; color: #75c6e6;}
</style>
After doing that you should have something like what is shown in my screenshot - you could then customize the look of it with CSS to make it look like what you've got in your original post.