Forum:Template/modal

 Learn how to use Source mode instead! Source mode uses a markup language called Wikitext, which is very straightforward and easy to learn! There's lots of stupid people, but even the stupidest can use Source mode—that means you definitely can! Use the buttons in the edit toolbar to help. Also, here's a quick guide to Wikitext: FORMATTING Simple inline text formatting...            Bold text or             Italic text or             Underlined text Strikethrough &lt;s>No formatting&lt;/s> Any code inside these tags will be displayed as is. Internal link The page linked to must be a page on the wiki. Interwiki link For Fandom wikis, use  plus the wiki URL. For other wikis, see the interwiki map. External link The link must start with  or. These can be mixed and combined in any way. For example,  creates a bold, italic link that's crossed out. Make sure you close every tag that you open! For example, each  must be accompanied by another   after the bold text; each   must be accompanied by a   after the crossed out text. Not doing so will cause errors! LAYOUT (Line break) (New paragraph) Hit Enter or Return twice. Section heading or             Section headings should start at the beginning of a new line. (Horizontal rule—basically just a line) Horizontal rules should start at the beginning of a new line. Ordered listOrdered lists are orderedWow! Who could've known?</li></ol></li></ol> # Ordered list # Ordered lists are ordered ## Wow! Who could've known? Ordered lists should start at the beginning of a new line. <ul>Unordered list</li>Unordered lists are not ordered<ul>Wow! Who could've known?</li></ul></li></ul> * Unordered list * Unordered lists are not ordered ** Wow! Who could've known? Unordered lists should start at the beginning of a new line. Text<dl><dd>Indented text</dd></dl> Text : Indented text Indents should start at the beginning of a new line. <img src="https://vignette.wikia.nocookie.net/climbthestairs/images/3/34/Image.png" width="50" style="float: right;"> For more information about formatting images with Wikitext, visit MediaWiki.org</a>. For more information regarding Wikitext, check out Wikipedia's help page</a>. CSS The above Wikitext (and HTML) tags are quite limited in their ability to format text, but fortunately, Wikitext allows inline CSS to be used. There are two basic tags you need to know: <ul> The div tag : This is for wrapping blocks (paragraphs) of text. Using this tag inline will create a new paragraph! All the examples will use the div tag.</li> The span tag : This is for wrapping inline text. Using this for more than one paragraph will not work!</li> </ul> Once you've chosen the correct tag to use, add a style attribute to the opening tag:. Now you're ready to add CSS! You can add as many properties as you want to any tag. Separated the property from the value with colons, and separate different properties from each other with semicolons. (Examples below!) Here are some CSS properties you can use: font-family &lt;div style="font-family: Times New Roman;">font-family&lt;div> This changes the font, if that wasn't obvious enough. Click here</a> to learn more about this property. If you're an admin, learn how you can install fonts on your wiki</a>! font-size &lt;div style="font-size: 20px;">font-size&lt;div> Font size can be specified in pixels (px). Click here</a> to learn more about this property. color &lt;div style="color: red;">color&lt;div> Click here</a> to learn more about this property. Click here</a> to see more colors you can use. background &lt;div style="background: red;">background&lt;div> Click here</a> to learn more about this property. Click here</a> to see more colors you can use. border &lt;div style="border: 1px solid red;">border&lt;div> The first value is the width of the border, the second is the style, and the third is the color. Click here</a> to learn more about this property. border-radius &lt;div style="border: 1px solid red; border-radius: 5px;">border-radius&lt;div> This rounds the corners of backgrounds and borders. Click <a href="https://w3schools.com/cssref/css3_pr_border-radius.asp" target="_blank">here</a> to learn more about this property. text-shadow &lt;div style="text-shadow: 1px -2px 5px red;">text-shadow&lt;div> The first value is the horizontal position of the shadow, the second is the vertical position, the third is the blur, and the fourth is the shadow color. The first two values are required, while the last two are both optional. Click <a href="https://w3schools.com/cssref/css3_pr_text-shadow.asp" target="_blank">here</a> to learn more about this property. box-shadow &lt;div style="box-shadow: 1px -2px 5px red;">box-shadow&lt;div> The first value is the horizontal position of the shadow, the second is the vertical position, the third is the blur, and the fourth is the shadow color. The first two values are required, while the last two are both optional. Click <a href="https://w3schools.com/cssref/css3_pr_box-shadow.asp" target="_blank">here</a> to learn more about this property. These are just the most basic CSS properties. If you're interested, visit <a href="https://w3schools.com/cssref/default.asp" target="_blank">W3Schools</a> to learn about more properties! <a href="https://w3schools.com/cssref/css3_pr_transform.asp" target="_blank">Transform</a> is fun to use; check it out! So are <a href="https://w3schools.com/css/css3_gradients.asp" target="_blank">gradients</a>!