CINXE.COM

CZ:How To - Citizendium

<!DOCTYPE html> <html class="client-nojs" lang="en" dir="ltr"> <head> <meta charset="UTF-8"/> <title>CZ:How To - Citizendium</title> <script>document.documentElement.className="client-js";RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"02a4d7de201b83f91716e665","wgCSPNonce":false,"wgCanonicalNamespace":"CZ","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":100,"wgPageName":"CZ:How_To","wgTitle":"How To","wgCurRevisionId":956522,"wgRevisionId":956522,"wgArticleId":79620,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Technical Help"],"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"CZ:How_To","wgRelevantArticleId":79620,"wgIsProbablyEditable":false,"wgRelevantPageIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgPageFormsTargetName":null,"wgPageFormsAutocompleteValues":[], "wgPageFormsAutocompleteOnAllChars":false,"wgPageFormsFieldProperties":[],"wgPageFormsCargoFields":[],"wgPageFormsDependentFields":[],"wgPageFormsCalendarValues":[],"wgPageFormsCalendarParams":[],"wgPageFormsCalendarHTML":null,"wgPageFormsGridValues":[],"wgPageFormsGridParams":[],"wgPageFormsContLangYes":null,"wgPageFormsContLangNo":null,"wgPageFormsContLangMonths":[],"wgPageFormsHeightForMinimizingInstances":800,"wgPageFormsShowOnSelect":[],"wgPageFormsScriptPath":"/wiki/extensions/PageForms","edgValues":null,"wgPageFormsEDSettings":null,"wgAmericanDates":false,"wgVector2022PreviewPages":[],"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgPopupsFlags":4};RLSTATE={"site.styles":"ready","user.styles":"ready","user":"ready","user.options":"loading","ext.math.styles":"ready","skins.vector.styles.legacy":"ready"};RLPAGEMODULES=["ext.math.scripts","site","mediawiki.page.ready","mediawiki.toc","skins.vector.legacy.js","mmv.head","mmv.bootstrap.autostart", "ext.gadget.charinsert","ext.popups"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.implement("user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"});});});</script> <link rel="stylesheet" href="/wiki/load.php?lang=en&amp;modules=ext.math.styles%7Cskins.vector.styles.legacy&amp;only=styles&amp;skin=vector"/> <script async="" src="/wiki/load.php?lang=en&amp;modules=startup&amp;only=scripts&amp;raw=1&amp;skin=vector"></script> <meta name="ResourceLoaderDynamicStyles" content=""/> <link rel="stylesheet" href="/wiki/load.php?lang=en&amp;modules=site.styles&amp;only=styles&amp;skin=vector"/> <meta name="generator" content="MediaWiki 1.39.5"/> <meta name="format-detection" content="telephone=no"/> <meta name="viewport" content="width=1000"/> <link rel="icon" href="/images/favicon1.ico"/> <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="Citizendium"/> <link rel="EditURI" type="application/rsd+xml" href="https://citizendium.org/wiki/api.php?action=rsd"/> <link rel="license" href="https://creativecommons.org/licenses/by-nc-sa/4.0/"/> <link rel="alternate" type="application/atom+xml" title="Citizendium Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom"/> <script async src="https://www.googletagmanager.com/gtag/js?id=G-W7ML9SNPXT"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-W7ML9SNPXT'); </script> </head> <body class="mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-100 ns-subject page-CZ_How_To rootpage-CZ_How_To skin-vector action-view skin-vector-legacy vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-language-alert-in-sidebar-disabled vector-feature-sticky-header-disabled vector-feature-sticky-header-edit-disabled vector-feature-table-of-contents-disabled vector-feature-visual-enhancement-next-disabled"><div id="mw-page-base" class="noprint"></div> <div id="mw-head-base" class="noprint"></div> <div id="content" class="mw-body" role="main"> <a id="top"></a> <div id="siteNotice"></div> <div class="mw-indicators"> </div> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-namespace">CZ</span><span class="mw-page-title-separator">:</span><span class="mw-page-title-main">How To</span></h1> <div id="bodyContent" class="vector-body"> <div id="siteSub" class="noprint">From Citizendium</div> <div id="contentSub"></div> <div id="contentSub2"></div> <div id="jump-to-nav"></div> <a class="mw-jump-link" href="#mw-head">Jump to navigation</a> <a class="mw-jump-link" href="#searchInput">Jump to search</a> <div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="en" dir="ltr"><div class="mw-parser-output"><div style="float:right; margin: .1em .5em;">[<span class="plainlinks plainlinksneverexpand"><a rel="nofollow" class="external text" href="https://citizendium.org/wiki/index.php?title=CZ:How_To&amp;action=edit&amp;section=0"><font size="2">edit intro</font></a></span>]</div> <p>This <b>CZ:How To</b> page illustrates the <a href="/wiki/MediaWiki_markup" class="mw-redirect" title="MediaWiki markup">MediaWiki markup</a> needed to produce certain common page formatting effects, gives directions on how to accomplish some common actions here on <a href="/wiki/Citizendium" title="Citizendium">Citizendium</a>, and also provides links to many useful articles. </p><p>See also <a href="/wiki/CZ:How_to_edit_an_article" title="CZ:How to edit an article">How to edit an article</a> for details about markup. </p> <div id="toc" class="toc" role="navigation" aria-labelledby="mw-toc-heading"><input type="checkbox" role="button" id="toctogglecheckbox" class="toctogglecheckbox" style="display:none" /><div class="toctitle" lang="en" dir="ltr"><h2 id="mw-toc-heading">Contents</h2><span class="toctogglespan"><label class="toctogglelabel" for="toctogglecheckbox"></label></span></div> <ul> <li class="toclevel-1 tocsection-1"><a href="#How_to_format_an_article"><span class="tocnumber">1</span> <span class="toctext">How to format an article</span></a></li> <li class="toclevel-1 tocsection-2"><a href="#Special_article_formatting_tools"><span class="tocnumber">2</span> <span class="toctext">Special article formatting tools</span></a> <ul> <li class="toclevel-2 tocsection-3"><a href="#How_to_add_references_and/or_footnotes_to_an_article"><span class="tocnumber">2.1</span> <span class="toctext">How to add references and/or footnotes to an article</span></a></li> <li class="toclevel-2 tocsection-4"><a href="#How_to_make_an_external_link_open_in_a_new_browser_tab"><span class="tocnumber">2.2</span> <span class="toctext">How to make an external link open in a new browser tab</span></a></li> <li class="toclevel-2 tocsection-5"><a href="#How_to_change_fonts"><span class="tocnumber">2.3</span> <span class="toctext">How to change fonts</span></a></li> <li class="toclevel-2 tocsection-6"><a href="#How_to_make_subscripts"><span class="tocnumber">2.4</span> <span class="toctext">How to make subscripts</span></a></li> <li class="toclevel-2 tocsection-7"><a href="#How_to_make_superscripts"><span class="tocnumber">2.5</span> <span class="toctext">How to make superscripts</span></a></li> <li class="toclevel-2 tocsection-8"><a href="#How_to_create_a_table_(manually)"><span class="tocnumber">2.6</span> <span class="toctext">How to create a table (manually)</span></a></li> <li class="toclevel-2 tocsection-9"><a href="#How_to_make_arrows"><span class="tocnumber">2.7</span> <span class="toctext">How to make arrows</span></a></li> <li class="toclevel-2 tocsection-10"><a href="#How_to_make_chemical_equations"><span class="tocnumber">2.8</span> <span class="toctext">How to make chemical equations</span></a></li> <li class="toclevel-2 tocsection-11"><a href="#How_to_make_math_equations_(italic_variables)"><span class="tocnumber">2.9</span> <span class="toctext">How to make math equations (italic variables)</span></a> <ul> <li class="toclevel-3 tocsection-12"><a href="#Simple_algebraic_equations"><span class="tocnumber">2.9.1</span> <span class="toctext">Simple algebraic equations</span></a></li> <li class="toclevel-3 tocsection-13"><a href="#How_to_make_integral_equations"><span class="tocnumber">2.9.2</span> <span class="toctext">How to make integral equations</span></a></li> <li class="toclevel-3 tocsection-14"><a href="#How_to_make_differential_equations_in_dot_notation"><span class="tocnumber">2.9.3</span> <span class="toctext">How to make differential equations in dot notation</span></a></li> <li class="toclevel-3 tocsection-15"><a href="#How_to_make_summation_equations"><span class="tocnumber">2.9.4</span> <span class="toctext">How to make summation equations</span></a></li> <li class="toclevel-3 tocsection-16"><a href="#How_to_make_matrix_equations"><span class="tocnumber">2.9.5</span> <span class="toctext">How to make matrix equations</span></a></li> </ul> </li> <li class="toclevel-2 tocsection-17"><a href="#How_to_use_the_timeline_template"><span class="tocnumber">2.10</span> <span class="toctext">How to use the timeline template</span></a> <ul> <li class="toclevel-3 tocsection-18"><a href="#Starting_the_timeline"><span class="tocnumber">2.10.1</span> <span class="toctext">Starting the timeline</span></a></li> <li class="toclevel-3 tocsection-19"><a href="#Adding_the_first_event"><span class="tocnumber">2.10.2</span> <span class="toctext">Adding the first event</span></a></li> <li class="toclevel-3 tocsection-20"><a href="#Making_adjustments"><span class="tocnumber">2.10.3</span> <span class="toctext">Making adjustments</span></a></li> </ul> </li> <li class="toclevel-2 tocsection-21"><a href="#How_to_use_the_tlsubevent_template"><span class="tocnumber">2.11</span> <span class="toctext">How to use the tlsubevent template</span></a> <ul> <li class="toclevel-3 tocsection-22"><a href="#Adjusting_the_margin_and_height"><span class="tocnumber">2.11.1</span> <span class="toctext">Adjusting the margin and height</span></a></li> <li class="toclevel-3 tocsection-23"><a href="#Adding_additional_events"><span class="tocnumber">2.11.2</span> <span class="toctext">Adding additional events</span></a></li> <li class="toclevel-3 tocsection-24"><a href="#Problems"><span class="tocnumber">2.11.3</span> <span class="toctext">Problems</span></a></li> </ul> </li> <li class="toclevel-2 tocsection-25"><a href="#How_to_use_the_imagemap_extension"><span class="tocnumber">2.12</span> <span class="toctext">How to use the imagemap extension</span></a></li> </ul> </li> <li class="toclevel-1 tocsection-26"><a href="#Doing_things_in_Citizendium"><span class="tocnumber">3</span> <span class="toctext">Doing things in Citizendium</span></a> <ul> <li class="toclevel-2 tocsection-27"><a href="#How_to_start_a_new_article"><span class="tocnumber">3.1</span> <span class="toctext">How to start a new article</span></a></li> <li class="toclevel-2 tocsection-28"><a href="#How_to_make_lowercase_article_titles"><span class="tocnumber">3.2</span> <span class="toctext">How to make lowercase article titles</span></a></li> <li class="toclevel-2 tocsection-29"><a href="#How_to_make_article_titles_with_a_&quot;/&quot;_in_them"><span class="tocnumber">3.3</span> <span class="toctext">How to make article titles with a "/" in them</span></a></li> <li class="toclevel-2 tocsection-30"><a href="#How_to_checklist_articles"><span class="tocnumber">3.4</span> <span class="toctext">How to checklist articles</span></a></li> <li class="toclevel-2 tocsection-31"><a href="#How_to_add_unusual_subpages_to_an_article"><span class="tocnumber">3.5</span> <span class="toctext">How to add unusual subpages to an article</span></a></li> <li class="toclevel-2 tocsection-32"><a href="#How_to_handle_incorrectly_named_articles"><span class="tocnumber">3.6</span> <span class="toctext">How to handle incorrectly named articles</span></a></li> <li class="toclevel-2 tocsection-33"><a href="#How_to_handle_duplicate_articles"><span class="tocnumber">3.7</span> <span class="toctext">How to handle duplicate articles</span></a></li> <li class="toclevel-2 tocsection-34"><a href="#How_to_rename_an_article"><span class="tocnumber">3.8</span> <span class="toctext">How to rename an article</span></a></li> <li class="toclevel-2 tocsection-35"><a href="#How_to_delete_an_article"><span class="tocnumber">3.9</span> <span class="toctext">How to delete an article</span></a></li> <li class="toclevel-2 tocsection-36"><a href="#How_to_start_a_new_proposal"><span class="tocnumber">3.10</span> <span class="toctext">How to start a new proposal</span></a></li> <li class="toclevel-2 tocsection-37"><a href="#How_to_find_editors"><span class="tocnumber">3.11</span> <span class="toctext">How to find editors</span></a></li> <li class="toclevel-2 tocsection-38"><a href="#How_to_make_a_new_template"><span class="tocnumber">3.12</span> <span class="toctext">How to make a new template</span></a> <ul> <li class="toclevel-3 tocsection-39"><a href="#Starting_a_template"><span class="tocnumber">3.12.1</span> <span class="toctext">Starting a template</span></a></li> <li class="toclevel-3 tocsection-40"><a href="#Making_the_template_work"><span class="tocnumber">3.12.2</span> <span class="toctext">Making the template work</span></a></li> <li class="toclevel-3 tocsection-41"><a href="#Test_add_template_below_this_line!"><span class="tocnumber">3.12.3</span> <span class="toctext">Test add template below this line!</span></a></li> </ul> </li> </ul> </li> <li class="toclevel-1 tocsection-42"><a href="#How_to_write_a_BAD_article"><span class="tocnumber">4</span> <span class="toctext">How to write a <b>BAD</b> article</span></a></li> </ul> </div> <h2><span class="mw-headline" id="How_to_format_an_article">How to format an article</span></h2> <p>It's relatively easy to start an <a href="/wiki/CZ:Article_structure" title="CZ:Article structure">article</a>. You insert the appropriate tags, write your content, add a few images, include your references, and <i>voila</i> you're done... almost. </p><p>Consider this: what does your article <i>actually look like</i>? </p><p>Article layouts have a huge impact on readability and aesthetic appearance. Newspapers, books, magazines, and other publications have been studying and changing their layout relentlessly in order to look better, sleeker, and more appealing to the reader. Even the world wide web has gone through multiple revisions of its primary formatting method, and it <b>still</b> isn't great! For these reasons alone, you should consider the way an article appears almost as much as the content itself! </p><p>Some of the few things you should consider when writing an article: </p> <ul><li>Are there images, and where should they be located? How well do they flow with the text? Are they the <i>correct images</i> according to the text content?</li> <li><b>The table of contents</b>: is it too long or very short, and how does the text flow around it?</li> <li><b>Headings and subheadings</b>: how should your article be organized to be reader friendly?</li> <li><b>Equations and other science/math graphics</b>: will your article look like pointless gobbledee-gook to the average reader? Can someone follow what's being said or computed?</li></ul> <p>There are multiple tools at your command that you can use to increase article appearance. A few are: </p> <ul><li>The {{<a href="/wiki/Template:TOC" title="Template:TOC">TOC</a>}} template allows you manipulate the position of the TOC using <code>{{TOC|left}}</code> or <code>{{TOC|right}}</code>.</li> <li>Using the "right", "left", and "center" attributes of images will let you position your image on the appropriate side of the page. Is it a wide image? Maybe it should be in the center if it's especially large. If it is a tall, narrow image, consider setting it off to the right.</li> <li>Remember: The word-length of each subheading will determine the width of the "Table of Contents". Especially long subheading titles will increase it's width, making it possibly take up more than 50% of the page width. Should your text wrap around it then? Should you have an image opposite it? (Does your section actually need a subheading when it could have just a bolded title?) Don't forget that you can use <code>&lt;BIG&gt;&lt;/BIG&gt;</code> and <code>'''xx'''</code> to make text <big><b>LARGE AND BOLD</b></big> without creating another subheading.</li></ul> <p>For a lengthier, more complete introduction on how to control what a page looks like, see <a href="/wiki/CZ:How_to_edit_an_article" title="CZ:How to edit an article">CZ:How to edit an article</a>. </p> <h2><span class="mw-headline" id="Special_article_formatting_tools">Special article formatting tools</span></h2> <p>Here are a few tips on how to get various specific things to appear. </p> <h3><span id="How_to_add_references_and.2For_footnotes_to_an_article"></span><span class="mw-headline" id="How_to_add_references_and/or_footnotes_to_an_article">How to add references and/or footnotes to an article</span></h3> <p>To insert references and/or footnotes in an article, put the material you want in the reference or footnote between &lt;ref&gt; and &lt;/ref&gt;. That will create an automatically-ordered superscript numerical reference or footnote (i.e. if you add a new reference or footnote between existing references or footnotes #'s 1 and 2, it will be numbered 2, and the old #2 will be automatically renumbered #3, etc), and saves away the content of the reference or footnote. </p><p>Next, at the bottom of the article, where you want the text of the footnotes to appear, put ==References== or ==Notes==, and on the next line, put &lt;references/&gt; (note the <b>/</b> <i>after</i> the keyword). When the page is displayed, the content of the reference(s) and/or footnote(s) will be displayed in the <b>References</b> or <b>Notes</b> section. </p> <h3><span class="mw-headline" id="How_to_make_an_external_link_open_in_a_new_browser_tab">How to make an external link open in a new browser tab</span></h3> <p>External links can be made to open in a new browser tab by placing span tags (with the <i>newtab</i> class) around the link as follows: </p><p><code>&lt;span class="newtab"&gt;[https://www.britannica.com/topic/yinyang YinYang Britannica]&lt;span&gt;</code> </p><p>Here is the result: <span class="newtab"><a rel="nofollow" class="external text" href="https://www.britannica.com/topic/yinyang">YinYang Britannica</a><span> </span></span></p> <h3><span class="mw-headline" id="How_to_change_fonts">How to change fonts</span></h3> <p>To change the font size on a block of text, wrap it in </p><p><code>&lt;span style="font-size:1.1em"&gt;</code> </p><p>and: </p><p><code>&lt;/span&gt;</code> </p><p><i>Note:</i> 'px' sizes on text should be avoided: this site makes use of scalable text sized in 'em's, and fonts sized using 'px' cannot be scaled by some browsers. So, instead of "font-size:12px;" (for example), say instead "font-size:1.1em;". </p><p><i>Further note:</i> &lt;font&gt; tags were deprecated in the <a href="/wiki/HTML" title="HTML">HTML</a> specifications eleven years ago (as of 2008), and should be avoided. Some editors may insert them; these should be removed and replaced with the alternative code format above. For example the old style: </p><p><code>&lt;font size="12px"&gt;</code> </p><p>would become: </p><p><code>&lt;span style="font-size:1.1em;"&gt;</code> </p><p>(remembering also, of course, the injunction not to use pixels). </p> <h3><span class="mw-headline" id="How_to_make_subscripts">How to make subscripts</span></h3> <p>Note that buttons for superscripts and subscripts are located immediately above and below the edit text box when editing a page. To subscript something, just hi-light the text and click the subscript button. </p><p>Or, you can type the code yourself, thus <code>X&lt;sub&gt;2&lt;/sub&gt;</code> yields X<sub>2</sub>. </p> <h3><span class="mw-headline" id="How_to_make_superscripts">How to make superscripts</span></h3> <p>Note that buttons for superscripts and subscripts are located immediately above and below the edit text box when editing a page. To subscript something, just hi-light the text and click the subscript button. </p><p>Or, you can type the code yourself, thus <code>X&lt;sup&gt;2&lt;/sup&gt;</code> yields X<sup>2</sup>. </p> <h3><span id="How_to_create_a_table_.28manually.29"></span><span class="mw-headline" id="How_to_create_a_table_(manually)">How to create a table (manually)</span></h3> <p>For an extended discussion of how to create tables, and all the available options, see <a href="/wiki/CZ:How_to_make_tables" title="CZ:How to make tables">CZ:How to make tables</a>. To create a basic table, see the directions below. </p><p>To create the actual table, use: </p> <pre>{|</pre> <p>After the table has been established, use: </p> <pre>|</pre> <p>to create your first data cell. This also begins a new column. To create a new row, simply use </p> <pre>|-</pre> <p>After creating as many columns and rows you wish, close your table by using </p> <pre>|}</pre> <p>A sample table code is below </p> <pre>{|border="1" width=40px |column 1, row 1 |align="center"|column 2, row 1 |- |align="left"|column 1, row 2 |align="right"|column 2, row 2 |} </pre> <p>The table looks like this: </p> <table border="1" width="40px"> <tbody><tr> <td>column 1, row 1 </td> <td align="center">column 2, row 1 </td></tr> <tr> <td align="left">column 1, row 2 </td> <td align="right">column 2, row 2 </td></tr></tbody></table> <h3><span class="mw-headline" id="How_to_make_arrows">How to make arrows</span></h3> <p>Some arrows can be inserted by clicking on the appropriate arrow located on the bottom of edit pages. They can also be typed as shown by the examples below. Note that the math begin (&lt;math&gt;) and math end (&lt;/math&gt;) tags do not need to immediately surround the arrow functions, they only need to be at the beginning and end of equations. </p><p><b><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \rightarrow }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mo stretchy="false">&#x2192;<!-- → --></mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \rightarrow }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/53e574cc3aa5b4bf5f3f5906caf121a378eef08b" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.338ex; width:2.324ex; height:1.843ex;" alt="{\displaystyle \rightarrow }"/></span></b> is made from <b>&lt;math&gt;\rightarrow&lt;/math&gt;</b> or <b>&lt;math&gt;\rarr&lt;/math&gt;</b> or <b>&amp;rarr;</b><br /> </p><p><b><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \leftarrow }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mo stretchy="false">&#x2190;<!-- ← --></mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \leftarrow }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/3c0fb4bce772117bbaf55b7ca1539ceff9ae218c" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.338ex; width:2.324ex; height:1.843ex;" alt="{\displaystyle \leftarrow }"/></span></b> is made from this <b>&lt;math&gt;\leftarrow&lt;/math&gt;</b> or <b>&lt;math&gt;\larr&lt;/math&gt;</b> or <b>&amp;larr;</b><br /> </p><p><b><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \leftrightarrow }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mo stretchy="false">&#x2194;<!-- ↔ --></mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \leftrightarrow }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/046b918c43e05caf6624fe9b676c69ec9cd6b892" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.338ex; width:2.324ex; height:1.843ex;" alt="{\displaystyle \leftrightarrow }"/></span></b> is made from this <b>&lt;math&gt;\leftrightarrow&lt;/math&gt;</b> or <b>&lt;math&gt;\harr&lt;/math&gt;</b> or <b>&amp;harr;</b><br /> </p><p><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle {\stackrel {\textstyle \leftarrow }{\rightarrow }}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-REL"> <mover> <mrow class="MJX-TeXAtom-OP MJX-fixedlimits"> <mo stretchy="false">&#x2192;<!-- → --></mo> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mo stretchy="false">&#x2190;<!-- ← --></mo> </mstyle> </mrow> </mover> </mrow> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle {\stackrel {\textstyle \leftarrow }{\rightarrow }}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/22feff328a28b6fd02f6dc92134a82e788a072be" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.338ex; width:2.324ex; height:3.176ex;" alt="{\displaystyle {\stackrel {\textstyle \leftarrow }{\rightarrow }}}"/></span> is made from <b>&lt;math&gt;\stackrel{\textstyle \leftarrow}{\rightarrow} &lt;/math&gt;</b><br /> </p><p><b><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \uparrow }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mo stretchy="false">&#x2191;<!-- ↑ --></mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \uparrow }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/ddb20b28c74cdaa09e1f101d426441da1996072f" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.671ex; width:1.162ex; height:2.509ex;" alt="{\displaystyle \uparrow }"/></span></b> is made from this <b>&lt;math&gt;\uparrow&lt;/math&gt;</b><br /> <b><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \downarrow }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mo stretchy="false">&#x2193;<!-- ↓ --></mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \downarrow }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/4618f22b0f780805eb94bb407578d9bc9487947a" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.671ex; width:1.162ex; height:2.509ex;" alt="{\displaystyle \downarrow }"/></span></b> is made from this <b>&lt;math&gt;\downarrow&lt;/math&gt;</b><br /> </p><p><br /> </p> <dl><dd><dl><dd><dl><dd><dl><dd><table class="wikitable"> <tbody><tr> <th>Command</th> <th>Displays as </th> </tr></tbody><caption> </caption> <tbody><tr><td>&lt;math&gt; \mathbf{A} + \mathbf{B} \stackrel{\textstyle \leftarrow}{\rightarrow} \mathbf{AB} &lt;/math&gt;</td> <td><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \mathbf {A} +\mathbf {B} {\stackrel {\textstyle \leftarrow }{\rightarrow }}\mathbf {AB} }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">A</mi> </mrow> <mo>+</mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">B</mi> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-REL"> <mover> <mrow class="MJX-TeXAtom-OP MJX-fixedlimits"> <mo stretchy="false">&#x2192;<!-- → --></mo> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="false" scriptlevel="0"> <mo stretchy="false">&#x2190;<!-- ← --></mo> </mstyle> </mrow> </mover> </mrow> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">A</mi> <mi mathvariant="bold">B</mi> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \mathbf {A} +\mathbf {B} {\stackrel {\textstyle \leftarrow }{\rightarrow }}\mathbf {AB} }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/a19735fde5fa85a006ab943f20387dec6e739508" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.505ex; width:13.005ex; height:3.343ex;" alt="{\displaystyle \mathbf {A} +\mathbf {B} {\stackrel {\textstyle \leftarrow }{\rightarrow }}\mathbf {AB} }"/></span> </td> </tr></tbody><caption> </caption> <tbody><tr><td>&lt;math&gt; \mathbf{A} + \mathbf{B} \leftrightarrows \mathbf{AB} &lt;/math&gt;</td> <td><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \mathbf {A} +\mathbf {B} \leftrightarrows \mathbf {AB} }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">A</mi> </mrow> <mo>+</mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">B</mi> </mrow> <mo stretchy="false">&#x21C6;<!-- ⇆ --></mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">A</mi> <mi mathvariant="bold">B</mi> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \mathbf {A} +\mathbf {B} \leftrightarrows \mathbf {AB} }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/f1f7e4b363c4ea0e514323906de52161d37f773e" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.505ex; width:14.296ex; height:2.343ex;" alt="{\displaystyle \mathbf {A} +\mathbf {B} \leftrightarrows \mathbf {AB} }"/></span> </td> </tr></tbody><caption> </caption> <tbody><tr><td>&lt;math&gt; \mathbf{A} + \mathbf{B} \leftrightharpoons \mathbf{AB} &lt;/math&gt;</td> <td><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \mathbf {A} +\mathbf {B} \leftrightharpoons \mathbf {AB} }"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">A</mi> </mrow> <mo>+</mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">B</mi> </mrow> <mo stretchy="false">&#x21CB;<!-- ⇋ --></mo> <mrow class="MJX-TeXAtom-ORD"> <mi mathvariant="bold">A</mi> <mi mathvariant="bold">B</mi> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \mathbf {A} +\mathbf {B} \leftrightharpoons \mathbf {AB} }</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/bdb4d2bd6667b969a8e97d074532034e1c0e8997" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.505ex; width:14.296ex; height:2.343ex;" alt="{\displaystyle \mathbf {A} +\mathbf {B} \leftrightharpoons \mathbf {AB} }"/></span> </td></tr></tbody></table></dd></dl></dd></dl></dd></dl></dd></dl> <dl><dd><dl><dd><dl><dd><dl><dd></dd></dl></dd></dl></dd></dl></dd></dl> <h3><span class="mw-headline" id="How_to_make_chemical_equations">How to make chemical equations</span></h3> <p>Note that buttons for superscripts and subscripts are located immediately above and below the edit text box when editing a page. To subscript something, just hi-light the text and click the subscript button. </p><p>This text<br /> </p><p><code>: 4NaPO&lt;sub&gt;3&lt;/sub&gt; + 2SiO&lt;sub&gt;2&lt;/sub&gt; + 10C &#8594; 2Na&lt;sub&gt;2&lt;/sub&gt;SiO&lt;sub&gt;3&lt;/sub&gt; + 10CO + P&lt;sub&gt;4&lt;/sub&gt;</code><br /> </p><p>OR THIS TEXT<br /> </p><p><code>:&lt;math&gt; 4 \mathrm{NaPO}_3 + 2 \mathrm{SiO}_2 + 10\mathrm{C} \rarr 2 \mathrm{Na}_2\mathrm{SiO}_3 + 10\mathrm{CO} + \mathrm{P}_4 &lt;/math&gt;</code> </p><p>provides the following equation (note that colons indent the equation) <br /> </p> <dl><dd>4NaPO<sub>3</sub> + 2SiO<sub>2</sub> + 10C &#8594; 2Na<sub>2</sub>SiO<sub>3</sub> + 10CO + P<sub>4</sub><br /></dd></dl> <p><br /> </p> <h3><span id="How_to_make_math_equations_.28italic_variables.29"></span><span class="mw-headline" id="How_to_make_math_equations_(italic_variables)">How to make math equations (italic variables)</span></h3> <h4><span class="mw-headline" id="Simple_algebraic_equations">Simple algebraic equations</span></h4> <p>This text<br /> </p><p><code>:&lt;math&gt;\left(p + \frac{n^2 a}{V^2}\right)\left(V-nb\right) = nRT&lt;/math&gt;</code><br /> </p><p>provides this mathematic formula<br /> </p> <dl><dd><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \left(p+{\frac {n^{2}a}{V^{2}}}\right)\left(V-nb\right)=nRT}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow> <mo>(</mo> <mrow> <mi>p</mi> <mo>+</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <msup> <mi>n</mi> <mrow class="MJX-TeXAtom-ORD"> <mn>2</mn> </mrow> </msup> <mi>a</mi> </mrow> <msup> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mn>2</mn> </mrow> </msup> </mfrac> </mrow> </mrow> <mo>)</mo> </mrow> <mrow> <mo>(</mo> <mrow> <mi>V</mi> <mo>&#x2212;<!-- − --></mo> <mi>n</mi> <mi>b</mi> </mrow> <mo>)</mo> </mrow> <mo>=</mo> <mi>n</mi> <mi>R</mi> <mi>T</mi> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \left(p+{\frac {n^{2}a}{V^{2}}}\right)\left(V-nb\right)=nRT}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/dd1138086d5efd9e2b9396353167cf5c3dbcd025" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -2.505ex; width:29.056ex; height:6.343ex;" alt="{\displaystyle \left(p+{\frac {n^{2}a}{V^{2}}}\right)\left(V-nb\right)=nRT}"/></span></dd></dl> <h4><span class="mw-headline" id="How_to_make_integral_equations">How to make integral equations</span></h4> <p><code>:&lt;math&gt;F(t) = \int_0^t f(x) \, dx.&lt;/math&gt;</code> gives this equation:<br /> </p> <dl><dd><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle F(t)=\int _{0}^{t}f(x)\,dx.}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>F</mi> <mo stretchy="false">(</mo> <mi>t</mi> <mo stretchy="false">)</mo> <mo>=</mo> <msubsup> <mo>&#x222B;<!-- ∫ --></mo> <mrow class="MJX-TeXAtom-ORD"> <mn>0</mn> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mi>t</mi> </mrow> </msubsup> <mi>f</mi> <mo stretchy="false">(</mo> <mi>x</mi> <mo stretchy="false">)</mo> <mspace width="thinmathspace" /> <mi>d</mi> <mi>x</mi> <mo>.</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle F(t)=\int _{0}^{t}f(x)\,dx.}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/90bd98a6cfff5eaced116cb15589e80fbc4fba94" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -2.338ex; width:19.162ex; height:6.176ex;" alt="{\displaystyle F(t)=\int _{0}^{t}f(x)\,dx.}"/></span></dd></dl> <p>and this text, <code>:&lt;math&gt;\int_a^b f(x) \, dx = F(b) - F(a).&lt;/math&gt;</code>, gives this equation:<br /> </p> <dl><dd><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle \int _{a}^{b}f(x)\,dx=F(b)-F(a).}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <msubsup> <mo>&#x222B;<!-- ∫ --></mo> <mrow class="MJX-TeXAtom-ORD"> <mi>a</mi> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mi>b</mi> </mrow> </msubsup> <mi>f</mi> <mo stretchy="false">(</mo> <mi>x</mi> <mo stretchy="false">)</mo> <mspace width="thinmathspace" /> <mi>d</mi> <mi>x</mi> <mo>=</mo> <mi>F</mi> <mo stretchy="false">(</mo> <mi>b</mi> <mo stretchy="false">)</mo> <mo>&#x2212;<!-- − --></mo> <mi>F</mi> <mo stretchy="false">(</mo> <mi>a</mi> <mo stretchy="false">)</mo> <mo>.</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle \int _{a}^{b}f(x)\,dx=F(b)-F(a).}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/4f470e7743fda04c3d353a4dee2f441ae454f528" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -2.338ex; width:27.052ex; height:6.343ex;" alt="{\displaystyle \int _{a}^{b}f(x)\,dx=F(b)-F(a).}"/></span></dd></dl> <h4><span class="mw-headline" id="How_to_make_differential_equations_in_dot_notation">How to make differential equations in dot notation</span></h4> <p>This text, <code>:&lt;math&gt;\dot{x} = \sigma(y - x)\ ,&lt;/math&gt;</code> give this equation in dot notation </p> <dl><dd><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle {\dot {x}}=\sigma (y-x)\ ,}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mover> <mi>x</mi> <mo>&#x02D9;<!-- ˙ --></mo> </mover> </mrow> </mrow> <mo>=</mo> <mi>&#x03C3;<!-- σ --></mi> <mo stretchy="false">(</mo> <mi>y</mi> <mo>&#x2212;<!-- − --></mo> <mi>x</mi> <mo stretchy="false">)</mo> <mtext>&#xA0;</mtext> <mo>,</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle {\dot {x}}=\sigma (y-x)\ ,}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/612f761c30d6c8e91edf755146c0775a219ca16f" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -0.838ex; width:14.12ex; height:2.843ex;" alt="{\displaystyle {\dot {x}}=\sigma (y-x)\ ,}"/></span></dd></dl> <p>This text, <code>:&lt;math&gt;\dot{x}=\frac{dx(t)}{dt}\ .&lt;/math&gt;</code> gives this equation<br /> </p> <dl><dd><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle {\dot {x}}={\frac {dx(t)}{dt}}\ .}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mrow class="MJX-TeXAtom-ORD"> <mrow class="MJX-TeXAtom-ORD"> <mover> <mi>x</mi> <mo>&#x02D9;<!-- ˙ --></mo> </mover> </mrow> </mrow> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mfrac> <mrow> <mi>d</mi> <mi>x</mi> <mo stretchy="false">(</mo> <mi>t</mi> <mo stretchy="false">)</mo> </mrow> <mrow> <mi>d</mi> <mi>t</mi> </mrow> </mfrac> </mrow> <mtext>&#xA0;</mtext> <mo>.</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle {\dot {x}}={\frac {dx(t)}{dt}}\ .}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/d63ad2be665c4908c6efaaab51d1f961c3d5d213" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -2.005ex; width:11.686ex; height:5.843ex;" alt="{\displaystyle {\dot {x}}={\frac {dx(t)}{dt}}\ .}"/></span></dd></dl> <h4><span class="mw-headline" id="How_to_make_summation_equations">How to make summation equations</span></h4> <p>This text<br /> <code> :&lt;math&gt; X = \sum_{J=1|}^{n} \ c_JV_J. &lt;/math&gt; </code> </p><p>provides this equation: <br /> </p> <dl><dd><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle X=\sum _{J=1|}^{n}\ c_{J}V_{J}.}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>X</mi> <mo>=</mo> <munderover> <mo>&#x2211;<!-- ∑ --></mo> <mrow class="MJX-TeXAtom-ORD"> <mi>J</mi> <mo>=</mo> <mn>1</mn> <mrow class="MJX-TeXAtom-ORD"> <mo stretchy="false">|</mo> </mrow> </mrow> <mrow class="MJX-TeXAtom-ORD"> <mi>n</mi> </mrow> </munderover> <mtext>&#xA0;</mtext> <msub> <mi>c</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>J</mi> </mrow> </msub> <msub> <mi>V</mi> <mrow class="MJX-TeXAtom-ORD"> <mi>J</mi> </mrow> </msub> <mo>.</mo> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle X=\sum _{J=1|}^{n}\ c_{J}V_{J}.}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/6d7a45747ff9bf5de8cf6eddc8ecfe799a26ca2e" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -3.505ex; width:15.199ex; height:7.343ex;" alt="{\displaystyle X=\sum _{J=1|}^{n}\ c_{J}V_{J}.}"/></span></dd></dl> <h4><span class="mw-headline" id="How_to_make_matrix_equations">How to make matrix equations</span></h4> <p>This text<br /> <code> :&lt;math&gt;M = \begin{pmatrix} 7 &amp; 4.3 &amp; 9 &amp; -3 \\ 0 &amp; 6 &amp; 18 &amp; 42 \\ -10 &amp; 9.5 &amp; 16 &amp; 0 \end{pmatrix}&lt;/math&gt; </code> </p><p>provides this matrix equation: <br /> </p> <dl><dd><span class="mwe-math-element"><span class="mwe-math-mathml-inline mwe-math-mathml-a11y" style="display: none;"><math xmlns="http://www.w3.org/1998/Math/MathML" alttext="{\displaystyle M={\begin{pmatrix}7&amp;4.3&amp;9&amp;-3\\0&amp;6&amp;18&amp;42\\-10&amp;9.5&amp;16&amp;0\end{pmatrix}}}"> <semantics> <mrow class="MJX-TeXAtom-ORD"> <mstyle displaystyle="true" scriptlevel="0"> <mi>M</mi> <mo>=</mo> <mrow class="MJX-TeXAtom-ORD"> <mrow> <mo>(</mo> <mtable rowspacing="4pt" columnspacing="1em"> <mtr> <mtd> <mn>7</mn> </mtd> <mtd> <mn>4.3</mn> </mtd> <mtd> <mn>9</mn> </mtd> <mtd> <mo>&#x2212;<!-- − --></mo> <mn>3</mn> </mtd> </mtr> <mtr> <mtd> <mn>0</mn> </mtd> <mtd> <mn>6</mn> </mtd> <mtd> <mn>18</mn> </mtd> <mtd> <mn>42</mn> </mtd> </mtr> <mtr> <mtd> <mo>&#x2212;<!-- − --></mo> <mn>10</mn> </mtd> <mtd> <mn>9.5</mn> </mtd> <mtd> <mn>16</mn> </mtd> <mtd> <mn>0</mn> </mtd> </mtr> </mtable> <mo>)</mo> </mrow> </mrow> </mstyle> </mrow> <annotation encoding="application/x-tex">{\displaystyle M={\begin{pmatrix}7&amp;4.3&amp;9&amp;-3\\0&amp;6&amp;18&amp;42\\-10&amp;9.5&amp;16&amp;0\end{pmatrix}}}</annotation> </semantics> </math></span><img src="https://wikimedia.org/api/rest_v1/media/math/render/svg/3f517a8ee814e657c65e941c6764a530c480fe16" class="mwe-math-fallback-image-inline" aria-hidden="true" style="vertical-align: -4.005ex; width:29.727ex; height:9.176ex;" alt="{\displaystyle M={\begin{pmatrix}7&amp;4.3&amp;9&amp;-3\\0&amp;6&amp;18&amp;42\\-10&amp;9.5&amp;16&amp;0\end{pmatrix}}}"/></span></dd></dl> <h3><span class="mw-headline" id="How_to_use_the_timeline_template">How to use the timeline template</span></h3> <p>Within a few of the subpage clusters, you might find a section titled "Timelines", that represent a chronological list of items that pertain to the main article. </p><p>Within that page, is the use of a graphical {{<a href="/wiki/Template:Timeline" title="Template:Timeline">Timeline</a>}} template. This is how it's used! </p><p>First, create the timeline subpage. This can be done by going into the talk page of the article, clicking "show" to reveal the unused (available) subpage types, and clicking on "Timeline". </p><p>Next, add <code>{{subpages}}</code> to the top of the page. Then you're ready to begin the timeline. </p> <h4><span class="mw-headline" id="Starting_the_timeline">Starting the timeline</span></h4> <p>The first template is called <code>{{timeline}}</code>. It currently has <b>two</b> variables, "title" and "height". Although the title is not currently implemented, eventually it will be, so be sure to fill in a title for your timeline there. The second variable, "height" specifies the height of the timeline "stem". Executing the template looks something like this: </p> <pre>{{timeline |title=Your title here. |height=10}} </pre> <h4><span class="mw-headline" id="Adding_the_first_event">Adding the first event</span></h4> <p>The second template is called <code>{{tlevent}}</code>, short for "timeline event". It currently has three variables that must be filled in: </p> <ul><li>The first is the <b>event</b>. This is the body of text that will appear in the tab.</li> <li>The second is the <b>width</b>. This determines how wide the tab will be on the page. It is recommended that you pick a static width (either in <i>em</i> units, or pixels), mainly because using a percent based width will cause variable word-wrapping within each tab.</li> <li>The third is the <b>color</b>. This determines the background color of the tab itself. You can use either "plain-english" colors (e.g. "white", or "blue"), hex-shorthand (e.g. #FFF for all white) or full hex values (e.g. #FFFFFF).</li></ul> <p>Everything put together looks like this: </p> <pre>{{tlevent |event=Something happened first |width=100px |color=#FFFFFF }} </pre> <p>You will use this format for each event that you want to add to the timeline. After all events have been written, you <b>must</b> place <code>|}</code> at the end in order to close off the internal table function of the timeline. </p><p>Here is the sample script followed by the execution: </p> <pre>{{timeline |title=The title will eventually show up. |height=10}} {{tlevent |event='''9:41 AM''': First event. |width=100px |color=#FFF }} {{tlevent |event='''9:42 AM''': Second event. |width=100px |color=#FFF }} {{tlevent |event='''9:43 AM''': Third event. |width=100px |color=#FFF }} |} &lt;br/&gt; &lt;br/&gt; &lt;br/&gt; &lt;br/&gt; </pre> <p>And the demonstration: </p> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:10em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:100px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:41 AM</b>: First event.</font> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:100px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:42 AM</b>: Second event.</font> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:100px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:43 AM</b>: Third event.</font> </div> </td></tr></tbody></table> <p><br /> <br /> <br /> <br /> </p><p>Notice we added a few <code>&lt;br/&gt;</code>s at the bottom of the template. This is to avoid any potential overlapping issues with the graphical layer implemented in the template. </p> <h4><span class="mw-headline" id="Making_adjustments">Making adjustments</span></h4> <p>Notice how the timeline "stem" is too short. This is because 10 units was not long enough to go all the way to the bottom. We can fix this by either increasing the number of units, or making the tabs wider. Let's first try making the tabs wider in order to prevent word-wrapping: </p> <pre>... ... ... {{tlevent |event='''9:41 AM''': First event. |width=200px |color=#FFF }} {{tlevent |event='''9:42 AM''': Second event. |width=200px |color=#FFF }} {{tlevent |event='''9:43 AM''': Third event. |width=200px |color=#FFF }} ... ... ... </pre> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:10em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:41 AM</b>: First event.</font> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:42 AM</b>: Second event.</font> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:43 AM</b>: Third event.</font> </div> </td></tr></tbody></table> <p><br /> <br /> <br /> <br /> </p><p>By increasing the width of the tabs to 200px to avoid word-wrap, we were able to decrease the total height they took up. It almost made the stem go all the way down, but let's add 3 units just to "pretty it up": </p> <pre>{{timeline |title=The title will eventually show up. |height=13}} ... ... ... </pre> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:13em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:41 AM</b>: First event.</font> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:42 AM</b>: Second event.</font> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:43 AM</b>: Third event.</font> </div> </td></tr></tbody></table> <p><br /> <br /> <br /> <br /> </p><p>Perfect! If you want to change other aspects of the timeline, including width, adding images, bullets, etc., please look at <a href="/wiki/Template:Timeline/Sample" title="Template:Timeline/Sample">Template:Timeline/Sample</a> and consult the {{<a href="/wiki/Template:Timeline" title="Template:Timeline">Timeline</a>}} and {{<a href="/wiki/Template:Tlevent" class="mw-redirect" title="Template:Tlevent">tlevent</a>}} templates for technical updates. </p> <h3><span class="mw-headline" id="How_to_use_the_tlsubevent_template">How to use the tlsubevent template</span></h3> <p>Now that you've added a timeline, we can make it more organized by using the {{<a href="/wiki/Template:Tlsubevent" title="Template:Tlsubevent">tlsubevent</a>}} template. Let's continue our previous example: </p> <pre>{{timeline |title=The title will eventually show up. |height=13}} {{tlevent |event='''9:41 AM''': First event. |width=200px |color=#FFF }} {{tlevent |event='''9:42 AM''': Second event. |width=200px |color=#FFF }} {{tlevent |event='''9:43 AM''': Third event. |width=200px |color=#FFF }} |} &lt;br/&gt; &lt;br/&gt; &lt;br/&gt; &lt;br/&gt; </pre> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:13em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:41 AM</b>: First event.</font> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:42 AM</b>: Second event.</font> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:43 AM</b>: Third event.</font> </div> </td></tr></tbody></table> <p><br /> <br /> <br /> <br /> </p><p>Let's assume that we want to break this down into hour blocks and post the minutes under each hour block. Let's do this with the first section: </p> <pre>{{timeline |title=The title will eventually show up. |height=4}} {{tlevent |event='''9:41 AM''': First event. |width=200px |color=#FFF }} |} &lt;br/&gt; &lt;br/&gt; </pre> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:4em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:00 AM</b></font> </div> </td></tr></tbody></table> <p><br /> <br /> <br /> <br /> </p><p>Now, let's add a use of the {{<a href="/wiki/Template:Tlsubevent" title="Template:Tlsubevent">tlsubevent</a>}} template. </p> <pre>{{timeline ... }} {{tlevent ... }} {{tlsubevent |event='''9:01''': Woke up. |width=200px |color=#EEE |height=20px |margin=15px }} </pre> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:4em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:00 AM</b></font> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:20px; top:15px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-20px;"></div> <div style="position:relative; border: 0.05em solid #000; top:15px; left:6.5em; width:200px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:01</b>: Woke up.</font> </div> </div> </td></tr></tbody></table> <p><br /> <br /> </p><p>Ok! We've added it, but notice it's not aligned correctly. We will have to tweak the <code>height</code> and <code>margin</code> variables to get it to align. </p> <h4><span class="mw-headline" id="Adjusting_the_margin_and_height">Adjusting the margin and height</span></h4> <p>Let's adjust the "margin" value first. This will determine how far down or up the actual {{<a href="/wiki/Template:Tlsubevent" title="Template:Tlsubevent">tlsubevent</a>}} is with respect to the main {{<a href="/wiki/Template:Tlevent" class="mw-redirect" title="Template:Tlevent">tlevent</a>}}. We'll try an extreme value of "40px": </p> <pre>{{timeline ... }} {{tlevent ... }} {{tlsubevent |event='''9:01''': Woke up. |width=200px |color=#EEE |height=20px |margin=40px }} |} &lt;br/&gt; </pre> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:4em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:00 AM</b></font> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:20px; top:40px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-20px;"></div> <div style="position:relative; border: 0.05em solid #000; top:40px; left:6.5em; width:200px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:01</b>: Woke up.</font> </div> </div> </td></tr></tbody></table> <p><br /> <br /> A "40px" margin is almost right on the money. Let's try adjusting the "height" now to "35px" (the "height" is the stem-height): </p> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:4em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:00 AM</b></font> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:40px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:40px; left:6.5em; width:200px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:01</b>: Woke up.</font> </div> </div> </td></tr></tbody></table> <p><br /> <br /> Alright! 35 pixels (35px) was enough to make the stem high enough. </p> <h4><span class="mw-headline" id="Adding_additional_events">Adding additional events</span></h4> <p>Let's try adding two more events, one for 9:15 and one for 9:30: </p> <pre>... ... {{tlsubevent |event='''9:01''': Woke up. |width=200px |color=#EEE |height=35px |margin=40px }} {{tlsubevent |event='''9:15''': Brushed teeth. |width=200px |color=#EEE |height=35px |margin=40px }} {{tlsubevent |event='''9:30''': Packed bags. |width=200px |color=#EEE |height=35px |margin=40px }} ... ... </pre> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:4em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:00 AM</b></font> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:40px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:40px; left:6.5em; width:200px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:01</b>: Woke up.</font> </div> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:40px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:40px; left:6.5em; width:200px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:15</b>: Brushed teeth.</font> </div> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:40px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:40px; left:6.5em; width:200px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:30</b>: Packed bags.</font> </div> </div> </td></tr></tbody></table> <p><br /> <br /> We haven't yet played with the <code>height</code>s and <code>margin</code>s for the other two events, but we'll fiddle with them and get them right: </p> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:4em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:00 AM</b></font> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:50px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:50px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:01</b>: Woke up. (h=35, m=50)</font> </div> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:60px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:60px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:15</b>: Brushed teeth. (h=35, m=60)</font> </div> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:70px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:70px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:30</b>: Packed bags. (h=35, m=70)</font> </div> </div> </td></tr></tbody></table> <p><br /> <br /> <br /> </p><p>Looks good! The stems are almost high enough and the margins are right. We have to increase each margin by "10px" per event to compensate for the appearance (there's a -10px intentional margin difference in the code). </p> <h4><span class="mw-headline" id="Problems">Problems</span></h4> <p>As in the previous {{<a href="/wiki/Template:Tlevent" class="mw-redirect" title="Template:Tlevent">tlevent</a>}} example, as soon as you end up word-wrapping, you may have to readjust values (you will definitely for this template.) Here's a demo: </p> <pre>... ... {{tlsubevent |event='''9:01''': Woke up. I was really tired and had difficulty opening my eyes. |width=250px |color=#EEE |height=35px |margin=40px }} {{tlsubevent |event='''9:15''': Brushed teeth with baking soda toothpaste. |width=250px |color=#EEE |height=35px |margin=50px }} {{tlsubevent |event='''9:30''': Packed bags. I made sure to pack extra underwear! |width=250px |color=#EEE |height=35px |margin=60px }} ... ... </pre> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:4em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:00 AM</b></font> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:40px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:40px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:01</b>: Woke up. I was really tired and had difficulty opening my eyes.</font> </div> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:50px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:50px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:15</b>: Brushed teeth with baking soda toothpaste.</font> </div> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:35px; top:60px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-35px;"></div> <div style="position:relative; border: 0.05em solid #000; top:60px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:30</b>: Packed bags. I made sure to pack extra underwear!</font> </div> </div> </td></tr></tbody></table> <p><br /> <br /> <br /> The stem for the 2nd event ended up too short! This means we have to find the right value. Let's increase the first margin by 10px, and make the stem 5px taller: </p> <table border="0" cellpadding="0" cellspacing="0" style="type:text/css;" width="100%"> <tbody><tr> <td><div style="position: relative; height:auto; width:100%;"><div style="position: absolute; border:0.15em solid #000; top:4em; left:1.9em; width:0em; border-top:0; border-bottom:0; border-left:0; border-right:1; margin: 0 0 0 0; height:4em; z-index:1;"> </div> </div> <div style="position:relative; border: 0.15em solid #000; height:3em; top:3em; left:2em; width:2.5em; border-top:0; border-bottom:1; border-left:0; border-right:0; z-index:2; margin-bottom:0px;"> </div> <div style="position:relative; border: 0.05em solid #000; top:2em; left:4em; width:200px; background-color: #FFF; margin-bottom:0em; z-index:3;"><font style="padding:4px; margin:3px; display:block;"><b>9:00 AM</b></font> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:40px; top:50px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-40px;"></div> <div style="position:relative; border: 0.05em solid #000; top:50px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:01</b>: Woke up. I was really tired and had difficulty opening my eyes.</font> </div> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:60px; top:60px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-60px;"></div> <div style="position:relative; border: 0.05em solid #000; top:60px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:15</b>: Brushed teeth with baking soda toothpaste.</font> </div> </div> <div style="position:relative; z-index:4;"> <div style="position:relative; border: 0.15em solid #000; height:60px; top:70px; left:3em; width:3.5em; border-top:0; border-bottom:1; border-left:1; border-right:0; margin-top:-60px;"></div> <div style="position:relative; border: 0.05em solid #000; top:70px; left:6.5em; width:250px; background-color: #EEE; margin-top:-10px; margin-bottom:5px;"><font style="padding: 4px; margin:3px; display:block;"><b>9:30</b>: Packed bags. I made sure to pack extra underwear!</font> </div> </div> </td></tr></tbody></table> <p><br /> <br /> <br /> <br /> Perfect! On the first example, the height was 40, and the margin was 50. On the second, the height was 60 and the margin was 60. On the third, the height was 60 and the margin was 70. It doesn't matter if the lower stems end up being longer and overlapping, just as long as it looks correct! </p> <h3><span class="mw-headline" id="How_to_use_the_imagemap_extension">How to use the imagemap extension</span></h3> <p>Imagemaps are a way to deliniate a part of or an entire image into a reference link. It is usually incorporated into such languages as HTML, Java/Script, Ajax, but a mediawiki extension has been added that does the bulk of the complicated work, enabling you to use it with just a few parameters. </p><p>The first thing to do is to choose your image. In this case, we'll use "Image:Crystal_Clear_action_bookmark.png" or </p><p><a href="/wiki/File:Crystal_Clear_action_bookmark.png" class="image"><img alt="Crystal Clear action bookmark.png" src="/wiki/images/0/03/Crystal_Clear_action_bookmark.png" decoding="async" width="128" height="128" data-file-width="128" data-file-height="128" /></a> </p><p>Before you apply the imagemap code, you have to know the size of the image in pixels, and the size you're going to use. For example, clicking on the image above takes you to the image wiki page, where it says the image size is "128 x 128" pixels. </p><p>You can actually resize the image to any size you'd like by using the regular wikimarkup for image tags: </p><p><code> {{Image|Crystal_Clear_action_bookmark.png|left|100px|This is a thumbnail with a caption}} </code> <br /> <br /> produces </p> <div class="thumb tleft"><div class="thumbinner" style="width:102px;"><a href="/wiki/File:Crystal_Clear_action_bookmark.png" class="image"><img alt="" src="/wiki/images/thumb/0/03/Crystal_Clear_action_bookmark.png/100px-Crystal_Clear_action_bookmark.png" decoding="async" width="100" height="100" class="thumbimage" srcset="/wiki/images/0/03/Crystal_Clear_action_bookmark.png 1.5x" data-file-width="128" data-file-height="128" /></a> <div class="thumbcaption"><div class="magnify"><a href="/wiki/File:Crystal_Clear_action_bookmark.png" class="internal" title="Enlarge"></a></div>This is a thumbnail with a caption</div></div></div> <p><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </p><p><code> [[Image:Crystal_Clear_action_bookmark.png|75px|left]] </code> </p><p>produces </p> <div class="floatleft"><a href="/wiki/File:Crystal_Clear_action_bookmark.png" class="image"><img alt="Crystal Clear action bookmark.png" src="/wiki/images/thumb/0/03/Crystal_Clear_action_bookmark.png/75px-Crystal_Clear_action_bookmark.png" decoding="async" width="75" height="75" srcset="/wiki/images/thumb/0/03/Crystal_Clear_action_bookmark.png/113px-Crystal_Clear_action_bookmark.png 1.5x, /wiki/images/0/03/Crystal_Clear_action_bookmark.png 2x" data-file-width="128" data-file-height="128" /></a></div> <p><br /> <br /> <br /> <br /> <br /> <br /> </p><p>In this case, we don't want to use the thumbnail version (a.k.a. the "polaroid" frame). To begin, we use </p> <pre>&lt;imagemap&gt; Image:Crystal_Clear_action_bookmark.png|left|100px rect 1 1 128 128 [[star]] desc none &lt;/imagemap&gt; </pre> <ul><li>The <code>&lt;imagemap&gt;</code> tag begins the script for imagemap.</li> <li>Next, you specify the image location, along with its orientation and size. In this case, we chose "left" justification and 100 pixels.</li> <li>Now, you specify the imagemap shape. For most square images, you simply use "rect", and define the "rectangle" size. Geometrically, a rectangle has practically the same properties of a square, but we simply redefine the rectangle height and width to make it into a square-shape. It's important to note here that you use the exact same dimensions as the original image size, and <b>not</b> the image size you specify. If you try to use "rect 1 1 100 100" for the imagemap, you will only get a portion of the picture as a clickable region since its been shrunk down from its original 128x128 by the image specification. Think of it like a "Shrinky dink" (you may have to look that one up!)</li> <li>After defining the area, place the link that it should point to next to the size. It's important that everything is spaced correctly. Not leaving spaces between each argument will make this not work.</li></ul> <p>Let's see what happens when we put this all together: </p> <div class="floatleft"><div class="noresize"><map name="ImageMap_d690f713b0b31d9b"><area href="/wiki/Star" shape="rect" coords="1,1,100,100" alt="Star" title="Star" /></map><img alt="Crystal Clear action bookmark.png" src="/wiki/images/thumb/0/03/Crystal_Clear_action_bookmark.png/100px-Crystal_Clear_action_bookmark.png" decoding="async" width="100" height="100" srcset="/wiki/images/0/03/Crystal_Clear_action_bookmark.png 1.5x" data-file-width="128" data-file-height="128" usemap="#ImageMap_d690f713b0b31d9b" /></div></div> <p><br /> <br /> <br /> <br /> <br /> <br /> <br /> <br /> </p><p>Notice when you use the cursor to "hover" over the image, it will say "Star" and clicking it will send you to <a href="/wiki/Star" title="Star">Star</a> </p><p>By changing the "desc" area, you will modify where the imagemap starts and ends. It's best not to change this unless you really know what you're doing or making extremely complicated areas, in which case you're on your own! </p> <h2><span class="mw-headline" id="Doing_things_in_Citizendium">Doing things in Citizendium</span></h2> <h3><span class="mw-headline" id="How_to_start_a_new_article">How to start a new article</span></h3> <p>Instructions for all methods are located at <a href="/wiki/CZ:How_to_start_a_new_article" class="mw-redirect" title="CZ:How to start a new article">CZ:How to start a new article</a>. </p> <h3><span class="mw-headline" id="How_to_make_lowercase_article_titles">How to make lowercase article titles</span></h3> <p>Some pages, like <a href="/wiki/PH" title="PH">pH</a> and <a href="/wiki/E_(mathematics)" title="E (mathematics)">e (mathematics)</a> require lower case titles, which are done like this:<br /> {{lowercase|title=pH}} added at the top of the article gives the correct title form for <a href="/wiki/PH" title="PH">pH</a><br /> {{lowercase|title=e (mathematics}} gives the correct title form of <a href="/wiki/E_(mathematics)" title="E (mathematics)">e (mathematics)</a>. </p> <h3><span id="How_to_make_article_titles_with_a_.22.2F.22_in_them"></span><span class="mw-headline" id="How_to_make_article_titles_with_a_&quot;/&quot;_in_them">How to make article titles with a "/" in them</span></h3> <p>Some pages, like <a href="/wiki/index.php?title=9/11_Attack&amp;action=edit&amp;redlink=1" class="new" title="9/11 Attack (page does not exist)">9/11</a> require a "/" in their titles, which for technical reasons doesn't work with our <a href="/wiki/CZ:Article_structure#Subpages" title="CZ:Article structure">subpage</a> system. Use {{<a href="/wiki/Template:Slashtitle" title="Template:Slashtitle">slashtitle</a>}}, and follow the instructions on that page. </p> <h3><span class="mw-headline" id="How_to_checklist_articles">How to checklist articles</span></h3> <p>The basic instructions are located at <a href="/wiki/CZ:Using_the_Subpages_template" class="mw-redirect" title="CZ:Using the Subpages template">CZ:Using the Subpages template</a>. A weekly list of unchecklisted articles needing attendtion can be found at <a href="/wiki/CZ:Unchecklisted_Articles" title="CZ:Unchecklisted Articles">CZ:Unchecklisted_Articles</a>. </p> <h3><span class="mw-headline" id="How_to_add_unusual_subpages_to_an_article">How to add unusual subpages to an article</span></h3> <p>Citizendium supports subpages types which are only used on a few articles, but they require special configuration. See <a href="/wiki/CZ:Article-specific_subpages" title="CZ:Article-specific subpages">CZ:Article-specific subpages</a> for more. </p> <h3><span class="mw-headline" id="How_to_handle_incorrectly_named_articles">How to handle incorrectly named articles</span></h3> <p>If you see a page which you think has been incorrectly named, look on the article's Talk: page to see if the issue has been previously discussed, and a consensus reached. If not, leave a note with your suggestion, and add {{Rename}} to the bottom of the Talk: page; this adds the article to <a href="/wiki/Category:Rename_suggested" title="Category:Rename suggested">Category:Rename suggested</a> so we don't lose track of it. </p> <h3><span class="mw-headline" id="How_to_handle_duplicate_articles">How to handle duplicate articles</span></h3> <p>When you find a pair of duplicate articles, drop a note on each one's Talk: page, tagged with the template {{<a href="/wiki/Template:Duplicate" title="Template:Duplicate">Duplicate</a>}}, which takes as an argument the name of the <i>other</i> duplicate article. That adds them to <a href="/wiki/Category:Duplicate_articles" title="Category:Duplicate articles">Category:Duplicate articles</a>, so they don't get lost, and notifies the authors/editors in that area that they need to clean up the situation. </p><p>Dealing with a duplicate involves three steps: </p> <ul><li>Deciding what the preferable title is</li> <li>Working out which article has the best content (i.e. should be saved as 'the' article on that topic)</li> <li>Seeing if there's any useful material to be salvaged from the other one, and doing the salvage</li></ul> <p>All of those are best done by someone with some expertise in that area, so generally it's best to just note it, and let those with the expertise deal with it - unless of course you are such a person, in which case you can clean it up. </p><p><i>Note:</i> if you decide the best content is at title A, but the preferable name is B, you will have to get help from a <a href="/wiki/CZ:Constable" class="mw-redirect" title="CZ:Constable">Constable</a> to switch the two articles around. <b>Do not</b> just cut-and-paste the content over - we need to keep the history with the article, for copyright reasons. </p> <h3><span class="mw-headline" id="How_to_rename_an_article">How to rename an article</span></h3> <p>Always use the "move" tab at the top of the page, but... </p> <ul><li>It's generally unwise to rename an article created and worked on by others without some discussion (see above).</li> <li>If you get an error message for some reason, ask a more experienced user to help you.</li> <li><i><b>Never</b></i> move a page by 'cutting and pasting' the contents in the new location - that divorces the text and its 'History', which we need to keep together for copyright reasons.</li> <li>It the article you are moving is a <a href="/wiki/CZ:Cluster" class="mw-redirect" title="CZ:Cluster">cluster</a>, and has <a href="/wiki/CZ:Subpages" title="CZ:Subpages">subpages</a>, see the instructions <a href="/wiki/CZ:Using_the_Subpages_template#Moving_an_article_with_subpages" class="mw-redirect" title="CZ:Using the Subpages template">here</a>. If those instructions are too daunting, ask for help from an experienced user; we are happy to help.</li></ul> <h3><span class="mw-headline" id="How_to_delete_an_article">How to delete an article</span></h3> <p>You can ask a constable to delete a junk page, or an article you created, by using the speedydelete template. You can simply add {{speedydelete|Insert some reason here}} to the article/image space. For more on deletion, see <a href="/wiki/CZ:Article_Deletion_Policy" title="CZ:Article Deletion Policy">here</a>. </p> <h3><span class="mw-headline" id="How_to_start_a_new_proposal">How to start a new proposal</span></h3> <p>Instructions for starting a new proposal can be found at <a href="/wiki/CZ:Proposals/New" title="CZ:Proposals/New">CZ:Proposals/New</a>. </p> <h3><span class="mw-headline" id="How_to_find_editors">How to find editors</span></h3> <p>To find a list of editors in a particular Workgroup, go to the <a href="/wiki/CZ:Workgroups" title="CZ:Workgroups">CZ:Workgroups</a> page and clink on the editors link for the workgroup. </p> <h3><span class="mw-headline" id="How_to_make_a_new_template">How to make a new template</span></h3> <p>Before creating a new template, there are several things that must be taken into consideration: </p> <ul><li>How will it be used?</li> <li>Where will it be used?</li> <li>How should it look?</li> <li>How flexible will it be?</li> <li>Is it needed?</li> <li>What need is it fufilling?</li></ul> <p>Templates are extremely powerful tools for creating dynamic content that you want reproduced or changed with very little effort across a large number of pages. Templates can also be very data sensitive; that is, what kind of data you want to present may determine how your template looks and feels. </p><p>The best templates are very flexible, very dynamic, and present information in a "clean" way. This increases their reusability. Templates that limit the information you can change are usually very poor, and have limited use. </p> <h4><span class="mw-headline" id="Starting_a_template">Starting a template</span></h4> <p>The first step in starting a template is determine what it should be called. This is more important than you think! After all, if you create a template called {{<span class="plainlinks plainlinksneverexpand"><a rel="nofollow" class="external text" href="https://citizendium.org/wiki/index.php?title=Template:Infobox_for_different_Wheat_germs_and_their_DNA_structures&amp;action=edit&amp;redlink=1&amp;preload=Template:New/preload&amp;editintro=Template:New/editintro-redlink"><span style="color:#810541;">infobox_for_different_Wheat_germs_and_their_DNA_structures</span></a></span>}} <u>NOBODY</u> will use it. It's too much of a hassle to implement. </p><p>Additionally, if you <i>misname</i> your template, it confuses people upon its use. For example, if you create a template called {{<span class="plainlinks plainlinksneverexpand"><a rel="nofollow" class="external text" href="https://citizendium.org/wiki/index.php?title=Template:Paper_colors&amp;action=edit&amp;redlink=1&amp;preload=Template:New/preload&amp;editintro=Template:New/editintro-redlink"><span style="color:#810541;">paper_colors</span></a></span>}} and it actually shows paper dimensions, you will also confuse users (and possibly incite arguments!) </p><p>Once you have predetermined these factors, you start your template using the form at <a href="/wiki/CZ:Templates" title="CZ:Templates">CZ:Templates</a>. Let's call this example "add". It will be used to add two numbers. The location is as follows: </p><p><a rel="nofollow" class="external free" href="http://en.citizendium.org/wiki/Template:add">http://en.citizendium.org/wiki/Template:add</a> , or <a href="/wiki/index.php?title=Template:Add&amp;action=edit&amp;redlink=1" class="new" title="Template:Add (page does not exist)">Template:Add</a> </p> <h4><span class="mw-headline" id="Making_the_template_work">Making the template work</span></h4> <p>After you've created the new page, it's now ready for programming. After all, a blank template will do nothing. </p><p>Let's consider what we want the template to do. We're going to take two values, <i>X</i> and <i>Y</i>, and combine their values to produce a third value <i>Z</i>. In order to do this, we have to define these two variables, <i>X</i> and <i>Y</i>. We do this below: </p> <pre>{{{X}}} {{{Y}}} </pre> <p>Now, we have to input the logic to add the numbers. To make mathematical evaluations in wiki software, you must use the <code>{{#expr:}}</code> or "expression" template. It is implemented as such: </p> <pre>{{#expr: {{{X}}} + {{{Y}}} }} </pre> <p>This tells the template to evaluate the expression "{{{X}}} added to {{{Y}}}". Once this is complete, the template can be called as such: </p> <pre>{{add |X=3 |Y=7 }} </pre> <p>Using the template, we should see the answer below is ten. </p><p><a href="/wiki/index.php?title=Template:Add&amp;action=edit&amp;redlink=1" class="new" title="Template:Add (page does not exist)">Template:Add</a> </p><p>Of course, we could have just used the following within the template: </p> <pre>{{#expr: 3 + 7}} </pre> <p>But the problem with this design, is that using the template {{<span class="plainlinks plainlinksneverexpand"><a rel="nofollow" class="external text" href="https://citizendium.org/wiki/index.php?title=Template:Add&amp;action=edit&amp;redlink=1&amp;preload=Template:New/preload&amp;editintro=Template:New/editintro-redlink"><span style="color:#810541;">add</span></a></span>}} will then always have produced "10", which isn't very flexible, is it? This way, any user can use the Add template to add any two numbers they'd like! </p><p>From here on, templates can get more complex. There is a great potential for their use. In fact, you can combine many of the elements found in the <a href="/wiki/CZ:How_to" class="mw-redirect" title="CZ:How to">CZ:How to</a> page to create some fantastic and highly dynamic templates. Be aware though, that the more complex and dynamic your template becomes, the more difficult it may be to implement. <b>Balancing function with design and usability is a tricky feat,</b> as is with all elements of programming. </p><p>Please feel encouraged to test out our new template below, by clicking the "edit" next to the subheading. (<i>Note:</i> You don't have to save the page to see the results of your experiment: just click the <i>Show preview</i> button and you will get a look at it.) </p> <h4><span id="Test_add_template_below_this_line.21"></span><span class="mw-headline" id="Test_add_template_below_this_line!">Test add template below this line!</span></h4> <h2><span class="mw-headline" id="How_to_write_a_BAD_article">How to write a <b>BAD</b> article</span></h2> <p>There are a number of items that can make an otherwise good article seem awful. Aside from the usual list of making fictitious claims, falsifying information, not presenting an accurate picture, there are other mechanics that can make an article unreadable and uninteresting. A few of them are listed below: </p> <ul><li>Incorrect grammar use and poor sentence structure</li> <li>Unnecessary over-complication of the scope of an article</li> <li>Confusing and or mixing up tenses</li> <li>Lack of clear explanations for concepts</li> <li>Excessive use of technical terms without explanations</li> <li>Throwing facts together with no clear relations between them</li> <li>Making incorrect conclusions based on provided information</li> <li>Not writing about the core subject but explaining fringe concepts</li> <li>Including rhetoric and hearsay instead of facts</li> <li>Misjudgement of your audience</li></ul> <p><br /> </p> <table width="80%" align="center" border="0" cellpadding="4" cellspacing="0" style="border-bottom:1px solid #999999; border-top:1px solid #dddddd; border-left:1px solid #aaaaaa; border-right:1px solid #dddddd; margin:0 auto; clear: both;" class="collapsible &#123;&#123;&#123;hide&#125;&#125;&#125;"> <tbody><tr> <th align="center" colspan="3" style="background:#dddddd"><i>Citizendium</i> <a href="/wiki/CZ:Technical_Help" title="CZ:Technical Help">Technical Help</a> </th></tr> <tr> <td style="background:#f5f5f5" align="center" colspan="3"><a href="/wiki/CZ:How_to_edit_an_article" title="CZ:How to edit an article">How to edit an article</a> &#124; <a href="/wiki/CZ:Searching" title="CZ:Searching">Searching</a> &#124; <a href="/wiki/CZ:Start_article_with_subpages" title="CZ:Start article with subpages">Start article with subpages</a><br /><a href="/wiki/CZ:The_Article_Checklist" title="CZ:The Article Checklist">The Article Checklist</a> &#124; <a href="/wiki/CZ:Using_the_Subpages_template" class="mw-redirect" title="CZ:Using the Subpages template">Subpage template</a> </td></tr></tbody></table> <p>|width=10% align=center style="background:#F5F5F5"|&#160; |} </p> <!-- Saved in parser cache with key citiz_2022:pcache:idhash:79620-0!canonical and timestamp 20241031213004 and revision id 956522. --> </div> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://citizendium.org/wiki/index.php?title=CZ:How_To&amp;oldid=956522">https://citizendium.org/wiki/index.php?title=CZ:How_To&amp;oldid=956522</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Category</a>: <ul><li><a href="/wiki/Category:Technical_Help" title="Category:Technical Help">Technical Help</a></li></ul></div></div> </div> </div> <div id="mw-navigation"> <h2>Navigation menu</h2> <div id="mw-head"> <nav id="p-personal" class="vector-menu mw-portlet mw-portlet-personal vector-user-menu-legacy" aria-labelledby="p-personal-label" role="navigation" > <h3 id="p-personal-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Personal tools</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="pt-login" class="mw-list-item"><a href="/wiki/index.php?title=Special:UserLogin&amp;returnto=CZ%3AHow+To" title="To edit pages, [[Special:RequestAccount|get a contributor account]]. [o]" accesskey="o"><span>Log in</span></a></li></ul> </div> </nav> <div id="left-navigation"> <nav id="p-namespaces" class="vector-menu mw-portlet mw-portlet-namespaces vector-menu-tabs vector-menu-tabs-legacy" aria-labelledby="p-namespaces-label" role="navigation" > <h3 id="p-namespaces-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Namespaces</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="ca-nstab-cz" class="selected mw-list-item"><a href="/wiki/CZ:How_To"><span>CZ</span></a></li><li id="ca-talk" class="new mw-list-item"><a href="/wiki/index.php?title=CZ_Talk:How_To&amp;action=edit&amp;redlink=1" rel="discussion" title="Discussion about the content page (page does not exist) [t]" accesskey="t"><span>Discussion</span></a></li></ul> </div> </nav> <nav id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet vector-menu-dropdown" aria-labelledby="p-variants-label" role="navigation" > <input type="checkbox" id="p-variants-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-variants" class="vector-menu-checkbox" aria-labelledby="p-variants-label" /> <label id="p-variants-label" aria-label="Change language variant" class="vector-menu-heading " > <span class="vector-menu-heading-label">English</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"></ul> </div> </nav> </div> <div id="right-navigation"> <nav id="p-views" class="vector-menu mw-portlet mw-portlet-views vector-menu-tabs vector-menu-tabs-legacy" aria-labelledby="p-views-label" role="navigation" > <h3 id="p-views-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Views</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="ca-view" class="selected mw-list-item"><a href="/wiki/CZ:How_To"><span>Read</span></a></li><li id="ca-viewsource" class="mw-list-item"><a href="/wiki/index.php?title=CZ:How_To&amp;action=edit" title="This page is protected.&#10;You can view its source [e]" accesskey="e"><span>View source</span></a></li><li id="ca-history" class="mw-list-item"><a href="/wiki/index.php?title=CZ:How_To&amp;action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li><li id="ca-mzwi" class="mw-list-item"><a href="/wiki/index.php?title=CZ:How_To&amp;action=mzwi"><span>ZWI Export</span></a></li></ul> </div> </nav> <nav id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-menu-dropdown" aria-labelledby="p-cactions-label" role="navigation" title="More options" > <input type="checkbox" id="p-cactions-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-cactions" class="vector-menu-checkbox" aria-labelledby="p-cactions-label" /> <label id="p-cactions-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">More</span> </label> <div class="vector-menu-content"> <ul class="vector-menu-content-list"></ul> </div> </nav> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <div> <h3 > <label for="searchInput">Search</label> </h3> <form action="/wiki/index.php" id="searchform" class="vector-search-box-form"> <div id="simpleSearch" class="vector-search-box-inner" data-search-loc="header-navigation"> <input class="vector-search-box-input" type="search" name="search" placeholder="Search Citizendium" aria-label="Search Citizendium" autocapitalize="sentences" title="Search Citizendium [f]" accesskey="f" id="searchInput" > <input type="hidden" name="title" value="Special:Search"> <input id="mw-searchButton" class="searchButton mw-fallbackSearchButton" type="submit" name="fulltext" title="Search the pages for this text" value="Search"> <input id="searchButton" class="searchButton" type="submit" name="go" title="Go to a page with this exact name if it exists" value="Go To Page"> </div> </form> </div> </div> </div> </div> <div id="mw-panel"> <div id="p-logo" role="banner"> <a class="mw-wiki-logo" href="/wiki/Welcome_to_Citizendium" title="Visit the main page"></a> </div> <nav id="p-Read" class="vector-menu mw-portlet mw-portlet-Read vector-menu-portal portal" aria-labelledby="p-Read-label" role="navigation" > <h3 id="p-Read-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Read</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="n-mainpage" class="mw-list-item"><a href="/wiki/Welcome_to_Citizendium" title="Visit the main page [z]" accesskey="z"><span>Welcome to Citizendium</span></a></li><li id="n-Citable-Articles" class="mw-list-item"><a href="/wiki/Category:Citable_versions_of_articles"><span>Citable Articles</span></a></li><li id="n-All-Articles" class="mw-list-item"><a href="/wiki/Category:CZ_Live"><span>All Articles</span></a></li><li id="n-Random-Article" class="mw-list-item"><a href="/wiki/Special:RandomInCategory/CZ_Live"><span>Random Article</span></a></li><li id="n-All-Recent-Changes" class="mw-list-item"><a href="/wiki/Special:RecentChanges"><span>All Recent Changes</span></a></li></ul> </div> </nav> <nav id="p-About_Us" class="vector-menu mw-portlet mw-portlet-About_Us vector-menu-portal portal" aria-labelledby="p-About_Us-label" role="navigation" > <h3 id="p-About_Us-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">About Us</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="n-Introduction" class="mw-list-item"><a href="/wiki/CZ:About"><span>Introduction</span></a></li><li id="n-FAQ" class="mw-list-item"><a href="/wiki/CZ:FAQ"><span>FAQ</span></a></li><li id="n-Policies" class="mw-list-item"><a href="/wiki/CZ:Policies"><span>Policies</span></a></li><li id="n-Governance" class="mw-list-item"><a href="/wiki/CZ:Governance"><span>Governance</span></a></li></ul> </div> </nav> <nav id="p-Contact_Us" class="vector-menu mw-portlet mw-portlet-Contact_Us vector-menu-portal portal" aria-labelledby="p-Contact_Us-label" role="navigation" > <h3 id="p-Contact_Us-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Contact Us</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="n-Enquiries" class="mw-list-item"><a href="/wiki/CZ:Enquiry_Form"><span>Enquiries</span></a></li><li id="n-Apply-to-Join" class="mw-list-item"><a href="/wiki/Help:Index/Join"><span>Apply to Join</span></a></li><li id="n-Personnel" class="mw-list-item"><a href="/wiki/CZ:Personnel"><span>Personnel</span></a></li></ul> </div> </nav> <nav id="p-How_To" class="vector-menu mw-portlet mw-portlet-How_To vector-menu-portal portal" aria-labelledby="p-How_To-label" role="navigation" > <h3 id="p-How_To-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">How To</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="n-Forum" class="mw-list-item"><a href="/wiki/Forum:Home"><span>Forum</span></a></li><li id="n-Start-Article" class="mw-list-item"><a href="/wiki/CZ:Start_Article"><span>Start Article</span></a></li><li id="n-Article-Mechanics" class="mw-list-item"><a href="/wiki/CZ:Article_mechanics"><span>Article Mechanics</span></a></li><li id="n-How-to-Edit" class="mw-list-item"><a href="/wiki/CZ:How_to_edit_an_article"><span>How to Edit</span></a></li><li id="n-Help" class="mw-list-item"><a href="/wiki/CZ:Home"><span>Help</span></a></li><li id="n-More-Help" class="mw-list-item"><a href="/wiki/Help:Index"><span>More Help</span></a></li><li id="n-Quick-Start" class="mw-list-item"><a href="/wiki/CZ:Quick_Start"><span>Quick Start</span></a></li><li id="n-How-to-collaborate" class="mw-list-item"><a href="/wiki/CZ:How_to_collaborate"><span>How to collaborate</span></a></li><li id="n-How-to-format-pages" class="mw-list-item"><a href="/wiki/CZ:How_To"><span>How to format pages</span></a></li></ul> </div> </nav> <nav id="p-Finance" class="vector-menu mw-portlet mw-portlet-Finance vector-menu-portal portal" aria-labelledby="p-Finance-label" role="navigation" > <h3 id="p-Finance-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Finance</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="n-Financial-Report" class="mw-list-item"><a href="/wiki/CZ:Financial_report"><span>Financial Report</span></a></li><li id="n-Donate" class="mw-list-item"><a href="/wiki/CZ:Donate"><span>Donate</span></a></li></ul> </div> </nav> <nav id="p-tb" class="vector-menu mw-portlet mw-portlet-tb vector-menu-portal portal" aria-labelledby="p-tb-label" role="navigation" > <h3 id="p-tb-label" class="vector-menu-heading " > <span class="vector-menu-heading-label">Tools</span> </h3> <div class="vector-menu-content"> <ul class="vector-menu-content-list"><li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/CZ:How_To" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/CZ:How_To" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-print" class="mw-list-item"><a href="javascript:print();" rel="alternate" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/wiki/index.php?title=CZ:How_To&amp;oldid=956522" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/wiki/index.php?title=CZ:How_To&amp;action=info" title="More information about this page"><span>Page information</span></a></li></ul> </div> </nav> </div> </div> <footer id="footer" class="mw-footer" role="contentinfo" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last modified 10:10, 28 May 2024.</li> <li id="footer-info-copyright"><I>CZ is free</i>. All written content is available under the <a href="https://citizendium.org/wiki/Creative_Commons_CC-by-sa_3.0">Creative Commons-Attribution-ShareAlike 3.0 Unported license</a> or any later. Written content that originated in part from Wikipedia is also available under <a class="external" rel="nofollow" href="https://creativecommons.org/licenses/by-nc-sa/4.0/">Creative Commons Attribution-NonCommercial-ShareAlike</a>. <br /> <br /> <a href="https://citizendium.org/wiki/Help:Index">Help</a> • <a href="https://citizendium.org/wiki/CZ:Financial_report">Financial Report</a> • Follow Citizendium on <a href="https://twitter.com/TheCitizendium">Twitter</a> • <a href="https://www.facebook.com/citizendium">Facebook</a></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="/wiki/CZ:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/CZ:About">About Citizendium</a></li> <li id="footer-places-disclaimer"><a href="/wiki/CZ:General_disclaimer">Disclaimers</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://creativecommons.org/licenses/by-nc-sa/4.0/"><img src="/wiki/resources/assets/licenses/cc-by-nc-sa.png" alt="Creative Commons Attribution-NonCommercial-ShareAlike" width="88" height="31" loading="lazy"/></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/"><img src="/wiki/resources/assets/poweredby_mediawiki_88x31.png" alt="Powered by MediaWiki" srcset="/wiki/resources/assets/poweredby_mediawiki_132x47.png 1.5x, /wiki/resources/assets/poweredby_mediawiki_176x62.png 2x" width="88" height="31" loading="lazy"/></a></li> </ul> </footer> <script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgBackendResponseTime":482});});</script> </body> <!-- Cached/compressed 20241031213005 --> </html>

Pages: 1 2 3 4 5 6 7 8 9 10