Buttons / Dropdowns like those seen on the Support board.

[Retread]

I'd like to see the coding for these:

SPOILER: Click to show

I reckon using that as a template, I could make appropriate buttons for my own forum with navigation to our own rules, etc.

I would also need some clues on where to add the code to make it appear on a global basis, rather than board-specific. Forum Wrapper maybe? 

Thanks,
Ted

[Scott]

Retread, I put that on our board. The code is in the header for the board, but if you want it globally then it would go in the global header. Granted you could put it in the forum wrapper template, however that would be theme specific and you'd have to add it for each theme you have and/or will make, whereas the headers/footers work for all themes.

The code I used is probably not as concise as it could be as I was still learning at the time. Let me see what I can get you. Are you particular about the look of the buttons?

[Retread]

Thanks Scott

Concise or not, they get the job done.  The buttons look stellar just the way they are.  I wouldn't want to change the appearance.   I'm sure I can figure out how to change the text, links, etc.

Global Header it is.  Definitely want to keep them regardless of theme.  Whenever you have time, will be fine.  No rush.

[Scott]

Retread, so hope you don't mind but part of the fun of coding is learning.

Here's the basics of a single dropdown button: Create A Hoverable Dropdown.


And here's more along the lines of what you were asking about: Create A Multi-Level Drop Down Menu with Pure CSS.

Hint: any CSS you add to the header (or layout template) Needs to be within <style></style> tags and should reside before the HTML code.