This is a documentation for Board Game Arena: play board games online !

Wiki formatting: Difference between revisions

From Board Game Arena
Jump to navigation Jump to search
m (→‎Create your own icons: category/template links)
(→‎Purpose: not sure the 2016 "once per day" is still true)
 
(3 intermediate revisions by 2 users not shown)
Line 3: Line 3:
''This page was created as a result of the [https://boardgamearena.com/forum/viewtopic.php?f=3&t=23790 Wiki style guide] forum thread.''
''This page was created as a result of the [https://boardgamearena.com/forum/viewtopic.php?f=3&t=23790 Wiki style guide] forum thread.''


<span style="font-size:larger;">Most wiki ('''doc.'''BoardGameArena.com) formatting is not preserved on [https://BoardGameArena.com BoardGameArena.com], but there are some workarounds.
<span style="font-size:larger;">Most wiki ('''doc.'''BoardGameArena.com) formatting is not preserved on BoardGameArena, but there are some workarounds.
This page is a collection of unofficial tips on how to make wiki pages display well in-game and on game panels.</span>
This page is a collection of unofficial tips on how to make wiki pages display well in-game and on game panels.</span>


Line 10: Line 10:
'''[https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]'''
'''[https://www.mediawiki.org/wiki/Help:Formatting Help:Formatting]'''


Note: Wiki page changes are [https://boardgamearena.com/forum/viewtopic.php?p=33914#p33914 updated once per day] on [https://BoardGameArena.com BoardGameArena.com].
Note: Wiki page changes have been said to be [https://boardgamearena.com/forum/viewtopic.php?p=33914#p33914 updated once per day] on BoardGameArena. (That may be outdated, it seems maybe once per hour now.)


==Languages==
==Languages==
Line 52: Line 52:
</pre>
</pre>
}}
}}
'''Markers''' (bullets <code>*</code>, numbering <code>#</code>), '''margins''' and '''padding''' are removed on [https://BoardGameArena.com BoardGameArena.com].
'''Markers''' (bullets <code>*</code>, numbering <code>#</code>), '''margins''' and '''padding''' are removed on BoardGameArena.


====Bug reports====
====Bug reports====
Line 81: Line 81:
|body1=<div style="width:100%;max-width:90vw;overflow:scroll;">
|body1=<div style="width:100%;max-width:90vw;overflow:scroll;">
{{{!}} class="wikitable" style="width:max-content;"
{{{!}} class="wikitable" style="width:max-content;"
{{!}}+Wiki vs [https://BoardGameArena.com BoardGameArena.com] list formatting
{{!}}+Wiki vs BoardGameArena list formatting
!
!
!Wiki text
!Wiki text
Line 177: Line 177:
|body2=<div style="width:100%;max-width:90vw;overflow:scroll;">
|body2=<div style="width:100%;max-width:90vw;overflow:scroll;">
{{{!}} class="wikitable" style="width:max-content;"
{{{!}} class="wikitable" style="width:max-content;"
{{!}}+Wiki vs [https://BoardGameArena.com BoardGameArena.com] list formatting
{{!}}+Wiki vs BoardGameArena list formatting
!
!
!Wiki text
!Wiki text
Line 276: Line 276:
|body3=<div style="width:100%;max-width:90vw;overflow:scroll;">
|body3=<div style="width:100%;max-width:90vw;overflow:scroll;">
{{{!}} class="wikitable" style="width:max-content;"
{{{!}} class="wikitable" style="width:max-content;"
{{!}}+Wiki vs [https://BoardGameArena.com BoardGameArena.com] list formatting
{{!}}+Wiki vs BoardGameArena list formatting
!
!
!Wiki text
!Wiki text
Line 408: Line 408:


{|class="wikitable" style="width:max-content;"
{|class="wikitable" style="width:max-content;"
|+Wiki vs [https://BoardGameArena.com BoardGameArena.com] heading formatting
|+Wiki vs BoardGameArena heading formatting
!
!
!Wiki text
!Wiki text
Line 619: Line 619:
===Issues===
===Issues===


# Resized images do not display on [https://BoardGameArena.com BoardGameArena.com].
# Resized images do not display on BoardGameArena.
#: e.g. <code><nowiki>[[File:Marrakech_example.jpg</nowiki>'''|300px'''<nowiki>]]</nowiki></code> because the ''resized'' image does not exist in the referenced directory.
#: e.g. <code><nowiki>[[File:Marrakech_example.jpg</nowiki>'''|300px'''<nowiki>]]</nowiki></code> because the ''resized'' image does not exist in the referenced directory.
# Thumbnails images do not display on [https://BoardGameArena.com BoardGameArena.com].
# Thumbnails images do not display on BoardGameArena.
#: e.g. <code><nowiki>[[File:Marrakech_example.jpg</nowiki>'''|thumb'''<nowiki>]]</nowiki></code> because thumbnails are just resized images.
#: e.g. <code><nowiki>[[File:Marrakech_example.jpg</nowiki>'''|thumb'''<nowiki>]]</nowiki></code> because thumbnails are just resized images.
# Image links do not work on [https://BoardGameArena.com BoardGameArena.com].
# Image links do not work on BoardGameArena.
#: e.g. <code><nowiki>[[File:Versions.png</nowiki>'''|link=https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg'''<nowiki>]]</nowiki></code> because the link resolves to <code>https://boardgamearena.com/dochttps://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg</code>
#: e.g. <code><nowiki>[[File:Versions.png</nowiki>'''|link=https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg'''<nowiki>]]</nowiki></code> because the link resolves to <code>https://boardgamearena.com/dochttps://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg</code>


Line 680: Line 680:
</pre>
</pre>
}}
}}
# <code>width: 98%;</code> stretches tables across the screen on [https://BoardGameArena.com BoardGameArena.com].
# <code>width: 98%;</code> stretches tables across the screen on BoardGameArena.
# Borders do not display on [https://BoardGameArena.com BoardGameArena.com].
# Borders do not display on BoardGameArena.


===Workarounds===
===Workarounds===
Line 690: Line 690:


{|class="wikitable" style="width:max-content; min-width:100%;"
{|class="wikitable" style="width:max-content; min-width:100%;"
|+Wiki vs [https://BoardGameArena.com BoardGameArena.com] table formatting
|+Wiki vs BoardGameArena table formatting
!
!
!Wiki text
!Wiki text
Line 921: Line 921:
</pre>
</pre>
}}
}}
# '''Margins''' and '''padding''' are removed on [https://BoardGameArena.com BoardGameArena.com].
# '''Margins''' and '''padding''' are removed on BoardGameArena.
# No left '''border'''.
# No left '''border'''.


Line 965: Line 965:
}}
}}


== Templates ==
== [[:Category:WikiTemplates|Wiki Templates]] ==


'''[https://www.mediawiki.org/wiki/Help:Templates Help:Templates]'''
'''[https://www.mediawiki.org/wiki/Help:Templates Help:Templates]'''


{{text|s=1.2|'''[[:Category:WikiTemplates]]''' is the home for all BGA wiki templates, split into sub-categories:}}
=== {{pill|[[:Category:TextTemplates|Text]]|#fcc|#fdc}} ===


===[[:Category:TextTemplates]]===
{{pill|[[Template:Text|Text]]|#fcc|#fdc}}
 
'''[[Template:Text]]'''
{{Text|Example|c=firebrick}}
{{Text|Example|c=firebrick}}
<code><nowiki>{{Text|Example|c=firebrick}}</nowiki></code>
<code><nowiki>{{Text|Example|c=firebrick}}</nowiki></code>


'''[[Template:Pill]]'''
{{pill|[[Template:Pill|Pill]]|#fcc|#fdc}}
{{pill|Example|firebrick}}
{{pill|Example|firebrick}}
<code><nowiki>{{pill|Example|firebrick}}</nowiki></code>
<code><nowiki>{{pill|Example|firebrick}}</nowiki></code>


'''[[Template:Code]]'''
{{pill|[[Template:Code|Code]]|#fcc|#fdc}}
{{code|Example}}
{{code|Example}}
<code><nowiki>{{code|Example}}</nowiki></code>
<code><nowiki>{{code|Example}}</nowiki></code>


----
{{pill|[[:Template:InfoBox|InfoBox]]|#fcc|#fdc}} <code><nowiki>{{InfoBox|title=Example|body=Lorem&hellip;}}</nowiki></code>
===[[:Template:InfoBox]]===
 
Customisable container(s) responsive to screen size.
 
{{InfoBox|title=Example
{{InfoBox|title=Example
|body=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
|body=Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
}}
}}
----
===[[:Category:GameIconTemplates]]===


=== Create your own icons ===
=== {{ZenithMars}}{{pill|[[:Category:GameIconTemplates|General Icons]]|#fdc|#ffc}} ===
'''[[:Template:GameIcon#Examples|See Examples]]'''


{{infoBox |maxWidth= |color=#37c |titleAlign=left |state=collapsed
<span><h4 style="display:inline;border-bottom:none">Create your own icons</h4> {{pill|[[:Template:GameIcon#Examples|see examples]]|#fdc|#ffc}}</span>
|title=Step 1
|body='''[[Special:Upload|Upload]]''' '''''YourImage'''''.png
}}


{{infoBox |maxWidth= |color=#3aa |titleAlign=left |state=collapsed
{{infoBoxes3 |titleAlign=left
|title=Step 2
|color1=#37c
|body=Create <code>[https://en.doc.boardgamearena.com/Template:YourIcon https://en.doc.boardgamearena.com<wbr>/Template:'''''YourIcon''''']</code>
|title1=Step 1
Fill in the parameters:
|body1='''[[Special:Upload|Upload]]''' '''''YourImage'''''.png
<pre style="background:none;border:none;">
{{gameIcon
</pre>
<code><nowiki>|tooltip=</nowiki></code>


<code><nowiki>|imageFileName=</nowiki></code>
|color2=#3aa
|title2=Step 2
|body2=Create <code>[https://en.doc.boardgamearena.com/Template: /Template:'''''YourIcon''''']</code>


<code><nowiki>|scale=</nowiki></code><code>1</code>
|color3=#3c7
 
|title3=Step 3
<code><nowiki>|width=</nowiki></code>
|body3=Insert <code><nowiki>{{</nowiki>'''''YourIcon'''''<nowiki>}}</nowiki></code>
 
}}<span></span>
<code><nowiki>|height=</nowiki></code>
 
<code><nowiki>|x=</nowiki></code><code>0</code>
 
<code><nowiki>|y=</nowiki></code><code>0</code>
 
<code><nowiki>|=</nowiki></code><code><nowiki>{{{1|&amp;ZeroWidthSpace;}}}</nowiki></code>
 
<code><nowiki>|textColor=</nowiki></code><code>black</code>
 
<code><nowiki>|outlineColor=</nowiki></code><code>white</code>
 
<pre style="background:none;border:none;">}}<nowiki><</nowiki>noinclude<nowiki>>
[[Category:YourIcons]]
<</nowiki>noinclude<nowiki>></nowiki>
</pre>
}}
 
{{infoBox |maxWidth= |color=#3c7 |titleAlign=left |state=collapsed
|title=Step 3
|body=Insert <code><nowiki>{{</nowiki>'''''YourIcon'''''<nowiki>}}</nowiki></code>
}}


<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
{|class="wikitable" style="text-align:center;"
{|class="wikitable" style="text-align:center;"
|+[[:Category:CylinderIcons]]
|+{{pill|[[:Category:CylinderIcons|Cylinders]]|#fdc|#ffc}}
!Wiki text
!Wiki text
!Result
!Result
Line 1,080: Line 1,044:


{|class="wikitable" style="text-align:center;"
{|class="wikitable" style="text-align:center;"
|+[[:Template:Meeple]]
|+{{pill|[[:Template:Meeple|Meeples]]|#fdc|#ffc}}
!Wiki text
!Wiki text
!Result
!Result
Line 1,111: Line 1,075:
|{{meeple|black|9}}
|{{meeple|black|9}}
|}
|}
{|class="wikitable" style="text-align:center;"
{|class="wikitable" style="text-align:center;"
|+[[:Category:DiceIcons]]
|+{{pill|[[:Category:Smileys|Smileys]]|#fdc|#ffc}}
!Wiki text
!Wiki text
!Result
!Result
|-
|-
|<code><nowiki>{{whiteDie|1}}</nowiki></code>
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s:)}}<nowiki>}}</nowiki>}}
|{{whiteDie|1}}
|{{s:)}}
|-
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s8)}}<nowiki>}}</nowiki>}}
|{{s8)}}
|-
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s:$}}<nowiki>}}</nowiki>}}
|{{s:$}}
|-
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s:(}}<nowiki>}}</nowiki>}}
|{{s:(}}
|-
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s:/}}<nowiki>}}</nowiki>}}
|{{s:/}}
|-
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s:D}}<nowiki>}}</nowiki>}}
|{{s:D}}
|-
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s:O}}<nowiki>}}</nowiki>}}
|{{s:O}}
|-
|-
|<code><nowiki>{{yellowDie|2}}</nowiki></code>
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s:O2}}<nowiki>}}</nowiki>}}
|{{yellowDie|2}}
|{{s:O2}}
|-
|-
|<code><nowiki>{{orangeDie|3}}</nowiki></code>
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s:P}}<nowiki>}}</nowiki>}}
|{{orangeDie|3}}
|{{s:P}}
|-
|-
|<code><nowiki>{{blackDie|4}}</nowiki></code>
|{{code|c=black|<nowiki>{{</nowiki>{{code|c=green|s;)}}<nowiki>}}</nowiki>}}
|{{blackDie|4}}
|{{s;)}}
|}
|}
</div>
</div>
----


