Help:Modifying text: Difference between revisions

From Fanon Wiki
No edit summary
(Cleanup.)
Line 1: Line 1:
{{help}}
{{help}}
{{construction}}
{{construction}}
{{todo|Document the following:
*<sup>Superscripts</sup> and <sub>Subscripts</sub>;
*Hiding comments in the page source using <nowiki><!-- <text> --></nowiki>.}}


On [[Fanon Wiki:About|Fanon Wiki]] (and wikis in general), there are numerous ways to '''modify text'''. This page explains how to do so.  
On [[Fanon Wiki:About|Fanon Wiki]], and wikis in general, there are numerous ways to '''modify text'''. This page explains how to do so.  


==Italicizing and bolding==
==Italicizing and bolding==
Notably, the most commonly used format of text modification are ''italicizing'' and '''bolding''' text. These can be used in a plethora of situations, such as giving emphasis on a certain text, making it more visible to readers, etc. To italicize or bold text, one must use two or three apostrophes before and after text, respectively. Here's an example of italicizing and bolding text:
Notably the most commonly used format of text modifying are ''italicizing'' and '''bolding''' text. These can be used in a plethora of situations, such as giving emphasis on certain text, making it more visible to readers, etc. To italicize or bold text, one must use two or three apostrophes before and after text, respectively. Here's an example of italicizing and bolding text:


*<code><nowiki>''Example''</nowiki></code> will result in ''Example''.
*<code><nowiki>''Example''</nowiki></code> will result in ''Example''.
Line 18: Line 15:
*<code><nowiki><b>Example</b></nowiki></code> will result in <b>Example</b>.
*<code><nowiki><b>Example</b></nowiki></code> will result in <b>Example</b>.


In addition to this, users can also '''''bold and italicize''''' text at the same time. It is triggered by using five apostrophes, or both aforementioned stages, before and after the text.
Furthermore, users can also '''''bold and italicize''''' text at the same time. It is triggered by using five apostrophes, or both aforementioned tags, before and after text.


==Strike-through and underline==
==Strikethrough and underline==
In addition to the basic italicization and bolding of text, users can also <s>strike-through</s> and <u>underline</u> text. Unlike bolding and italicizing, they are used not as often, however, they are still available if users need them. Using it is more complicated but still generally easy. Triggering them is explained below:
In addition to the basic italicization and bolding of text, users can also <s>strikethrough</s> and <u>underline</u> text. They are used much less often than bolding and italicizing, however, they are still available if needed. Using it is more complicated but still generally easy. Triggering them is explained below:


*<code><nowiki><s>Example</s></nowiki></code> will result in <s>Example</s>.
*<code><nowiki><s>Example</s></nowiki></code> will result in <s>Example</s>.
*<code><nowiki><u>Example</u></nowiki></code> will result in <u>Example</u>.
*<code><nowiki><u>Example</u></nowiki></code> will result in <u>Example</u>.
==Superscripts and subscripts==
Text can be positioned <sup>higher</sup> or <sub>lower</sub> using <code><nowiki><sup></nowiki></code> and <code><nowiki><sub></nowiki></code> tags, respectively. Superscripts are commonly used to indicate reference notes on pages.


