FamilySearch Wiki

How to Create a Navbox: Difference between revisions

Page Talk

How to Create a Navbox (view source)

Revision as of 15:54, 7 December 2022

5,519 bytes added ,  7 December 2022
m
Text replacement - "\{\{[\s_]+([^•].)" to "{{$1"
VisualWikitext
m (Text replacement - "\{\{[\s_]+([^•].)" to "{{$1")
 
(9 intermediate revisions by one other user not shown)
Line 60: Line 60:
</td></tr></table>
</td></tr></table>
====Create the table====
====Create the table====
*Lets break down the table coding.   
<p>
*First step is to create the table that will become part of the template:  
*The coding is scrunched up so let us spread it out a bit and break down the table coding.   
*First step is to create the table that will become part of the template: </p>


<!----first table illustrating creating table------------------------------>
<!----first table illustrating creating table------------------------------>
<table style="border:1px solid black; width:100%; ">
<table style="border:1px solid black; width:100%; ">
<tr>
<tr>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">Wikitext</td>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">Wikitext</td>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">HTML</td>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">HTML</td>
</tr>
</tr>
<!----1st row------------------------------------------------------>
<tr>
<tr>
<td style="border:1px solid black; ">
<td>
<font color="red"><nowiki>{| style="width:100%; border:1px solid blue; border-collaspe:separate; border-spacing:5px; "</nowiki></font color><br><br>
<font color="red"><nowiki>{| style="</nowiki><br><nowiki>
width:100%; </nowiki><br><nowiki>
border:1px solid blue; </nowiki><br><nowiki>
border-collaspe:separate; </nowiki><br><nowiki>
border-spacing:5px; "</nowiki></font color>
</td>
<td>
<font color="red"><nowiki><table style="</nowiki><br><nowiki>
width:100%; </nowiki><br><nowiki>
border:1px solid blue; </nowiki><br><nowiki>
border-collaspe:separate; </nowiki><br><nowiki>
border-spacing:5px; "></nowiki></font color>
</td></tr>
<!----2nd row-------------------------------------------------------->
<tr><td>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}} colspan="2" style="text-align:center; background-color:{{{title background color}}};{{!}} "Links to {{{name}}} - related articles</nowiki><br><br><br>
<nowiki>{{!}} colspan="2" </nowiki><br><nowiki>
style="</nowiki><br><nowiki>
text-align:center; </nowiki><br><nowiki>
background-color:{{{title background color}}};</nowiki><br><nowiki>
{{!}} "Links to {{{name}}} - related articles</nowiki>
</td>
<td><nowiki><tr></nowiki><br>
<nowiki><td colspan="2" </nowiki><br><nowiki>
style="</nowiki><br><nowiki>
text-align:center; </nowiki><br><nowiki>
background-color:{{{title background color}}}; </nowiki><br><nowiki>
">Links to {{{name}}} - related articles</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki>
</td></tr>
<!----3rd row-------------------------------------------------->
<tr><td>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{!}} style="text-align:right; width:15%; background-color:{{{left column background color}}};{{!}} "'''{{{group title1}}}'''|}}</nowiki><br><br>
<nowiki>{{!}} style="</nowiki><br><nowiki>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
text-align:right; </nowiki><br><nowiki>
<nowiki>{{!}} style="text-align:left; background-color:{{{right column background color}}}; ">
width:15%; </nowiki><br><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}}|}}</nowiki><br><br>
background-color:{{{left column background color}}};</nowiki><br><nowiki>
<font color="red"><nowiki>|}</nowiki></font color><br>
{{!}} "'''{{{group title1}}}'''|}}</nowiki>
</td>
</td>
<td style="border:1px solid black; ">
<td>
<font color="red"><nowiki><table style="width:100%; border:1px solid blue; border-collaspe:separate; border-spacing:5px; "></nowiki></font color><br>
<nowiki><tr></nowiki><br>
<nowiki><td colspan="2" style="text-align:center; background-color:{{{title background color}}}; ">Links to {{{name}}} - related articles</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:right; width:15%; background-color:{{{left column background color}}}; ">'''{{{group title1}}}'''|}}</nowiki><br>
<nowiki><td style="</nowiki><br><nowiki>
text-align:right; </nowiki><br><nowiki>
width:15%; </nowiki><br><nowiki>
background-color:{{{left column background color}}}; "></nowiki><br><nowiki>
'''{{{group title1}}}'''|}}</nowiki><br>
<nowiki></td></nowiki>
</td>
</tr>
<!----4th row---------------------------------------------------->
<tr>
<td><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki>{{!}} style="text-align:left; background-color:{{{right column background color}}};
"></nowiki><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item3|}}}|{{{group title1-item3}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} </nowiki><br>
<nowiki>
|}}</nowiki>
</td>
<td>
<nowiki><td></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:left; background-color:{{{right column background color}}};
"></nowiki><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item3|}}}|{{{group title1-item3}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} </nowiki><br>
<nowiki>
|}}</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></td></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki></tr></nowiki>
<nowiki><td style="text-align:left; background-color:{{{right column background color}}}; ">
</td>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}}|}}</td></nowiki><br>
</tr>
<nowiki></tr></nowiki><br>
<!----5th row------------------------------------------------------>
<tr>
<td>
<font color="red"><nowiki>|}</nowiki></font color="red">
</td>
<td>
<font color="red"><nowiki></table></nowiki></font color>
<font color="red"><nowiki></table></nowiki></font color>
</td></tr></table>
</td>
</tr>
 
