Interface administrators, smwadministrator, smwcurator, smweditor
82,369
edits
How to Create an Infobox: Difference between revisions
m
→Step One - Create the table
| Line 13: | Line 13: | ||
Again an infobox is a table. If you know how to create tables in Wikitext or HTML, it is not difficult. If you do not know Wikitext or HTLM, you will probably need someone who does to help you. If you would like to learn these two programs, see [[Wikitext - Lesson One|Wikitext]] or [[HTML and Wikitext - Lesson One|HTML Programming]]. Neither of these programming languages are difficult. | Again an infobox is a table. If you know how to create tables in Wikitext or HTML, it is not difficult. If you do not know Wikitext or HTLM, you will probably need someone who does to help you. If you would like to learn these two programs, see [[Wikitext - Lesson One|Wikitext]] or [[HTML and Wikitext - Lesson One|HTML Programming]]. Neither of these programming languages are difficult. | ||
====Step One - Create the table==== | ====Step One - Create the table==== | ||
We are going to assume you know a little Wikitext and HTML in this tutorial. We will begin by creating a simple table. The coding will be displayed in both Wikitext and HTML side by side so can see the difference. It is recommended that you create infobox tables in HTML as there few problems as you will see. | *We are going to assume you know a little Wikitext and HTML in this tutorial. We will begin by creating a simple table. The coding will be displayed in both Wikitext and HTML side by side so can see the difference. It is recommended that you create infobox tables in HTML as there few problems as you will see. | ||
*We will be creating an infobox as shown above. Wikitext and HTML will be displayed side by side so you can see the difference between them. So let us create a infobox for an organization: | |||
We will be creating an infobox as shown above. Wikitext and HTML will be displayed side by side so you can see the difference between them. So let us create a infobox for an organization: | |||
<table style="border:1px solid blue; "> | <table style="border:1px solid blue; "> | ||
<tr> | <tr> | ||
| Line 72: | Line 70: | ||
</tr> | </tr> | ||
</table> | </table> | ||
*Now pay close attention to the table tags. You should notice this coding: <em>class="infobox"</em> in the table tag . This code tells the browser that a infobox is being created and to place it in the upper right hand corner of the article. | |||
*As it stands, the HTML coding is ok at this point, but the Wikitext has a problem. Normally the Wikitext as is will work for any table, however, we are going to be installing <em>parameters</em> which require us to replace the |'s in the Wikitext with <nowiki>{{{!}}}</nowiki>. The reason is a bit beyond the scope of this article but if you are interested [[Template:!|click here]] | |||
As it stands, the HTML coding is ok at this point, but the Wikitext has a problem. Normally the Wikitext as is will work for any table, however, we are going to be installing <em>parameters</em> which require us to replace the |'s in the Wikitext with <nowiki>{{{!}}}</nowiki>. The reason is a bit beyond the scope of this article but if you are interested [[Template:!|click here]] | |||
<table style="border:1px solid blue; "> | <table style="border:1px solid blue; "> | ||
<tr> | <tr> | ||
| Line 125: | Line 122: | ||
</tr> | </tr> | ||
</table> | </table> | ||
The Wikitext looks a bit messy right now, but the substitution of the {{{!}}} for the | will save a lot of headaches later. Notice that nothing had to be done to the HTML coding. Even though it looks like the Wikitext has less programming, it is a lot trickier to program infoboxes than in HTLM. That's why it is recommended to program infoboxes in HTML rather than Wikitext. | *The Wikitext looks a bit messy right now, but the substitution of the {{{!}}} for the | will save a lot of headaches later. Notice that nothing had to be done to the HTML coding. Even though it looks like the Wikitext has less programming, it is a lot trickier to program infoboxes than in HTLM. That's why it is recommended to program infoboxes in HTML rather than Wikitext. | ||
====Step Two - More Coding==== | ====Step Two - More Coding==== | ||