===[[:Category:Card_templates]]===
<span>{{Hg|5}} <h3 style="display:inline;border-bottom:none">{{pill|[[:Category:Card_templates|Cards]]|#ffc|#dfc}}</h3></span>


<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
{|class="wikitable" style="text-align:center;"
{|class="wikitable" style="text-align:center;"
|+[[:Template:Card]]
|+{{pill|[[:Template:Card|Card]]|#ffc|#dfc}}
!Wiki text
!Wiki text
!Result
!Result
Line 1,163: Line 1,143:


{|class="wikitable" style="width:min-content;"
{|class="wikitable" style="width:min-content;"
|+[[:Template:Cardholder]]
|+{{pill|[[:Template:Cardholder|Card holder]]|#ffc|#dfc}}
!Wiki text
!Wiki text
!Result
!Result
Line 1,172: Line 1,152:
</div>
</div>


----
=== {{d6|fIB=snow|fI=Logo_without_title.png|fH=1842|R=30|Rx=30}} {{pill|[[:Category:DiceIcons|Dice]]|#dfc|#cfc}} ===
===[[:Category:PlayerBoardTemplates]]===
 
<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
{|class="wikitable" style="text-align:center;"
|+2D {{pill|[[:Template:WhiteDie|WhiteDie]]|#dfc|#cfc}}
!Wiki text
!Result
|-
|<code><nowiki>{{whiteDie|1}}</nowiki></code>
|{{whiteDie|1}}
|-
|<code><nowiki>{{yellowDie|2}}</nowiki></code>
|{{yellowDie|2}}
|-
|<code><nowiki>{{orangeDie|3}}</nowiki></code>
|{{orangeDie|3}}
|-
|<code><nowiki>{{blackDie|4}}</nowiki></code>
|{{blackDie|4}}
|}
{|class="wikitable" style="text-align:center;"
|+3D {{pill|[[:Template:D6|D6]]|#dfc|#cfc}}
!Wiki text
!Result
|-
|<code><nowiki>{{d6}}</nowiki></code>
|{{d6}}
|-
|<code><nowiki>{{d6|ParksDie.jpg|54}}</nowiki></code>
|{{d6|ParksDie.jpg|54}}
|}
</div>
 
<span>{{Master}} <h3 style="display:inline;border-bottom:none"> {{pill|[[:Category:PlayerBoardTemplates|Player panel icons]]|#cfc|#cfd}}</h3></span>
<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
<div style="display:flex;flex-wrap:wrap;align-items:start;gap:0.5rem">
{|class="wikitable" style="text-align:center;"
{|class="wikitable" style="text-align:center;"
|+{{pill|[[:Category:EloSkill|ELO ranks]]|#cfc|#cfd}}
!Wiki text
!Wiki text
!Result
!Result
Line 1,202: Line 1,215:


{|class="wikitable" style="text-align:center;"
{|class="wikitable" style="text-align:center;"
|+Other
!Wiki text
!Wiki text
!Result
!Result
Line 1,212: Line 1,226:
|}
|}
</div>
</div>
----
===[[:Template:Option]]===


{{option|s=|Selected and description|Option description|
=== {{pill|[[:Category:GameBoardTemplates|Boards]]|#cfd|#cff}} ===
{{option|ds=|df=|Sub-option, deselected, default and description|Sub-option description}}
}}
<code><nowiki>{{</nowiki>option|s=|Selected and description|Option description|
 
&nbsp;<nowiki>{{</nowiki>option|ds=|df=|Sub-option, deselected, default and description|Sub-option description<nowiki>}}</nowiki>
 
<nowiki>}}</nowiki></code>
 
'''[[Template:OptionGroup]]'''
{{optionGroup|Exchange mechanism|
{{option|df=|Commerce|
* May exchange 1 or 3 cards with face-up cards.
* If all players consecutively pass, all face-up cards are replaced.
}}
{{option|Draw and discard|
* Draw from the deck or discard pile, then discard.
* Cannot discard the same card taken from the discard pile.
}}
}}
----
===[[:Category:GameBoardTemplates]]===


<div style="display:flex;flex-flow:row wrap;align-items:center;gap:0.5rem;">
<div style="display:flex;flex-flow:row wrap;align-items:center;gap:0.5rem;">
<div style="display:flex;flex-flow:column wrap;align-items:center;">
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:Chessboard]]'''
{{pill|[[:Template:Chessboard|Chess board]]|#cfd|#cff}}


<code><nowiki>{{Chessboard}}</nowiki></code>
<code><nowiki>{{Chessboard}}</nowiki></code>
Line 1,246: Line 1,237:
</div>
</div>
<div style="display:flex;flex-flow:column wrap;align-items:center;">
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:Goboard9]]'''
{{pill|[[:Template:Goboard9|Go boards]]|#cfd|#cff}}


<code><nowiki>{{Goboard9}}</nowiki></code>
<code><nowiki>{{Goboard9}}</nowiki></code>
Line 1,252: Line 1,243:
</div>
</div>
<div style="display:flex;flex-flow:column wrap;align-items:center;">
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:Quoridorboard]]'''
{{pill|[[:Template:Quoridorboard|Quoridor board]]|#cfd|#cff}}


<code><nowiki>{{Quoridorboard}}</nowiki></code>
<code><nowiki>{{Quoridorboard}}</nowiki></code>
Line 1,258: Line 1,249:
</div>
</div>
<div style="display:flex;flex-flow:column wrap;align-items:center;">
<div style="display:flex;flex-flow:column wrap;align-items:center;">
'''[[:Template:HexMap]]'''
{{pill|[[:Template:HexMap|Hexagonal layouts]]|#cfd|#cff}}


<code><nowiki>{{HexMap}}</nowiki></code>
<code><nowiki>{{HexMap}}</nowiki></code>
Line 1,307: Line 1,298:
</div>
</div>
</div>
</div>
=== {{pill|[[:Template:Option|Game panel options]]|#cff|#cdf}} ===
{{option|s=|Selected and description|Option description|
{{option|ds=|df=|Sub-option, deselected, default and description|Sub-option description}}
}}
<code><nowiki>{{</nowiki>option|s=|Selected and description|Option description|
&nbsp;<nowiki>{{</nowiki>option|ds=|df=|Sub-option, deselected, default and description|Sub-option description<nowiki>}}</nowiki>
<nowiki>}}</nowiki></code>
{{pill|[[Template:OptionGroup|Game panel option group]]|#cff|#cdf}}
{{optionGroup|Exchange mechanism|
{{option|df=|Commerce|
* May exchange 1 or 3 cards with face-up cards.
* If all players consecutively pass, all face-up cards are replaced.
}}
{{option|Draw and discard|
* Draw from the deck or discard pile, then discard.
* Cannot discard the same card taken from the discard pile.
}}
}}

Latest revision as of 09:18, 19 July 2025

Purpose

This page was created as a result of the Wiki style guide forum thread.

Most wiki (doc.BoardGameArena.com) formatting is not preserved on BoardGameArena, but there are some workarounds. This page is a collection of unofficial tips on how to make wiki pages display well in-game and on game panels.

Feel free to add additional issues, advice and #Templates 🙂

Help:Formatting

Note: Wiki page changes have been said to be updated once per day on BoardGameArena. (That may be outdated, it seems maybe once per hour now.)

Languages

Wiki page content displays:

  1. User's language, else
  2. English, else
  3. Create this page link/button.

e.g. A Chinese user reads the Jump Drive rules summary on its game panel page, displayed in English (en.doc.boardgamearena.com/Gamehelpjumpdrive) because the Chinese (zh.doc.boardgamearena.com/Gamehelpjumpdrive) page does not exist. The user sees a typo in the English rules and selects the edit page link to correct it, but the Chinese wiki's create page is displayed instead.

Bug reports

Lists

Help:Lists

Issues

common.css rules
li {
    list-style: none; /*removes list markers*/
}

li, ul {
    margin: 0; /*removes margin before and after lists*/
    padding: 0; /*removes list indentation*/
}

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0; /*removes inline and block margins*/
    padding: 0; /*removes list indentation*/
}

Markers (bullets *, numbering #), margins and padding are removed on BoardGameArena.

Bug reports

Workarounds

  1. Use static markers (•,-,1.).
  2. Replace with HTML + CSS.
common.css rules
ul.bulletlist li {
    list-style: disc none inside
}

.wikicontent p {
    margin-bottom: 8px;
    margin-top: 8px
}
Bullet lists
Wiki vs BoardGameArena list formatting
Wiki text Wiki BGA
Dynamic

marker¹ * 

* A
* B
* C
  • A
  • B
  • C
  • A
  • B
  • C
Dynamic¹ +

static marker 

*- A
*- B
*- C
  • - A
  • - B
  • - C
  • - A
  • - B
  • - C
static marker +

line breaks² 


- A

- B

- C

- A

- B

- C

- A

- B

- C

HTML + CSS 
<ul class="bulletlist" style="
    margin:1em 0;
    padding-inline-start:40px;
">
    <li>A</li>
    <li>B</li>
    <li>C</li>
</ul>
  • A
  • B
  • C
  • A
  • B
  • C
Numbered lists
Wiki vs BoardGameArena list formatting
Wiki text Wiki BGA
Dynamic

marker¹ # 

# A
# B
# C
  1. A
  2. B
  3. C
  1. A
  2. B
  3. C
Dynamic¹ +

static marker 

# 1. A
# 2. B
# 3. C
  1. 1. A
  2. 2. B
  3. 3. C
  1. 1. A
  2. 2. B
  3. 3. C
static marker +

line breaks² 


1. A

2. B

3. C

1. A

2. B

3. C

1. A

2. B

3. C

HTML + CSS 
<ol style="
    margin:1em 0;
    padding-inline-start:40px;
">
    <li style="list-style-type:decimal;">A</li>
    <li style="list-style-type:decimal;">B</li>
    <li style="list-style-type:decimal;">C</li>
</ol>
  1. A
  2. B
  3. C
  1. A
  2. B
  3. C
Definition lists
Wiki vs BoardGameArena list formatting
Wiki text Wiki BGA
Dynamic

marker¹ ; : 

;A term: A detail
;B term: B detail
;C term: C detail
A term
A detail
B term
B detail
C term
C detail
A term
A detail
B term
B detail
C term
C detail
Dynamic¹ +

static marker 

;'''A term''': A detail
;'''B term''': B detail
;'''C term''': C detail
A term
A detail
B term
B detail
C term
C detail
A term
A detail
B term
B detail
C term
C detail
static marker +

line breaks² 


'''A term''': A detail

'''B term''': B detail

'''C term''': C detail

A term: A detail

B term: B detail

C term: C detail

A term: A detail

B term: B detail

C term: C detail

HTML + CSS 
<dl>
 <dt><b>A term</b></dt>
  <dd style="margin-inline-start:1.6em;">A detail</dd>
 <dt><b>B term</b></dt>
  <dd style="margin-inline-start:1.6em;">B detail</dd>
 <dt><b>C term</b></dt>
  <dd style="margin-inline-start:1.6em;">C detail</dd>
</dl>
A term
A detail
B term
B detail
C term
C detail
A term
A detail
B term
B detail
C term
C detail

¹Dynamic markers generate HTML list structure.

²Without dynamic markers, <p>paragraphs</p> are generated which require line breaks before and after the "list" to prevent merging into surrounding paragraphs.

Headings

Level 1 (h1) headings are the title of the page e.g. = Wiki formatting =, = Gamehelp[name] =, = Tips_[name] =.

Issues

  1. In-game h2 and h3 headings are visually indistinguishable.
  2. In-game h3 headings overlap text from the previous section.
  3. h5 headings and below are visually indistinguishable from body text.
  4. Inconsistency between in-game and game panel headings.

Bug reports

Workarounds

Since in-game h3 headings became indistinguishable from h2 headings:

  • Change h3 to h4 headings.
  • Use additional line breaks before h3 headings.
Wiki vs BoardGameArena heading formatting
Wiki text Wiki BGA game panel BGA in-game
h2 
* List item

== Example h2 heading ==

* List item
  • List item
Example h2 heading
  • List item
  • List item
    • Example h2 heading
  • List item
    		•
  • List item
    • Example h2 heading
  • List item
    • h3 
    * List item

=== Example h3 heading ===

* List item
    • List item
    Example h3 heading
    • List item
  • List item
    • Example h3 heading
  • List item
    		•
  • List item
    • Example h3 heading
  • List item
    • h4 
    * List item

==== Example h4 heading ====

* List item
    • List item
    Example h4 heading
    • List item
  • List item
    • Example h4 heading
  • List item
    		•
  • List item
    • Example h4 heading
  • List item
    • h5 
    * List item

===== Example h5 heading =====

* List item
    • List item
    Example h5 heading
    • List item
  • List item
    • Example h5 heading
  • List item
    		•
  • List item
    • Example h5 heading
  • List item
    • common.css rules
    blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0; /*removes inline and block margins*/
    padding: 0; /*removes list indentation*/
}

h2 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-top: 10px;
}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
body {
    font-family: Roboto,Arial,sans-serif;
    //font-size: 16px;
}
h3, h4 {
    font-weight: 700;
    margin-bottom: 5px;
}
h3 {
    display: block;
    //font-size: 1.17em;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    //font-weight: bold;
}
h3 {
    font-size: 16px;
    margin-top: 5px;
}
h4 {
    margin-top: 20px;
}
h4 {
    display: block;
    margin-block-start: 1.33em;
    margin-block-end: 1.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    //font-weight: bold;
}
h5 {
    display: block;
    //font-size: 0.83em;
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    //font-weight: bold;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    //font-weight: 400;
}
    gameserver.css rules
    .pagesection .wikicontent h2 {
    margin-top: 12px;
}
.pagesection h2, .pagesection h3, .portlet h2, .portlet h3 {
    background: linear-gradient(0deg,#f8f8f8,#e7e9e8);
    border-radius: 6px 6px 0 0;
    box-shadow: 0 5px 5px 0 rgba(0,0,0,.1);
    color: #385088;
    font-size: 14px;
    margin: -12px -12px 20px;
    padding: 12px;
    text-transform: uppercase;
}
    Game panel heading example
    Game panel content appears in a single box:
    Ruleset heading example about.png
    In-game heading example
    In-game content appears in multiple boxes:
    Ruleset heading example.png

    Links

    Help:Links

    Issues

    1. Links to section headings # do not work outside of the wiki (doc.BoardGameArena.com).
    2. URL is resolved to /doc instead of the current page.
    3. In-game links navigate the user away from the game.

    e.g. [[#Section_heading_link]] ⇨ https://BoardGameArena.com/doc#Section_heading_link ¹.

    Bug reports

    Workarounds

    1. Remove links that do not function as expected.

    Images

    Help:Images

    Issues

    1. Resized images do not display on BoardGameArena.
      e.g. [[File:Marrakech_example.jpg|300px]] because the resized image does not exist in the referenced directory.
    2. Thumbnails images do not display on BoardGameArena.
      e.g. [[File:Marrakech_example.jpg|thumb]] because thumbnails are just resized images.
    3. Image links do not work on BoardGameArena.
      e.g. [[File:Versions.png|link=https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg]] because the link resolves to https://boardgamearena.com/dochttps://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg

    Workarounds

    1. Upload YourImage with the size it will appear and include the image as simply:
      e.g. [[File:Marrakech_example.jpg]]
    2. Create a {{gameIcon}} with a scale factor.
      e.g. {{YourIcon|scale=0.5}} to reduce the image dimensions by ½.
    3. Replace image links with regular links.
      e.g. [[File:Versions.png]]
      [https://en.doc.boardgamearena.com/images/b/b5/Factum_Rules_Summary_EN_v1.jpg LinkText]

    Tips

    1. Optionally include rollover text [[File:Marrakech_example.jpg|Example move]]

    Tables

    Help:Tables

    Issues

    common.css rules
    .wikicontent table {
    border-collapse: collapse;
    margin-left: 5px;
    margin-top: 5px;
    width: 98%;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
caption, th {
    text-align: left;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400;
}
.wikicontent table td, .wikicontent table th {
    padding: 5px;
    text-align: center;
}
blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0;
}
.wikicontent table td, .wikicontent table th {
    padding: 5px;
    text-align: center;
}
    1. width: 98%; stretches tables across the screen on BoardGameArena.
    2. Borders do not display on BoardGameArena.

    Workarounds

    1. style="width:auto;" fits column width to the contents.
    2. border="2" creates table cell borders.
    3. Replace with HTML + CSS grid.
    Wiki vs BoardGameArena table formatting
    Wiki text Wiki BGA
    Raw wikitable 
    {|class="wikitable"
|+Caption
!0-90
|⭐
|-
!91-110
|⭐⭐
|-
!111-125
|⭐⭐⭐
|}
    Caption
    0-90 ⭐
    91-110 ⭐⭐
    111-125 ⭐⭐⭐
    Caption
    0-90 ⭐
    91-110 ⭐⭐
    111-125 ⭐⭐⭐
    width:auto; border="2" 
    {|class="wikitable" style="width:auto;" border="2"
|+Caption
!0-90
|⭐
|-
!91-110
|⭐⭐
|-
!111-125
|⭐⭐⭐
|}
    Caption
    0-90 ⭐
    91-110 ⭐⭐
    111-125 ⭐⭐⭐
    Caption
    0-90 ⭐
    91-110 ⭐⭐
    111-125 ⭐⭐⭐

    Option grids

    Option grids can help visualise multiple interdependent options. Where inflexible wiki text tables fall short, HTML + CSS grid is responsive to screen size e.g. GameHelpPente:

    Training mode only
    Default
    Other
    # of players
    2
    3
    4
    Free-for-all
    Team
    All options win
    Align exactly 5 stones in a row
    Align exactly 4 stones in a row
    Overline win
    May align more than 5 stones in a row
    May align more than 4 stones in a row
    Capture win
    Make 5 captures
    Make 4 captures
    Capture three
    May capture two or three stones (Keryo Pente)
    Self-capture
    No effect: a stone may be placed in a capture position
    Self-capture: results in self-capture! (Poof Pente)
    Forbidden: a stone may not be placed in a capture position
    Overtime capture
    Break the line: may capture to break a winning line (Boat Pente)
    Capture the line: may capture an entire winning line
    Mixed capture
    Enabled: May capture stones of mixed colour
    Disabled: Captures of one colour only
    HTML + inline CSS
    <div style="display:flex;flex-flow:row wrap;max-width:max-content;border:0.1rem solid #aaa;">
 <div style="box-shadow:inset 0 0 0 0.1rem #f0f;background:#fef;padding:0.5rem;width:max-content;">Training mode only</div>
 <div style="box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;width:max-content;">Default</div>
 <div style="box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;width:max-content;">Other</div> 
</div>

<div style="display:grid;max-width:50rem;border:0.1rem solid #aaa;">
 <div   style="grid-area: 1 / 1 /  3 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;"># of players</div>
  <div  style="grid-area: 1 / 2 /  3 / 3;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;text-align:center;font-size:1.2rem;">2</div>
  <div  style="grid-area: 1 / 5 /  3 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;text-align:center;font-size:1.2rem;">3</div>
  <div  style="grid-area: 1 / 3 /  2 / 5;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;text-align:center;font-size:1.2rem;">4</div>
   <div style="grid-area: 2 / 4 /  3 / 5;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;text-align:center;">Free-for-all</div>
   <div style="grid-area: 2 / 3 /  3 / 4;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;text-align:center;">Team</div>
 <div   style="grid-area: 3 / 1 /  4 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">All options win</div>
  <div  style="grid-area: 3 / 2 /  4 / 4;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Align exactly <b>5</b> stones in a row</div>
  <div  style="grid-area: 3 / 4 /  4 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Align exactly <b>4</b> stones in a row</div>
 <div   style="grid-area: 4 / 1 /  5 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Overline win</div>
  <div  style="grid-area: 4 / 2 /  5 / 4;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">May align more than <b>5</b> stones in a row</div>
  <div  style="grid-area: 4 / 4 /  5 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">May align more than <b>4</b> stones in a row</div>
 <div   style="grid-area: 5 / 1 /  6 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Capture win</div>
  <div  style="grid-area: 5 / 2 /  6 / 4;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Make <b>5</b> captures</div>
  <div  style="grid-area: 5 / 4 /  6 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Make <b>4</b> captures</div>
 <div   style="grid-area: 6 / 1 /  7 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Capture three</div>
  <div  style="grid-area: 6 / 2 /  7 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">May capture two <b>or three</b> stones (Keryo Pente)</div>
 <div   style="grid-area: 7 / 1 / 10 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Self-capture</div>
  <div  style="grid-area: 7 / 2 /  8 / 6;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">No effect: a stone may be placed in a capture position</div>
  <div  style="grid-area: 8 / 2 /  9 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Self-capture: results in <b>self-capture!</b> (Poof Pente)</div>
  <div  style="grid-area: 9 / 2 / 10 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Forbidden: a stone may <b>not</b> be placed in a capture position</b></div>
 <div   style="grid-area:10 / 1 / 12 / 2;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;font-weight:bold;">Overtime capture</div>
  <div  style="grid-area:10 / 2 / 11 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Break the line: may capture to break a winning line (Boat Pente)</div>
  <div  style="grid-area:11 / 2 / 12 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Capture the line: may capture an entire winning line</div>
 <div   style="grid-area:12 / 1 / 14 / 2;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;font-weight:bold;">Mixed capture</div>
  <div  style="grid-area:12 / 3 / 13 / 6;box-shadow:inset 0 0 0 0.1rem #0f0;background:#efe;padding:0.5rem;">Enabled: May capture stones of mixed colour</div>
  <div  style="grid-area:13 / 2 / 14 / 6;box-shadow:inset 0 0 0 0.1rem #ddd;background:#fff;padding:0.5rem;">Disabled: Captures of one colour only</div>
</div>
    Unresponsive wiki text equivalent
    {|class="wikitable" style="text-align:left;width:max-content;" border="2"
|+Options
|-
!rowspan="2" style="text-align:left;"|# of players
!rowspan="2" style="text-align:center;"|2
!colspan="2" style="text-align:center;"|4
!rowspan="2" style="text-align:center;"|3
|-
!style="text-align:center;"|Team
!style="text-align:center;background:#efe;box-shadow:inset 0 0 0 1px #4f4;"|Free-for-all
|-
!style="text-align:left;background:#efe;box-shadow:inset 0 0 0 1px #4f4;"|All options win
|colspan="2"|Align exactly '''5''' stones in a row
|colspan="2"|Align exactly '''4''' stones in a row
|-
!style="text-align:left;background:#efe;box-shadow:inset 0 0 0 1px #4f4;"|Overline win
|colspan="2"|May align more than '''5''' stones in a row
|colspan="2"|May align more than '''4''' stones in a row
|-
!style="text-align:left;background:#efe;box-shadow:inset 0 0 0 1px #4f4;"|Capture win
|colspan="2"|Make '''5''' captures
|colspan="2"|Make '''4''' captures
|-
!style="text-align:left;"|Capture three
|colspan="4"|May capture two '''or three''' stones (Keryo Pente)
|-
!rowspan="3" style="text-align:left;background:#efe;box-shadow:inset 0 0 0 1px #4f4;"|Self-capture
|colspan="4" style="background:#efe;box-shadow:inset 0 0 0 1px #4f4;"|No effect: a stone may be placed in a capture position
|-
|colspan="4"|Self-capture: results in '''self-capture!''' (Poof Pente)
|-
|colspan="4"|Forbidden: a stone may '''not''' be placed in a capture position
|-
!rowspan="2" style="text-align:left;"|Overtime capture
|colspan="4"|Break the line: may capture to break a winning line (Boat Pente)
|-
|colspan="4"|Capture the line: may capture an entire winning line
|-
!rowspan="2" style="text-align:left;background:#efe;box-shadow:inset 0 0 0 1px #4f4;"|Mixed capture
|
|colspan="3" style="background:#efe;box-shadow:inset 0 0 0 1px #4f4;"|Enabled: May capture stones of mixed colour
|-
|colspan="4"|Disabled: Captures of one colour only
|}

    Blockquote

    Issues

    common.css rules
    blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0; /*removes inline and block margins*/
    padding: 0; /*removes list indentation*/
}
    1. Margins and padding are removed on BoardGameArena.
    2. No left border.

    Workarounds

    1. Replace with HTML + CSS.
    HTML + CSS <blockquote> formatting
    Wiki text Wiki BGA 
    <blockquote style="
    margin:1em 0;
    margin-inline:40px;
    padding:8px 32px;
    border-left:4px solid #eaecf0;
">
This is a <blockquote>
</blockquote>

    This is a

    <blockquote>

    This is a

    <blockquote>

    Wiki Templates

    Help:Templates

    Text

    Text Example {{Text|Example|c=firebrick}}

    Pill Example {{pill|Example|firebrick}}

    Code Example {{code|Example}}

    InfoBox {{InfoBox|title=Example|body=Lorem…}}

    Example
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    Mars token​General Icons

    Create your own icons

    see examples
    Step 1
    Upload YourImage.png
    Step 2
    Create /Template:YourIcon
    Step 3
    Insert {{YourIcon}}

    Cylinders
    Wiki text Result
    {{redCylinder|1}} red token1
    {{orangeCylinder|2}} orange token2
    {{yellowCylinder|3}} yellow token3
    {{greenCylinder|4}} green token4
    {{blueCylinder|5}} blue token5
    {{purpleCylinder|6}} purple token6
    {{whiteCylinder|7}} white token7
    {{greyCylinder|8}} grey token8
    {{blackCylinder|9}} black token9
    {{creamCylinder|10}} cream token10
    Meeples
    Wiki text Result
    {{meeple|red|1}} red meeple1
    {{meeple|orange|2}} orange meeple2
    {{meeple|yellow|3}} yellow meeple3
    {{meeple|green|4}} green meeple4
    {{meeple|blue|5}} blue meeple5
    {{meeple|purple|6}} purple meeple6
    {{meeple|white|7}} white meeple7
    {{meeple|grey|8}} grey meeple8
    {{meeple|black|9}} black meeple9
    Smileys
    Wiki text Result
    {{s:)}} smile​
    {{s8)}} sunglasses​
    {{s:$}} blushing​
    {{s:(}} frown​
    {{s:/}} confused​
    {{s:D}} big smile​
    {{s:O}} surprised​
    {{s:O2}} shocked​
    {{s:P}} cheeky​
    {{s;)}} winking smile​
    green5,with a green5clue,

    Cards
    Card
    Wiki text Result
    {{card|A}} A
    {{club|K}} K♣
    {{spade|Q}} Q♠
    {{heart|J}} J♥
    {{diamond|10}} 10♦
    {{cardBack}} 🟔
    {{club|color=green}} ​♣
    Card holder
    Wiki text Result
    {{cardholder|{{diamond|A}}{{club|A}}{{heart|A}}{{spade|A}} |Alice}} A♦A♣A♥A♠ Alice

    D6Faces.pngLogo without title.pngD6Faces.pngD6Faces.pngD6Faces.pngD6Faces.png Dice

    2D WhiteDie
    Wiki text Result
    {{whiteDie|1}} white die​
    {{yellowDie|2}} yellow die​
    {{orangeDie|3}} orange die​
    {{blackDie|4}} black die​
    3D D6
    Wiki text Result
    {{d6}} D6Faces.pngD6Faces.pngD6Faces.pngD6Faces.pngD6Faces.pngD6Faces.png
    {{d6|ParksDie.jpg|54}} ParksDie.jpgParksDie.jpgParksDie.jpgParksDie.jpgParksDie.jpgParksDie.jpg
    rank Master

    Player panel icons
    ELO ranks
    Wiki text Result
    {{Beginner}} {{Beginner|0}} rank Beginner rank 0
    {{Apprentice}} {{Apprentice|1}} rank Apprentice rank 1
    {{Average}} {{Average|100}} rank Average rank 100
    {{Good}} {{Good|200}} rank Good rank 200
    {{Strong}} {{Strong|300}} rank Strong rank 300
    {{Expert}} {{Expert|500}} rank Expert rank 500
    {{Master}} {{Master|700}} rank Master rank 700
    Other
    Wiki text Result
    {{player|2}} 2players
    {{hand|4}} 4cards in hand

    Boards

    Chess board

    {{Chessboard}}

    A
    B
    C
    D
    E
    F
    G
    H
    8
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    8
    7
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    7
    6
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    6
    5
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    5
    4
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    4
    3
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    3
    2
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    2
    1
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    Empty Square
    1
    A
    B
    C
    D
    E
    F
    G
    H

    Go boards

    {{Goboard9}}

    A
    B
    C
    D
    E
    F
    G
    H
    J
    9
    9
    8
    8
    7
    7
    6
    6
    5
    5
    4
    4
    3
    3
    2
    2
    1
    1
    A
    B
    C
    D
    E
    F
    G
    H
    J

    Quoridor board

    {{Quoridorboard}}

    A
    B
    C
    D
    E
    F
    G
    H
    I
    9
    9
    8
    8
    7
    7
    6
    6
    5
    5
    4
    4
    3
    3
    2
    2
    1
    1
    A
    B
    C
    D
    E
    F
    G
    H
    I

    Hexagonal layouts

    {{HexMap}}

    1
    Sand​
    ​
    Sand​
    ​
    Sand​
    ​
    Sand​
    ​
    Jungle​
    ​
    Jungle​
    ​
    Jungle​
    ​
    Sand​
    ​
    Jungle​
    ​
    Clearing​
    ​
    Clearing​
    ​
    Sand​
    ​
    Jungle​
    ​
    Clearing​
    ​
    Soldier Ant​
    Beetle​
    Grasshopper​
    Spider​
    Queen Bee​
    Grasshopper​
    Spider​


    Game panel options

    Selected and description
    Option description
    Sub-option, deselected, default and description
    Sub-option description

    {{option|s=|Selected and description|Option description|

     {{option|ds=|df=|Sub-option, deselected, default and description|Sub-option description}}

    }}

    Game panel option group

    Exchange mechanism
    Commerce
    • May exchange 1 or 3 cards with face-up cards.
    • If all players consecutively pass, all face-up cards are replaced.
    Draw and discard
    • Draw from the deck or discard pile, then discard.
    • Cannot discard the same card taken from the discard pile.
    Retrieved from "http:///index.php?title=Wiki_formatting&oldid=25860"