Help:Customising your signature

From the RuneScape Wiki, the wiki for all things RuneScape

Shortcut: H:CYS H:CUSTOM

This page is to help you customize your signature! It is important when doing so to realise that other users will often need to access your talk page and perhaps your user page or contributions. Therefore ensure that these links are obvious.

Contents 1 Reference 2 Syntax 2.1 Font colour 2.2 Font Size 2.3 Bold, underline, italics, strikethrough 2.4 Font face 2.5 Subscript and Superscript 2.6 Background colour 2.7 Borders 2.8 Combining multiple styles 2.9 Notes 3 See also

[edit] Reference

• Many of these snippets use common HTML elements, the most common of which is <span>. Visit the HTML section at w3schools.com:HTML reference.
• Much of the flashy, custom effects are done using CSS. For a complete CSS reference, vist the CSS section at w3schools.com:CSS reference

[edit] Syntax

You can modify the styling of your signature using CSS in conjunction with several HTML elements. The most common element used for formatting in signatures is the <span> element, since the font element has deprecated, which mean that it will not be supported in newer browsers.

[edit] Font colour

To change font color place the tags <span style="color: color-here;"> (replace "color-here" with the name of a color) and </span> at the end to modify this you may put tags on it. There are some colors that also are represented by numbers. Lists of those colors are found here and here.

[edit] Font Size

To change text size, use the CSS property "font-size" with the <span> element: <span style="font-size: small;">Small text</span>

Small text

More control can be used by substituting a percentage for the size, for example,

<span style="font-size: 75%;">Small text</span>

Small text

<span style="font-size: 125%;">Big text</span>

Big text

[edit] Bold, underline, italics, strikethrough

To make text bold, use the CSS property "font-weight":

<span style="font-weight: bold;">Bold text</span>

Bold text

To underline text, use the CSS property "text-decoration":

<span style="text-decoration: underline;">Underlined text</span>

Underlined text

To italicise text, use the CSS property "font-style":

<span style="font-style: italic;">Italic text</span>

Italic text

To cross out text, use the CSS property "text-decoration":

<span style="text-decoration: line-through;">Crossed out text</span>

Crossed out text

[edit] Font face

To change the font use the CSS property "font-family":

<span style="font-family: 'Arial' 'sans-serif';">If your computer has the Arial font, this text will be displayed in Arial. Otherwise, it will be displayed using your browser's default sans-serif font.</span>:

If your computer has the Arial font, this text will be displayed in Arial. Otherwise, it will be displayed using your browser's default sans-serif font.

[edit] Subscript and Superscript

The tags  and  (along with close tags  and ) will give:

Text_sub

Text^sup

[edit] Background colour

To change background color use the "background-color" CSS property:

<span style="background-color: gold;">This text will have a golden background.</span>

This text will have a golden background.

[edit] Borders

To make borders, use "border: [variables]", the variables are:

<span style="border: 1px solid blue">1px solid blue</span>

1px solid blue

<span style="border: 3px solid green">3px solid green</span>

3px solid green

<span style="border: 1px dashed goldenrod">1px dashed goldenrod</span>

1px dashed goldenrod

To limit which edges are bordered, use "border-style:" then specify the type of border used for each of the four sides:

<span style="border-style: none solid none solid; border-color: blue;"> </span>

none solid none solid

Rounted corners are also possible, to round corners use -moz-border-radius: 1em; as follows: <span style="-moz-border-radius: 1em; background: yellow; border: 3px solid red">Rounded corners</span>

Rounded corners

The corners can be changed by specifying a value between 0em (corners) and 1em (a complete half-circle)

[edit] Combining multiple styles

To create multiple styling changes, combine CSS properties with a semicolon:

<span style="border: 1px solid red; background-color: yellow; text-decoration: underline; font-style: italic; color:blue">Multiple styles</span>

Multiple styles

[edit] Notes

Do not use the <font> tag to customise your signature. The font element has been deprecated by W3C and will not be interpreted by newer browsers. The same holds true for other deprecated elements, such as <u>.

[edit] See also

• Template:Signatures, including more of the rules of customising your signature