Difference between revisions of "Template:PC Panels"
From From The Ashes Wiki
Line 74: | Line 74: | ||
display: grid; | display: grid; | ||
grid-template-columns: min-content auto; | grid-template-columns: min-content auto; | ||
− | |||
grid-auto-flow: column; | grid-auto-flow: column; | ||
justify-content: stretch; | justify-content: stretch; | ||
− | align-content: | + | align-content: start; |
+ | min-height: 100%; | ||
+ | grid-template-rows: {{#forargs: tab_ | ||
+ | | key | ||
+ | | value | ||
+ | | min-content }} auto; | ||
} | } | ||
.panel { | .panel { |
Revision as of 17:48, 18 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 | height = how tall you want your box to be (default 500px). If using 'side' menu, 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. contents_# can be as complicated as you like, as long as nothing is left open.
The appearance can be adjusted further by writing custom css.