==Listing==
==Listing==
Line 31: Line 31:
Creating a numbered list also requires by placing a point at the left side of the editing screen but with an octothorp (<code><nowiki>#</nowiki></code>). Typing <code><nowiki>#Example</nowiki></code> results as:
Creating a numbered list also requires by placing a point at the left side of the editing screen but with an octothorp (<code><nowiki>#</nowiki></code>). Typing <code><nowiki>#Example</nowiki></code> results as:
#Example
#Example
Bulleted items can be indented by putting two asterisks (<code><nowiki>**</nowiki></code>) consecutively on the same line under a bulleted item, to display properly:
*Example
**Example
The same is true for octothorps (<code><nowiki>##</nowiki></code>):
#Example
##Example
It is possible to merge both characters, by putting the asterisk first and the octothorp second (<code><nowiki>*#</nowiki></code>). Typing <code><nowiki>*#Example</nowiki></code> under a bulleted item, to display properly, results as:
It is possible to merge both characters, by putting the asterisk first and the octothorp second (<code><nowiki>*#</nowiki></code>). Typing <code><nowiki>*#Example</nowiki></code> under a bulleted item, to display properly, results as:
*Example
*Example
Line 37: Line 45:
#Example
#Example
#*Example
#*Example
You can also stack two of the same symbol
*Example
**Example
or
#Example
##Example
==Text size==
Text size can be decreased or increased using <nowiki><small></nowiki> and <nowiki><big></nowiki>.
<small>Small text</small> and <big>large text</big>


They can also be stacked like <small><small>this</small></small> and <big><big>this</big></big>
==Size==
Text size can be <small>decreased</small> or <big>increased</big> using <code><nowiki><small></nowiki></code> and <code><nowiki><big></nowiki></code> tags. They can also be stacked several times to intensify the change in text size
 
More specific adjustment in text size can be made to text using a <code><nowiki><span></nowiki></code> tag:
 
{| class="wikitable"
! Code !! Result
|-
| <nowiki><span style="font-size:20px>Example</span></nowiki> || <span style="font-size:20px>Example</span>
|}
 
Additionally, font size can be changed using <code><nowiki>class="fs-number"</nowiki></code>. More details on using class are found [[User:Lakelimbo/Syntax|here]].
 
==Color==
Text can be {{color|colored|#070}} by using {{t|color}}, with the text as the first parameter and the color to change it to being the second parameter. Some basic colors can be typed out as color names, but for more complex colors, another system, most often hexadecimal codes, must be used. To color text in an entire element, such as a <code><nowiki><span></nowiki></code> tag, add <code><nowiki>style="color:<color name or hexadecimal code>"</nowiki></code>.
 
{| class="wikitable"
! Code !! Result
|-
| <nowiki>{{color|Example|green}}</nowiki> || {{color|Example|green}}
|-
| <nowiki>{{color|Example|#070}}</nowiki> || {{color|Example|#070}}
|-
| <nowiki><span style="color:green>Example</span></nowiki> || <span style="color:green>Example</span>
|-
| <nowiki><span style="color:#070px>Example</span></nowiki> || <span style="color:#070>Example</span>
|}
 
==Hidden text==
Text, as well as other content in a page, can be hidden from normal view, in a page's code, using <code><nowiki><!-- <text> --></nowiki></code>. This is useful for inserting comments or notes that would be important only to a page's editors.
 
{{policies}}


You can also make more specific adjustments by putting the text in a <nowiki><span></nowiki> tag and using style="font-size:size" or class="fs-number" (more details on using class [[User:Lakelimbo/Syntax|here]]).
==Colored text==
Text can be {{color|colored|darkgreen}} by using {{t|color}}, with the text as the first parameter and the color to change it to being the second parameter. Some basic colors can be typed out as color names, but for more complex colors another system (most often hex codes) will have to be used. To color text in an entire element (such as a div box) add style="color:color".
[[Category:Help]]
[[Category:Help]]
{{Policies}}

Revision as of 14:45, 8 May 2022

Logo mono black.png
This is one of Fanon Wiki's help pages and is meant to aid users by improving their ability to positively contribute to the wiki. Expanding pages such as this with additional information is always welcome.
Logo mono black.png
Construction.png
This page is under construction.

On Fanon Wiki, and wikis in general, there are numerous ways to modify text. This page explains how to do so.

Italicizing and bolding

Notably the most commonly used format of text modifying are italicizing and bolding text. These can be used in a plethora of situations, such as giving emphasis on certain text, making it more visible to readers, etc. To italicize or bold text, one must use two or three apostrophes before and after text, respectively. Here's an example of italicizing and bolding text:

  • ''Example'' will result in Example.
  • '''Example''' will result in Example.

Additionally, users may also use tags to achieve the same modifications, although using apostrophes is more preferred:

  • <i>Example</i> will result in Example.
  • <b>Example</b> will result in Example.

Furthermore, users can also bold and italicize text at the same time. It is triggered by using five apostrophes, or both aforementioned tags, before and after text.

Strikethrough and underline

In addition to the basic italicization and bolding of text, users can also strikethrough and underline text. They are used much less often than bolding and italicizing, however, they are still available if needed. Using it is more complicated but still generally easy. Triggering them is explained below:

  • <s>Example</s> will result in Example.
  • <u>Example</u> will result in Example.

Superscripts and subscripts

Text can be positioned higher or lower using <sup> and <sub> tags, respectively. Superscripts are commonly used to indicate reference notes on pages.

Listing

Creating a bulleted list requires placing an asterisk (*) at the start of a new line. Typing *Example results as:

  • Example

Creating a numbered list also requires by placing a point at the left side of the editing screen but with an octothorp (#). Typing #Example results as:

  1. Example

Bulleted items can be indented by putting two asterisks (**) consecutively on the same line under a bulleted item, to display properly:

  • Example
    • Example

The same is true for octothorps (##):

  1. Example
    1. Example

It is possible to merge both characters, by putting the asterisk first and the octothorp second (*#). Typing *#Example under a bulleted item, to display properly, results as:

  • Example
    1. Example

The inverse also works, by putting the octothorp first and the asterisk second (#*). Typing #*Example under a numbered item, to display properly, results as:

  1. Example
    • Example

Size

Text size can be decreased or increased using <small> and <big> tags. They can also be stacked several times to intensify the change in text size

More specific adjustment in text size can be made to text using a <span> tag:

Code Result
<span style="font-size:20px>Example</span> Example

Additionally, font size can be changed using class="fs-number". More details on using class are found here.

Color

Text can be colored by using {{color}}, with the text as the first parameter and the color to change it to being the second parameter. Some basic colors can be typed out as color names, but for more complex colors, another system, most often hexadecimal codes, must be used. To color text in an entire element, such as a <span> tag, add style="color:<color name or hexadecimal code>".

Code Result
{{color|Example|green}} Example
{{color|Example|#070}} Example
<span style="color:green>Example</span> Example
<span style="color:#070px>Example</span> Example

Hidden text

Text, as well as other content in a page, can be hidden from normal view, in a page's code, using <!-- <text> -->. This is useful for inserting comments or notes that would be important only to a page's editors.