</table>
 
<p>
<p>
*Notice the table width is set at 100%.
*Notice the table width is set at 100%.
*Second, the code for the border.  You can make anything you want.
*Second, the code for the border.  You can make anything you want.
*Third, the "[[HTML_and_Wikitext_-_Lesson_Three#Cell_separation|border-collaspe]]" coding is for creating a 5 pixel space between the cells of the table.</p>
*Third, the "[[HTML_and_Wikitext_-_Lesson_Three#Cell_separation|border-collaspe]]" coding is for creating a 5 pixel space between the cells of the table.  Notice the two lines of code for this attribute.</p>


====Coding for title====
====Coding for title====
<!----second table illustrating title creation---------------------------->
<!----second table illustrating title creation---------------------------->
<table style="border:1px solid black; width:100%; ">
<table style="border:1px solid black; width:100%; ">
<tr>
<tr>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">Wikitext</td>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">Wikitext</td>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">HTML</td>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">HTML</td>
</tr>
</tr>
<!----1st row------------------------------------------------------>
<tr>
<tr>
<td style="border:1px solid black; ">
<td>
<nowiki>{| style="width:100%; border:1px solid blue; border-collaspe:separate; border-spacing:5px; "</nowiki><br><br>
<nowiki>{| style="</nowiki><br><nowiki>
width:100%; </nowiki><br><nowiki>
border:1px solid blue; </nowiki><br><nowiki>
border-collaspe:separate; </nowiki><br><nowiki>
border-spacing:5px; "</nowiki>
</td>
<td>
<nowiki><table style="</nowiki><br><nowiki>
width:100%; </nowiki><br><nowiki>
border:1px solid blue; </nowiki><br><nowiki>
border-collaspe:separate; </nowiki><br><nowiki>
border-spacing:5px; "></nowiki>
</td></tr>
<!----2nd row-------------------------------------------------------->
<tr><td>
<font color="red"><nowiki>{{!}}-</nowiki><br>
<font color="red"><nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}} colspan="2" style="text-align:center; background-color:{{{title background color}}};{{!}} "Links to {{{name}}} - related articles</nowiki></font color><br><br><br>
<nowiki>{{!}} colspan="2" </nowiki><br><nowiki>
style="</nowiki><br><nowiki>
text-align:center; </nowiki><br><nowiki>
background-color:{{{title background color}}};</nowiki><br><nowiki>
{{!}} "Links to {{{name}}} - related articles</nowiki></font color>
</td>
<td><font color="red"><nowiki><tr></nowiki><br>
<nowiki><td colspan="2" </nowiki><br><nowiki>
style="</nowiki><br><nowiki>
text-align:center; </nowiki><br><nowiki>
background-color:{{{title background color}}}; </nowiki><br><nowiki>
">Links to {{{name}}} - related articles</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki></font color="red">
</td></tr>
<!----3rd row-------------------------------------------------->
<tr><td>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{!}} style="text-align:right; width:15%; background-color:{{{left column background color}}};{{!}} "'''{{{group title1}}}'''|}}</nowiki><br><br>
<nowiki>{{!}} style="</nowiki><br><nowiki>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
text-align:right; </nowiki><br><nowiki>
<nowiki>{{!}} style="text-align:left; background-color:{{{right column background color}}}; ">
width:15%; </nowiki><br><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}}|}}</nowiki><br><br>
background-color:{{{left column background color}}};</nowiki><br><nowiki>
<nowiki>|}</nowiki><br>
{{!}} "'''{{{group title1}}}'''|}}</nowiki>
</td>
</td>
<td style="border:1px solid black; ">
<td>
<nowiki><table style="width:100%; border:1px solid blue; border-collaspe:separate; border-spacing:5px; "></nowiki><br>
<font color="red"><nowiki><tr></nowiki><br>
<nowiki><td colspan="2" style="text-align:center; background-color:{{{title background color}}}; ">Links to {{{name}}} - related articles</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki></font color><br>
<nowiki><tr></nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:right; width:15%; background-color:{{{left column background color}}}; ">'''{{{group title1}}}'''|}}</nowiki><br>
<nowiki><td style="</nowiki><br><nowiki>
text-align:right; </nowiki><br><nowiki>
width:15%; </nowiki><br><nowiki>
background-color:{{{left column background color}}}; "></nowiki><br><nowiki>
'''{{{group title1}}}'''|}}</nowiki><br>
<nowiki></td></nowiki>
</td>
</tr>
<!----4th row---------------------------------------------------->
<tr>
<td><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki>{{!}} style="text-align:left; background-color:{{{right column background color}}};
"></nowiki><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item3|}}}|{{{group title1-item3}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} </nowiki><br>
<nowiki>
|}}</nowiki>
</td>
<td>
<nowiki><td></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:left; background-color:{{{right column background color}}};
"></nowiki><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item3|}}}|{{{group title1-item3}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} </nowiki><br>
<nowiki>
|}}</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></td></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki></tr></nowiki>
<nowiki><td style="text-align:left; background-color:{{{right column background color}}}; ">
</td>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}}|}}</td></nowiki><br>
</tr>
<nowiki></tr></nowiki><br>
<!----5th row------------------------------------------------------>
<nowiki></table></nowiki><br>
<tr>
</td></tr></table>
<td>
<nowiki>|}</nowiki>
</td>
<td>
<nowiki></table></nowiki>
</td>
</tr>
</table>
<p>
*This navbox has two columns.  The first is for the group name such as Topic, Counties, Repositories, etc.
*The second column is for the items under the group title.
*Therefore the title has to span the two columns, hence the "colspan="2". 
*In addition, the title is centered and given a background color.
*Here is something new that you might not be familiar with: <nowiki>{{{title background color}}}</nowiki>.  This is a parameter within the three sets of {{{}}}.
*Within the set of curly brackets {{{}}} will appear the words that you will type in the navbox template that match the text within the {{{}}}.
 
