Template:Grid/doc: Difference between revisions
From Elwiki
(Created page with "== About Grid == <code>Grid</code> is similar to <code>Section</code>. However, <code>Grid</code> makes it easier and simpler to customize your columns....") |
mNo edit summary |
||
| Line 11: | Line 11: | ||
! '''Param''' !! '''Description''' | ! '''Param''' !! '''Description''' | ||
|- | |- | ||
! colspan="2" ! 🍈 '''''1: Grid Styling''''' | |||
|- | |- | ||
| '''GridClass''' || General and overall HTML class for the wrapper box. | | '''GridClass''' || General and overall HTML class(es) for the wrapper box. | ||
|- | |- | ||
| '''GridStyle''' || General and overall CSS | | '''GridStyle''' || General and overall CSS style(s) for the wrapper box. | ||
|- | |- | ||
! colspan="2" ! 🍉 '''''2: Grid Configuration''''' | |||
|- | |- | ||
| '''Width1''', '''Width2''', ... || Width of column1, column2, etc. Will be described further in [[#FAQ|FAQ]]. | | '''Width1''', '''Width2''', ... || Width of column1, column2, etc. Will be described further in [[#FAQ|FAQ]]. | ||
|- | |- | ||
| | ! colspan="2" ! 🍍 '''''3: Header Styling''''' | ||
|- | |||
| '''HClass''' | General and base HTML class(es) for all header boxes. | |||
|- | |||
| '''HStyle''' | General and base CSS style(s) for all header boxes. | |||
|- | |||
| '''HClass1''', '''HClass2''', ... || HTML class(es) for first, second, ... header boxes. | |||
|- | |||
| '''HStyle1''', '''HStyle2''', ... || CSS style(s) for first, second, ... header boxes. | |||
|- | |||
! colspan="2" ! 🍒 '''''4: Content Styling''''' | |||
|- | |||
| '''CClass''' | General and base HTML class(es) for all content boxes. | |||
|- | |||
| '''CStyle''' | General and base CSS style(s) for all content boxes. | |||
|- | |||
| '''CClass1''', '''CClass2''', ... || HTML class(es) for first, second, ... content boxes. | |||
|- | |||
| '''CStyle1''', '''CStyle2''', ... || CSS style(s) for first, second, ... content boxes. | |||
! colspan="2" ! 🍅 '''''5: Header & Content''''' | |||
|- | |||
| '''Header1''', '''Header2''', ... || First, second, ... header text. | |||
|- | |||
| '''Content1''', '''Content2''', ... || First, second, ... content wikitext. | |||
|} | |} | ||
== FAQ == | == FAQ == | ||
Revision as of 13:21, 16 October 2021
About Grid
Grid is similar to Section. However, Grid makes it easier and simpler to customize your columns.
Usage
{{Grid|param1|param2}}
Parameters
| Param | Description | |
|---|---|---|
| colspan="2" ! 🍈 1: Grid Styling | ||
| GridClass | General and overall HTML class(es) for the wrapper box. | |
| GridStyle | General and overall CSS style(s) for the wrapper box. | |
| colspan="2" ! 🍉 2: Grid Configuration | ||
| Width1, Width2, ... | Width of column1, column2, etc. Will be described further in FAQ. | |
| colspan="2" ! 🍍 3: Header Styling | ||
| General and base HTML class(es) for all header boxes. | ||
| General and base CSS style(s) for all header boxes. | ||
| HClass1, HClass2, ... | HTML class(es) for first, second, ... header boxes. | |
| HStyle1, HStyle2, ... | CSS style(s) for first, second, ... header boxes. | |
| colspan="2" ! 🍒 4: Content Styling | ||
| General and base HTML class(es) for all content boxes. | ||
| General and base CSS style(s) for all content boxes. | ||
| CClass1, CClass2, ... | HTML class(es) for first, second, ... content boxes. | |
| CStyle1, CStyle2, ... | CSS style(s) for first, second, ... content boxes. | colspan="2" ! 🍅 5: Header & Content |
| Header1, Header2, ... | First, second, ... header text. | |
| Content1, Content2, ... | First, second, ... content wikitext. |
