This is a documentation for Board Game Arena: play board games online !
Template:Goboard9: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) m (reduced squareSize) |
Sammy McSam (talk | contribs) m (added notation z-index) |
||
Line 10: | Line 10: | ||
<div class="board background" style=" | <div class="board background" style=" | ||
background:{{{boardColour|#e5c079}}}; | background:{{{boardColour|#e5c079}}}; | ||
width:100%; | width:100%; | ||
height:100%; | height:100%; | ||
Line 21: | Line 20: | ||
grid:repeat(calc({{{boardSize|9}}} - 1),{{{squareSize|36}}}px) / repeat(calc({{{boardSize|9}}} - 1),{{{squareSize|36}}}px); | grid:repeat(calc({{{boardSize|9}}} - 1),{{{squareSize|36}}}px) / repeat(calc({{{boardSize|9}}} - 1),{{{squareSize|36}}}px); | ||
gap:{{{gridlineThickness|1}}}px; | gap:{{{gridlineThickness|1}}}px; | ||
left:calc(({{{squareSize|36}}}px / 2) + ({{{gridlineThickness|1}}}px / 2)); | left:calc(({{{squareSize|36}}}px / 2) + ({{{gridlineThickness|1}}}px / 2)); | ||
top :calc(({{{squareSize|36}}}px / 2) + ({{{gridlineThickness|1}}}px / 2)); | top :calc(({{{squareSize|36}}}px / 2) + ({{{gridlineThickness|1}}}px / 2)); | ||
Line 92: | Line 90: | ||
</div>{{{hideNotation| | </div>{{{hideNotation| | ||
<div></div> | <div></div> | ||
<div style="align-self:end;text-align:center;">A</div> | <div style="align-self:end;text-align:center;z-index:1;">A</div> | ||
<div style="align-self:end;text-align:center;">B</div> | <div style="align-self:end;text-align:center;z-index:1;">B</div> | ||
<div style="align-self:end;text-align:center;">C</div> | <div style="align-self:end;text-align:center;z-index:1;">C</div> | ||
<div style="align-self:end;text-align:center;">D</div> | <div style="align-self:end;text-align:center;z-index:1;">D</div> | ||
<div style="align-self:end;text-align:center;">E</div> | <div style="align-self:end;text-align:center;z-index:1;">E</div> | ||
<div style="align-self:end;text-align:center;">F</div> | <div style="align-self:end;text-align:center;z-index:1;">F</div> | ||
<div style="align-self:end;text-align:center;">G</div> | <div style="align-self:end;text-align:center;z-index:1;">G</div> | ||
<div style="align-self:end;text-align:center;">H</div> | <div style="align-self:end;text-align:center;z-index:1;">H</div> | ||
<div style="align-self:end;text-align:center;">J</div> | <div style="align-self:end;text-align:center;z-index:1;">J</div> | ||
<div></div> | <div></div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">9</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">9</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta9|}}}px;position:relative;"> | ||
Line 147: | Line 145: | ||
<div style="position:absolute;">{{{j9|}}}</div> | <div style="position:absolute;">{{{j9|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">9</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">9</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">8</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">8</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta8|}}}px;position:relative;"> | ||
Line 193: | Line 191: | ||
<div style="position:absolute;">{{{j8|}}}</div> | <div style="position:absolute;">{{{j8|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">8</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">8</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">7</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">7</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta7|}}}px;position:relative;"> | ||
Line 241: | Line 239: | ||
<div style="position:absolute;">{{{j7|}}}</div> | <div style="position:absolute;">{{{j7|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">7</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">7</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">6</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">6</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta6|}}}px;position:relative;"> | ||
Line 287: | Line 285: | ||
<div style="position:absolute;">{{{j6|}}}</div> | <div style="position:absolute;">{{{j6|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">6</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">6</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">5</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">5</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta5|}}}px;position:relative;"> | ||
Line 334: | Line 332: | ||
<div style="position:absolute;">{{{j5|}}}</div> | <div style="position:absolute;">{{{j5|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">5</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">5</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">4</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">4</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta4|}}}px;position:relative;"> | ||
Line 380: | Line 378: | ||
<div style="position:absolute;">{{{j4|}}}</div> | <div style="position:absolute;">{{{j4|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">4</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">4</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">3</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">3</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta3|}}}px;position:relative;"> | ||
Line 428: | Line 426: | ||
<div style="position:absolute;">{{{j3|}}}</div> | <div style="position:absolute;">{{{j3|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">3</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">3</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">2</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">2</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta2|}}}px;position:relative;"> | ||
Line 474: | Line 472: | ||
<div style="position:absolute;">{{{j2|}}}</div> | <div style="position:absolute;">{{{j2|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left ;padding-left :4px;">2</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left ;z-index:1;padding-left :4px;">2</div> | ||
<div style="align-self:center;text-align:right;padding-right:4px;">1</div>}}} | <div style="align-self:center;text-align:right;z-index:1;padding-right:4px;">1</div>}}} | ||
<div style="display:grid;"> | <div style="display:grid;"> | ||
<div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;"> | <div style="display:grid;place-items:center;border-radius:calc({{{squareSize|36}}}px / 2);outline-offset:-5px;outline:solid {{{highlighta1|}}}px;position:relative;"> | ||
Line 520: | Line 518: | ||
<div style="position:absolute;">{{{j1|}}}</div> | <div style="position:absolute;">{{{j1|}}}</div> | ||
</div> | </div> | ||
</div>{{{hideNotation|<div style="align-self:center;text-align:left;padding-left:4px;">1</div> | </div>{{{hideNotation|<div style="align-self:center;text-align:left;z-index:1;padding-left:4px;">1</div> | ||
<div></div> | <div></div> | ||
<div style="align-self:start;text-align:center;">A</div> | <div style="align-self:start;text-align:center;z-index:1;">A</div> | ||
<div style="align-self:start;text-align:center;">B</div> | <div style="align-self:start;text-align:center;z-index:1;">B</div> | ||
<div style="align-self:start;text-align:center;">C</div> | <div style="align-self:start;text-align:center;z-index:1;">C</div> | ||
<div style="align-self:start;text-align:center;">D</div> | <div style="align-self:start;text-align:center;z-index:1;">D</div> | ||
<div style="align-self:start;text-align:center;">E</div> | <div style="align-self:start;text-align:center;z-index:1;">E</div> | ||
<div style="align-self:start;text-align:center;">F</div> | <div style="align-self:start;text-align:center;z-index:1;">F</div> | ||
<div style="align-self:start;text-align:center;">G</div> | <div style="align-self:start;text-align:center;z-index:1;">G</div> | ||
<div style="align-self:start;text-align:center;">H</div> | <div style="align-self:start;text-align:center;z-index:1;">H</div> | ||
<div style="align-self:start;text-align:center;">J</div> | <div style="align-self:start;text-align:center;z-index:1;">J</div> | ||
<div></div>}}} | <div></div>}}} | ||
</div> | </div> |
Revision as of 21:30, 17 December 2021
Basic {{goboard}} template
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
To insert a goboard template into a BGA wiki page, simply type one of {{goboard9}}
/{{goboard13}}
/{{goboard15}}
/{{goboard19}}
depending on size when editing the page, or alternatively copy one of the examples below.
Note: Game Help pages (e.g. 'GameHelpClassicGo') also display on BGA's Rules Summary pages e.g. https://boardgamearena.com/gamepanel?game=classicgo under HOW TO PLAY? > See More > RULES SUMMARY
Empty board template
{{goboard9 | a9= | b9= | c9= | d9= | e9= | f9= | g9= | h9= | j9= | a8= | b8= | c8= | d8= | e8= | f8= | g8= | h8= | j8= | a7= | b7= | c7= | d7= | e7= | f7= | g7= | h7= | j7= | a6= | b6= | c6= | d6= | e6= | f6= | g6= | h6= | j6= | a5= | b5= | c5= | d5= | e5= | f5= | g5= | h5= | j5= | a4= | b4= | c4= | d4= | e4= | f4= | g4= | h4= | j4= | a3= | b3= | c3= | d3= | e3= | f3= | g3= | h3= | j3= | a2= | b2= | c2= | d2= | e2= | f2= | g2= | h2= | j2= | a1= | b1= | c1= | d1= | e1= | f1= | g1= | h1= | j1= }}
Available parameters
Examples
Go
A
B
C
D
E
F
G
H
J
K
L
M
N
O
P
Q
R
S
T
19
19
18
18
17
17
16
16
15
15
14
14
13
13
12
12
11
11
10
10
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
K
L
M
N
O
P
Q
R
S
T
{{goboard19 | c3={{blackStone}} | c7={{blackStone}} | highlightc7=red 5 | e6={{whiteStone}} | highlighte4=blue 2 }}
Gomoku
Freestyle
Renju
Caro
Omok
Ninuki-renju
Pente