Difference between revisions of "Template:PC Panels"
From From The Ashes Wiki
| Line 149: | Line 149: | ||
}}{ | }}{ | ||
display: block; | display: block; | ||
| + | } | ||
| + | #foot { | ||
| + | display: flex; | ||
| + | flex-flow: row; | ||
| + | width: 100%; | ||
| + | justify-content: space-between; | ||
| + | align-items: space-between; | ||
} | } | ||
}} | }} | ||
| Line 169: | Line 176: | ||
{{{content_{{#var: key}}}}}</div> | {{{content_{{#var: key}}}}}</div> | ||
}} | }} | ||
| − | </div>{{#if:{{{footer|}}}|<div id=" | + | </div>{{#if:{{{footer|}}}|<div id="foot">{{{footer}}}</div>}}</div></includeonly><noinclude> |
===Usage=== | ===Usage=== | ||
<pre>{{PC Panels | <pre>{{PC Panels | ||
Revision as of 01:59, 19 March 2018
Usage
{{PC Panels
| --- Appearance ---
| menu = top or side
| page_background = full page colour (#ff0000, red, etc.)
| page_text = text colour for full page
| page_links = link colour
| box_background = colour of the panels box
| box_text = colour of text in the panels box
| box_links = links within the panels box
| border = border colour
| border_width = how thick the outer border is
| border_style = solid, dotted, dashed, double, groove, ridge, inset, outset, or none
| corners = hard (90 degree) or soft (rounded)
| inner_border = style for the inner lines — see border_style
| banner = image link, text, or off
| banner_background = colour of the banner's background
| banner_text = colour of the banner's text
| portrait = image link or off (if left out completely, will try to guess an image)
| footer = what you want in your footer, if you want one
| expand = stretch or scroll
| height = how tall you want your box to be (default 500px) if using 'scroll'
Must be tall enough to hold all tab names!
| --- Content ---
| tab_1 = name of tab (i.e., Something)
| content_1 = contents of panel (i.e., Here's some content about something.)
| tab_2 = name of tab (i.e., Another Thing)
| content_2 = contents of panel (i.e., Content about this other thing.)
[...]
| tab_N = name of tab (i.e., Something Else)
| content_N = contents of panel (i.e., Some information for this last thing too.)
}}
You can have as many tabs/panels as you like, tab_1 through tab_N, but you don't need more than two (well, technically you only need one, but then why bother?). It may also get cluttered if you have too many tabs, but that's a matter of taste.
content_# can be as complicated as you like, as long as nothing is left open — with one major exception. Wiki table markup will not work in this template. If you want a table in one section, you have three options:
- In the content slot you want, call a subpage, such as {{:{{PAGENAME}}/Contacts}} — you can put a wiki-markup table in that subpage and it will work fine.
- Use html; i.e., <table><tr><td>First Cell</td><td>Second Cell</td></tr></table>, etc.
- Use Template:Table — instructions on that page, but it's fairly simple.
The appearance of nearly everything can be adjusted further by writing custom css.
