As of November 2008, round corners will only display in Mozilla Firefox, Apple Safari and Google Chrome. EDIT: As of June 2011, round corners will display also on Internet Explorer 9

To add round corners to a box or frame, include the {{tl|Round corners}}; template (just as shown, including semi-colon) as a style parameter. Note that the element to be rounded must have a border in the first place. Here's a markup example:

To see the specific code for creating round corners see Template:Round corners.

For a cool example of the use of round corners, see [http://en.wikipedia.org/w/index.php?title=User:Zeerus&oldid=86840495 Zeerus' user page]

Or, try another way: -moz-border-radius:Xpx, where X is the number of pixels wide the rounded edge should be.

{{main|Web colors}}

{{web colors}}

To change the color of your user page, simply add the following code, replacing the capitalized text with the desired web colors:

{|

| style="background:BACKGROUND COLOR; color:TEXT COLOR" |

So, you want to use fancy colors, eh? The following is a range of Web-Safe colors (non-dithering) transcluded from User:Resident Mario/Tablet.

To suppress the automatic table of contents box from appearing on your user page, place the following line somewhere on your user page:

__NOTOC__

To have the table of contents box float to the right, place the following line where you want the top to appear:

{{TOCright}}

Here's an example of collapsed/expandable sections:

There are several templates that can be used for this in :Category:Collapse templates.

{{See also|Wikipedia:Manual of Style/Accessibility#Color}}

• To make a box, do the following:

1. Type
   before the text
2. Choose the color (Check out these pages: [1][2][3] for a full list of colors you can use)
3. Type your text
4. Type

• To make borders curved (only works in Mozilla-based browsers) add the following code to the code described in the previous section:
• border-radius:15px;
• So, now your code should look like
  Hi
• Which would show up as

{{center|1=Here are some tips on how to format your text:}}

To use custom dots for bullets in lists, you can insert small files, like this:

  9px Lorem ipsum dolor sit amet,

  9px consectetur adipiscing elit,

  9px sed do eiusmod tempor incididunt

  9px ut labore et dolore magna aliqua.

  9px Ut enim ad minim veniam,

You might want to use a different color dot for separate lists, to further differentiate those lists, rather than mix them like above. When using this method, you need to end each line with "
", and precede the first item in the list with that as well (at the end of the preceding line), or the items will run together.

Here is the wikicode for the above list, for copying and pasting:

  9px Lorem ipsum dolor sit amet,

  9px consectetur adipiscing elit,

  9px sed do eiusmod tempor incididunt

  9px ut labore et dolore magna aliqua.

  9px Ut enim ad minim veniam,

For a real-life example of how the above method is applied upon a user page, see the page [https://en.wikipedia.org/w/index.php?title=User:Tom.Reding&oldid=1145765385 User:Tom.Reding].

Of course, you are not limited to dots. This method can be employed using icons, emoticons, etc.

• To center text, use the following code:

1. Enter
2. Then enter your text
3. Finally, enter

• To strike through text, use the following code:

1. Enter a before the text.
2. Enter the text
3. Enter a after the text.

• Overall, your code should look like this:

blah blah blah

• Once you have entered that code, your text will look like this:

blah blah blah

• To insert a superscript, use the following code:

1. Enter a before the text.
2. Enter the text
3. Enter a after the text.

• Overall, your code should look like this:

Normal text^{superscript text}

• Once you have entered that code, your text will look like this:

Normal text^{superscript text}

• To insert, use the following code:

1. Enter a before the text.
2. Enter the text
3. Enter a after the text.

• Overall, your code should look like this:

Normal text_{subscript text}

• Once you have entered that code, your text will look like this:

Normal text_{subscript text}

• To insert a hidden comment, use the following code:

1. Enter a after the text.

• Overall, your code should look like this:

• You will not be able to see the text on this page, but it will be seen when you try to edit this page. Hidden text is mostly used for warnings.

• To insert a secondary headline, use the following code:

1. Enter a == before the text.
2. Enter the text
3. Enter a == after the text.

• Overall, your code should look like this:

==blah blah blah==

• To insert a tab, use the following code:

1. Enter a :: before the text.

• Overall, your code should look like this:

::blah blah blah

• Once you have entered that code, your text will look like this:

::blah blah blah

• To change the color of text, use the following code:

1. Enter a before the text.
2. Choose the color
3. Enter the text
4. Enter a after the text.

• Overall, your code should look like this:

blah blah blah

• Once you have entered that code, your text will look like this:

blah blah blah

You can use this template to make some text that gradually changes its colour from left to right ({{user:weegaweek/fun/gradient text|blah blah blah}}) and this template to create text that has every colour of the rainbow as a gradient ({{user:weegaweek/fun/rainbow text|blah blah blah}}). To customise the color and direction of the text, you may use this template which allows customisation of text like this ({{Linear-gradient text | #ff99aa | #55ff00 | #7722ff | text = blah blah blah | direction = 40deg | alt text color = purple }}).

• To change the cursor of the mouse when you hover over text, do the following:

1. Enter a before the text.
2. Choose the cursor, (e.g. crosshair, default)
3. Enter the text
4. Enter a after the text.

• Overall, your code should look like this:

blah blah blah

• Once you have entered that code, and you put the mouse over the text, it should have a different mouse cursor:

blah blah blah

• To make external links look internal, use the following

1. Enter a before the text.
2. Enter the external link
3. Enter a after the text.

• Overall, your code should look like this:

[http://wikipedia.com external link]

• Once you have entered that code, the external link should look like this:

[http://wikipedia.com external link]

• Note that if someone is using a custom skin that specifies different link colors, for example, green for internal links, and purple for "redlinks," a link formatted with this code will still look blue, and not match other links in appearance, to that user.

• To make text bold, do the following:

1. Enter 3 apostrophes ''' before the text.
2. Enter the text
3. Enter 3 more apostrophes ''' after the text.

• Overall, your code should look like this:

text

• Once you have entered that code, the text should look like this:

text

• To italicize text, do the following:

1. Enter 2 apostrophes '' before the text.
2. Enter the text
3. Enter 2 more apostrophes '' after the text.

• Overall, your code should look like this:

text

• Once you have entered that code, the text should look like this:

text

• To make underline text, do the following:

1. Enter before the text.
2. Enter the text
3. Enter after the text.

• Overall, your code should look like this:

text

• Once you have entered that code, the text should look like this:

text

• To make text a certain size, use the following code:

1. Enter a before the text.
2. Choose the size
3. Enter the text
4. Enter a after the text.

• Overall, your code should look like this:

blah blah blah

• Once you have entered that code, your text will look like this:

blah blah blah

• To use the following font families, use the codes below:

2. Enter the font you want
3. Directly after the code, enter your text
4. Enter after the text

So, it should look like:

awesome

Which will turn out as:

awesome

File:Cscr-featured.svg

This inserts an image as seen below.

File:Cscr-featured.svg

Star

Every image should have a brief description text. This enables blind Wikipedians using a screen reader to know what the image is about. "Star" is the descriptive word in this case.

Star

:File:Cscr-featured.svg

Add a colon before Image to create a link to an image.

:File:Cscr-featured.svg

left

This aligns an Image to the left.

left

{{-}}

right

This aligns an Image to the right.

right

{{-}}

center

This aligns an Image in the middle.

center

{{-}}

You can auto-align an Image one of two ways.

Framing an Image will automatically set the Image to the right side of the screen and frame it. (Like a picture frame)

To frame an Image type in:

frame

Which will appear like this:

frame

NOTE: This will force the image to be in its original size (to change the size use thumbnails or do not use the frame).

{{-}}

Thumbnailing a picture is similar to framing because it, again, automatically aligns it to the right. What's different about thumbnails is that now you have room to write text below it and can change the size. (Like a photograph from a camera)

To thumbnail a picture type in:

thumb

Which will appear like this:

thumb

{{-}}

To change the size of an image type:

80px

80px

{{-}}

To add a caption to an image, type:

File:Cscr-featured.svg

File:Cscr-featured.svg

or

File:Cscr-featured.svg

or

File:Cscr-featured.svg

To make a gallery of images, type

File:Cscr-featured.svg|Caption1
File:Barnprinter2.png|Caption2

File:Cscr-featured.svg|Caption1

File:Barnprinter2.png|Caption2

There are plenty of users out there looking to spruce up their pages, too! This section lists a few of the really cool apps developed by others.

Also called smileys, these emoticons are useful for adding emotional expression to text messages. Definitely not for use in articles, but suitable for enhancing messages on talk pages, especially user talk pages. They can also be used as menu icons and user page art.

{{col-begin}}

{{col-3}}

• 22px- 22px
• 19px - 19px
• 25px - 25px
• 21px - 21px
• 25px - 25px
• 19px - 19px
• 19px - 19px
• 23px - 23px
• 20px - 20px
• 18px - 18px
• 21px - 21px
• 21px - 21px
• 19px - 19px
• 25px - 25px
• 25px - 25px
• 25px - 25px
• 25px - 25px

{{col-3}}

• 20px - 20px
• 20px - 20px
• 22px - 22px
• 25px - 25px
• 25px - 25px
• 25px - 25px
• 19px - 19px
• 21px - 21px
• 19px - 19px
• 19px - 19px
• 20px - 20px
• 19px - 19px
• 25px - 25px
• 25px - 25px
• 25px - 25px
• 25px - 25px
• 25px - 25px

{{col-3}}

• 19px - 19px
• 21px - 21px
• 19px - 19px
• 19px - 19px
• 19px - 19px
• 21px - 21px
• 20px - 20px
• 21px - 21px
• 22px - 22px
• 20px - 20px
• 18px - 18px
• 18px - 18px
• 25px - 25px
• 25px - 25px
• 25px - 25px

{{col-end}}