How to Create a Navbox: Difference between revisions

How to Create a Navbox (view source)

Revision as of 17:05, 7 October 2014

1,256 bytes added , 7 October 2014

m

no edit summary

VisualWikitext

Ccsmith

Interface administrators, smwadministrator, smwcurator, smweditor

82,369

edits

@@ Line 60: / Line 60: @@
 </td></tr></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------------------------------>
 <table style="border:1px solid black; width:100%; ">
 <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%; ">HTML</td>
 </tr>
+<!----1st row------------------------------------------------------>
 <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>{{!}} 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>{{#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 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>{{#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>{{#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>
-</td></tr></table>
+</td>
+</tr>
+</table>
 <p>
 *Notice the table width is set at 100%.