</p>
 
====Coding for group names====
====Coding for group names====
<table style="border:1px solid black; width:100%; ">
<table style="border:1px solid black; width:100%; ">
Line 145: Line 308:
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">HTML</td>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">HTML</td>
</tr>
</tr>
<!----1st row------------------------------------------------------>
<tr>
<tr>
<td style="border:1px solid black; ">
<td>
<nowiki>{| style="width:100%; border:1px solid blue; border-collaspe:separate; border-spacing:5px; "</nowiki><br><br>
<nowiki>{| style="</nowiki><br><nowiki>
width:100%; </nowiki><br><nowiki>
border:1px solid blue; </nowiki><br><nowiki>
border-collaspe:separate; </nowiki><br><nowiki>
border-spacing:5px; "</nowiki>
</td>
<td>
<nowiki><table style="</nowiki><br><nowiki>
width:100%; </nowiki><br><nowiki>
border:1px solid blue; </nowiki><br><nowiki>
border-collaspe:separate; </nowiki><br><nowiki>
border-spacing:5px; "></nowiki>
</td></tr>
<!----2nd row-------------------------------------------------------->
<tr><td>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}} colspan="2" style="text-align:center; background-color:{{{title background color}}};{{!}} "Links to {{{name}}} - related articles</nowiki><br><br><br>
<nowiki>{{!}} colspan="2" </nowiki><br><nowiki>
style="</nowiki><br><nowiki>
text-align:center; </nowiki><br><nowiki>
background-color:{{{title background color}}};</nowiki><br><nowiki>
{{!}} "Links to {{{name}}} - related articles</nowiki>
</td>
<td><nowiki><tr></nowiki><br>
<nowiki><td colspan="2" </nowiki><br><nowiki>
style="</nowiki><br><nowiki>
text-align:center; </nowiki><br><nowiki>
background-color:{{{title background color}}}; </nowiki><br><nowiki>
">Links to {{{name}}} - related articles</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki>
</td></tr>
<!----3rd row-------------------------------------------------->
<tr><td>
<font color="red"><nowiki>{{!}}-</nowiki><br>
<font color="red"><nowiki>{{!}}-</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{!}} style="text-align:right; width:15%; background-color:{{{left column background color}}};{{!}} "'''{{{group title1}}}'''|}}</nowiki></font color><br><br>
<nowiki>{{!}} style="</nowiki><br><nowiki>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
text-align:right; </nowiki><br><nowiki>
<nowiki>{{!}} style="text-align:left; background-color:{{{right column background color}}}; ">
width:15%; </nowiki><br><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}}|}}</nowiki><br><br>
background-color:{{{left column background color}}};</nowiki><br><nowiki>
<nowiki>|}</nowiki><br>
{{!}} "'''{{{group title1}}}'''|}}</nowiki></font color="red">
</td>
</td>
<td style="border:1px solid black; ">
<td>
<nowiki><table style="width:100%; border:1px solid blue; border-collaspe:separate; border-spacing:5px; "></nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki><td colspan="2" style="text-align:center; background-color:{{{title background color}}}; ">Links to {{{name}}} - related articles</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki><br>
<font color="red"><nowiki><tr></nowiki><br>
<font color="red"><nowiki><tr></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:right; width:15%; background-color:{{{left column background color}}}; ">'''{{{group title1}}}'''|}}</nowiki><br>
<nowiki><td style="</nowiki><br><nowiki>
<nowiki></td></nowiki></font color><br>
text-align:right; </nowiki><br><nowiki>
width:15%; </nowiki><br><nowiki>
background-color:{{{left column background color}}}; "></nowiki><br><nowiki>
'''{{{group title1}}}'''|}}</nowiki><br>
<nowiki></td></nowiki></font color="red">
</td>
</tr>
<!----4th row---------------------------------------------------->
<tr>
<td><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:left; background-color:{{{right column background color}}}; ">
<nowiki>{{!}} style="text-align:left; background-color:{{{right column background color}}};
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}}|}}</td></nowiki><br>
"></nowiki><nowiki>
<nowiki></tr></nowiki><br>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} </nowiki><br>
<nowiki></table></nowiki><br>
<nowiki>
</td></tr></table>
{{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item3|}}}|{{{group title1-item3}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} </nowiki><br>
<nowiki>
|}}</nowiki>
</td>
<td>
<nowiki><td></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:left; background-color:{{{right column background color}}};
"></nowiki><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item3|}}}|{{{group title1-item3}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} </nowiki><br>
<nowiki>
|}}</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki>
</td>
</tr>
<!----5th row------------------------------------------------------>
<tr>
<td>
<nowiki>|}</nowiki>
</td>
<td>
<nowiki></table></nowiki>
</td>
</tr>
 
