PBN Admin Menu

[Brian]

Download

I got this idea when I saw pawl had placed links in his headers to certain pages in the admin area. I got started on this plugin during my break.

A nice little menu tucked away on the bottom right of the forum that staff members can use for quick access to important stuff instead of having to navigate through all the admin area menus. Great for when you're designing a forum and want quick access to certain pages to get work done faster. Simply click on the button in the PBN bar on the bottom right of your forum and it will illuminate into and toggle the menu.

Don't like the menu getting in the way of all your sexy forum content? Enable the Fade option and the menu will reduce in opacity when your mouse isn't hovering over it (or you can just toggle the menu again ).




But wait, there's more! This menu is fully customizable. Not only can you add your own links to it, but you can categorize them however you please! If you want to create a new category, just tick the Heading checkbox next to one of your menu items and it'll start a new category at that position on the list.





CSS Selectors

#admin_menu > .title-bar {
    /* Title bar CSS goes below here */
}

#admin_menu > .title-bar h2 {
    /* Title text CSS goes below here */
}

#admin_menu > .content {
    /* Window CSS goes below here */
}

Each of your individual menu items can also be selected using the following:

#dbgmenu-0 {
   /* Button CSS goes here */
}

The number in red is the position (or for the more code-oriented: index) of the menu item. Increasing this number will change which menu item you're selecting. 0 will always be the first item in your menu (headings are also included in the same list), 1 will be the second, 2 will be the third, and so on.


Enjoy!

[Stinky666]

I've been using the dropdown nav by Shorty
This is definitely a great alternative. Definitely liking the fade option

Edit:

3 suggestions:
1) Set the opacity for the fade
2) Allow "auto" for width, so it makes the table as long as your longest line.
3) Customize the icon in the PBN.


Edit 2:
Lmao for some reason, even when it's at 100% opacity, you can see my member legend "behind" it
stinky666themes2.freemessageboards.com/

[Brian]

Needs some z-index up in there. I'll get that fixed.

It's a fixed position element that's not embedded inside anything within the DOM, so auto would make the width that of the entire forum like any other div.

I'll add in the option to specify image URLs for both of the icons as well.

[Brian]

Thanks for your feedback.

1.1.0 is now released.

Changelog:
- Added z-index to prevent overlapping
- Image URLs can be specified for use in the PBN bar
- You can now enter the opacity you want applied to the fade effect
- Menu Items autoform moved to its own tab to reduce clutter
- Added option in plugin settings to allow the menu to remember whether or not it's open on page change via localStorage

[pawl]

This looks decidedly awesome. o.o
And that was on Kami's forum, because I'm lazy and it isn't open yet. =P

[Brian]

Mar 11, 2013 14:26:57 GMT -8 pawl said:

This looks decidedly awesome. o.o
And that was on Kami's forum, because I'm lazy and it isn't open yet. =P

Yep. I've actually done the same thing before, but in this same floating menu fashion. So even when I was being unprofessional I was being professional.

[Brian]

Gah. Updated to 1.1.1.

I forgot to add a check to ensure you're staff when you have the Remember function on. My menu was showing up as a guest. Should be fixed now.

[pawl]

Does this add anything to the stylesheet, or is there a way that we could edit the stylesheet to make changes to the popup at all? Wouldn't mind being able to have a play with the colours, if nothing else. =]

[Brian]

Mar 12, 2013 9:42:33 GMT -8 pawl said:

Does this add anything to the stylesheet, or is there a way that we could edit the stylesheet to make changes to the popup at all? Wouldn't mind being able to have a play with the colours, if nothing else. =]

If you go into the Build tab and modify the plugin you'll see all the CSS related to it and the classes being utilized in the HTML.

For the most part, it's the same as any other container's CSS on the forum, except you just need to add the ID #admin_menu beforehand.

#admin_menu > .title-bar {
    /* CSS */
}

#admin_menu > .title-bar h2 {
    /* CSS */
}

#admin_menu > .content {
    /* CSS */
}

[Stinky666]

Mar 12, 2013 10:15:45 GMT -8 Brian said:

Mar 12, 2013 9:42:33 GMT -8 pawl said:

Does this add anything to the stylesheet, or is there a way that we could edit the stylesheet to make changes to the popup at all? Wouldn't mind being able to have a play with the colours, if nothing else. =]

If you go into the Build tab and modify the plugin you'll see all the CSS related to it and the classes being utilized in the HTML.

For the most part, it's the same as any other container's CSS on the forum, except you just need to add the ID #admin_menu beforehand.

#admin_menu > .title-bar {
    /* CSS */
}

#admin_menu > .title-bar h2 {
    /* CSS */
}

#admin_menu > .content {
    /* CSS */
}

This is awesome to know. Could you add it to your original post ?
And thanks for the edits, really appreciated

[Brian]

Mar 12, 2013 10:22:59 GMT -8 Stinky666 said:

Mar 12, 2013 10:15:45 GMT -8 Brian said:

If you go into the Build tab and modify the plugin you'll see all the CSS related to it and the classes being utilized in the HTML.

For the most part, it's the same as any other container's CSS on the forum, except you just need to add the ID #admin_menu beforehand.

This is awesome to know. Could you add it to your original post ?
And thanks for the edits, really appreciated

I thought it was basic knowledge for anyone who knew a bit about CSS.

But it's on the first page, so meh.

[Stinky666]

Mar 12, 2013 10:30:42 GMT -8 Brian said:

Mar 12, 2013 10:22:59 GMT -8 Stinky666 said:

This is awesome to know. Could you add it to your original post ?
And thanks for the edits, really appreciated

I thought it was basic knowledge for anyone who knew a bit about CSS.

But it's on the first page, so meh.

But for those of us who aren't sure entirely on CSS, but can make alterations etc. it shows us how to do it.

[Brian]

Mar 12, 2013 10:37:51 GMT -8 Stinky666 said:

Mar 12, 2013 10:30:42 GMT -8 Brian said:

I thought it was basic knowledge for anyone who knew a bit about CSS.

But it's on the first page, so meh.

But for those of us who aren't sure entirely on CSS, but can make alterations etc. it shows us how to do it.

I actually forgot I added dynamic IDs to each menu item, so I guess I'll do it since I should probably mention those.

[Misaka]

very nice I like it alot
instead of having 10 tabs open I can just have this instead

[RADesign]

Brian, how do I get the titlebar to show?