Template:Flexheader

From Bulbapedia, the community-driven Pokémon encyclopedia.
Revision as of 16:07, 18 May 2023 by Boblers (talk | contribs) (Created page with "<includeonly><div style="display:flex; flex-wrap:wrap; vertical-align:middle; align-items:start; justify-content:center;"></includeonly><noinclude> ==Usage== <pre>{{User:Bobl...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigationJump to search


Usage

{{User:Boblers/flexheader}}
(include as many inline-formatted items as desired)
{{User:Boblers/flexfooter}}

Functionality:

  • Between {{User:Boblers/flexheader}} and {{User:Boblers/flexfooter}}, include a list of inline-formatted items (example: Instances of the {{User:Boblers/tableimage2}} template).
  • The set of items will be formatted as a flex with wrapping, will be centered horizontally, and will be aligned vertically by the middle of each item.
  • On wide screens such as on desktop, the items will display horizontally. If there are too many items to display horizontally given the screen size, they will wrap to the next row.

Examples

{{User:Boblers/flexheader}}
{{User:Boblers/tableimageset2
|border=FFAAFF
|background=AAFFAA
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{User:Boblers/tableimage|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか にわかけまわれ グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
|descname3=Translation (EN)
|desc3="Run around the snowy garden, {{tt|Glacia|Glaceon}}."
|notes=Add notes here
}}
{{User:Boblers/tableimageset2
|border={{Pearl color}}
|background={{Diamond color}}
|title='''[[Professor Oak's Big Pokémon Encyclopedia]]:''' {{p|Glaceon}}
|images=
{{User:Boblers/tableimage|file=Professor Oak Lecture DP094.png|hovertext=Glaceon|caption=}}
|descname1=Original (JP)
|desc1=ゆきのなか にわかけまわれ グレイシア
|descname2=Romaji
|desc2=''Yuki no naka, niwa kakemaware, gureishia.''
}}
{{User:Boblers/flexfooter}}

User:Boblers/flexheader User:Boblers/tableimageset2 User:Boblers/tableimageset2 User:Boblers/flexfooter