</table>


====Coding for items====
====Coding for items====
Line 181: Line 419:
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">HTML</td>
<td style="text-align:center; font-size:16pt; color:blue; width:50%; ">HTML</td>
</tr>
</tr>
<!----1st row------------------------------------------------------>
<tr>
<tr>
<td style="border:1px solid black; ">
<td>
<nowiki>{| style="width:100%; border:1px solid blue; border-collaspe:separate; border-spacing:5px; "</nowiki><br><br>
<nowiki>{| style="</nowiki><br><nowiki>
width:100%; </nowiki><br><nowiki>
border:1px solid blue; </nowiki><br><nowiki>
border-collaspe:separate; </nowiki><br><nowiki>
border-spacing:5px; "</nowiki>
</td>
<td>
<nowiki><table style="</nowiki><br><nowiki>
width:100%; </nowiki><br><nowiki>
border:1px solid blue; </nowiki><br><nowiki>
border-collaspe:separate; </nowiki><br><nowiki>
border-spacing:5px; "></nowiki>
</td></tr>
<!----2nd row-------------------------------------------------------->
<tr><td>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}} colspan="2" style="text-align:center; background-color:{{{title background color}}};{{!}} "Links to {{{name}}} - related articles</nowiki><br><br><br>
<nowiki>{{!}} colspan="2" </nowiki><br><nowiki>
style="</nowiki><br><nowiki>
text-align:center; </nowiki><br><nowiki>
background-color:{{{title background color}}};</nowiki><br><nowiki>
{{!}} "Links to {{{name}}} - related articles</nowiki>
</td>
<td><nowiki><tr></nowiki><br>
<nowiki><td colspan="2" </nowiki><br><nowiki>
style="</nowiki><br><nowiki>
text-align:center; </nowiki><br><nowiki>
background-color:{{{title background color}}}; </nowiki><br><nowiki>
">Links to {{{name}}} - related articles</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki>
</td></tr>
<!----3rd row-------------------------------------------------->
<tr><td>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{!}}-</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{!}} style="text-align:right; width:15%; background-color:{{{left column background color}}};{{!}} "'''{{{group title1}}}'''|}}</nowiki><br><br>
<nowiki>{{!}} style="</nowiki><br><nowiki>
<font color="red"><nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
text-align:right; </nowiki><br><nowiki>
<nowiki>{{!}} style="text-align:left; background-color:{{{right column background color}}}; ">
width:15%; </nowiki><br><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}}|}}</nowiki></font color><br><br>
background-color:{{{left column background color}}};</nowiki><br><nowiki>
<nowiki>|}</nowiki><br>
{{!}} "'''{{{group title1}}}'''|}}</nowiki>
</td>
</td>
<td style="border:1px solid black; ">
<td>
<nowiki><table style="width:100%; border:1px solid blue; border-collaspe:separate; border-spacing:5px; "></nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki><td colspan="2" style="text-align:center; background-color:{{{title background color}}}; ">Links to {{{name}}} - related articles</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki><br><br>
<nowiki><tr></nowiki><br>
<nowiki><tr></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:right; width:15%; background-color:{{{left column background color}}}; ">'''{{{group title1}}}'''|}}</nowiki><br>
<nowiki><td style="</nowiki><br><nowiki>
<font color="red"><nowiki></td></nowiki><br>
text-align:right; </nowiki><br><nowiki>
width:15%; </nowiki><br><nowiki>
background-color:{{{left column background color}}}; "></nowiki><br><nowiki>
'''{{{group title1}}}'''|}}</nowiki><br>
<nowiki></td></nowiki>
</td>
</tr>
<!----4th row---------------------------------------------------->
<tr>
<td><br>
<font color="red"><nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki>{{!}} style="text-align:left; background-color:{{{right column background color}}};
"></nowiki><nowiki>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item3|}}}|{{{group title1-item3}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} </nowiki><br>
<nowiki>
|}}</nowiki></font color="red">
</td>
<td>
<font color="red"><nowiki><td></nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki>{{#if:{{Ifempty|{{{group title1-item1|}}}}}|</nowiki><br>
<nowiki><td style="text-align:left; background-color:{{{right column background color}}}; ">
<nowiki><td style="text-align:left; background-color:{{{right column background color}}};  
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} {{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} {{#if:{{{group title1-item3|}}}{{·}}|{{{group title1-item3}}}{{·}}|}} {{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} {{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}}|}}</td></nowiki><br>
"></nowiki><nowiki>
<nowiki></tr></nowiki></font color><br>
{{#if:{{{group title1-item1|}}}|{{{group title1-item1}}}{{·}}|}} </nowiki><br>
<nowiki></table></nowiki><br>
<nowiki>
</td></tr></table>
{{#if:{{{group title1-item2|}}}|{{{group title1-item2}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item3|}}}|{{{group title1-item3}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item4|}}}|{{{group title1-item4}}}{{·}}|}} </nowiki><br>
<nowiki>
{{#if:{{{group title1-item5|}}}|{{{group title1-item5}}}{{·}}|}} </nowiki><br>
<nowiki>
|}}</nowiki><br>
<nowiki></td></nowiki><br>
<nowiki></tr></nowiki></font color="red">
</td>
</tr>
<!----5th row------------------------------------------------------>
<tr>
<td>
<nowiki>|}</nowiki>
</td>
<td>
<nowiki></table></nowiki>
</td>
</tr>
 
</table>


====Meaning of each line of the code====
====Meaning of each line of the code====
Line 240: Line 553:


  {{Missouri|Missouri}}
  {{Missouri|Missouri}}
[[category:Templates]]
Tegnosis
Approver, Batcheditor, Moderator, Patroller, Protector, Reviewer, Bots, Bureaucrats, editor, Interface administrators, pagecreator, pagedeleter, Page Ownership admin, Push subscription managers, Suppressors, Administrators, Upload Wizard campaign editors, Widget editors
321,763

edits

Retrieved from "https://integration-ru.familysearch.org/en/wiki/Special:MobileDiff/1863646...5060497"