To create colors to use on Wiki, you need to follow the code below.


<font color="magenta">Hello!</font>


<span style="color:magenta;">Hello!</span>

You can also add a colored shadow.

<span style="text-shadow: 0 0 0.9em black, 0 0 0.9em magenta, 0 0 0.9em magenta, 0 0 0.9em magenta">Hello there!</span>



Hello there!

There are so many colors you can use, including aqua, blue, chocolate, cinnamon, deeppink, grey, gold, green, hotpink, lavender, limegreen, lime, orange, orchid, purple, skyblue, teal, turquoise, white, yellow, and many more. You can also use these colors for your signature.

To make your userpage more festive and pop more. You can simply add a background color to it.


All you do is copy and paste this code.

{| width="100%" style="background:transparent; " |valign="top" width="75%" style="background: darkviolet; border: 2px solid #000000; padding: .5em 1em; -moz-border-radius: 2em; text-align: "|


Hello and welcome to my userpage!

Feel free to look around.

You can also add different color borders as well. Also, remember to end off the code by typing |}.

As you may or may not have known, there are three different types of editors Fandom wikis have that you can choose to edit with. Those being VisualEditor, Classic rich-text editor, and Source editor. These options can be located in your preferences under the editing tab. There it then should show a section with a drop down menu that says Preferred editor. Then you can select the one you want.


This editor is basically a view of how you would normally see a page. It gives you a visual of how exactly a page looks after you've added your changes. It helps to see your changes right, then, and there before publishing. It's ok to use if you're just doing simple editing, such as adding words and punctuation.

Classic rich-text editor

I don't really know what this one really is nor have I used it, so I can't really speak for this one.

Source editor

Basically an editor that let's you see the source of a page and gives you editing tools up at the top. This editor is actually really easy to use than you would think. It's also an editor where you can actually add coding if needed. If you still need that visual on how an edit looks in this editor, then you can just click on one of the devices (depending on what you use) to preview the page. Both those preview options are located at the top of the editor next to the publish button. This also helps you see your changes before you publish.

Users are able to type in different fonts on the wiki, as well as use them in their signatures. The code is very simple and you copy and paste it just like the color one.


<font face="Lucida Handwriting">Hi, how are you?</font>


Hi, how are you?

Other fonts you can use include Alpine, Bookman Old Style, Castellar, Century Gothic, Cooper, Courier, Freestyle Script, Forte, Futura, Impact, Raavi, SimHei, SimSun, and many more.

You can also use this to get some really cool font patterns. All you do for that is type in your desired text, and then copy and paste it where you want it to go.

Users on the wiki are able to customize their signature by visiting their preferences and inserting their code into the custom signature slot. Users should ensure that the "I want to use wikitext in my signature" box is checked; otherwise, their signature will not work.


[[User:Person1|<font color="black">Person1</font>]] [[Message Wall:Person1|<font color="red">Message</font>]] [[Special:Contributions/Person1|<font color="magenta">Contributions</font>]]


[[User:Person1|<span style="color:black;">Person1</span>]] [[Message Wall:Person1|<span style="color:red;">Message</span>]] [[Special:Contributions/Person1|<span style="color:magenta;">Contributions</span>]]

There are also backgrounds you add too, such as...

[[User:Person1|<span style="background:black;color:magenta;">Person1</span>]]

You can also add a shadow, like so...

[[User:Person1|<span style="text-shadow: 0 0 0.9em black, 0 0 0.9em magenta, 0 0 0.9em magenta, 0 0 0.9em magenta"><span style="color:red;">Person1</span></span>]]


Person1 Message Contributions



It's really up to you what you want to put in your signature. You are encouraged to link your username so people are aware of who you are.

You can put quotes or sayings you like, even if they are not related to Total Drama if you don't want them to be, and also if you want to add a picture, go for it. If you wish to include a picture in your signature, you can only use Total Drama-related ones on this Wiki. However, any signature you create on this Wiki will be the one that is used across all Wikis. Some may have policies against unrelated images as well, so we recommend removing the picture off your signature if you edit other wikis.

Also, for anyone who has a bit longer signature and it won't fit into the signature box in your preferences. Then you can just create a user-extension for it and then type it into the signature box, like this: {{User:Person1/Signature}}.

In order to use your signature on the site, type: ~~~~. You can add it to your userpage, to forum discussions and to sign someone's friend list.

Alright, so user extensions are page add-ons that are linked with one's profile. People usually make them for their rankings if they don't want them directly on their actual profile, but want to just link them. Or for their signature if it's too long for the box in their preferences. I know we get quite a few people asking about how to make these, so here's how.


1. Ok, so to create an extension all you do is go to the top right of your screen where you'll see three different buttons. You want to click the button that shows a piece of paper.

2. Then you should get a pop up that says "Create a new article". You then want to put in your title... i.e. like User:Person246/Rankings. You need to type it just like that with your username and the word user included, or it will just save as a regular article.

3. You'll then get to choose an option "Standard page layout" and "Blank page" for a layout. It's better to choose the black one so you can start adding stuff right away without having to clear the sample stuff you get in the standard one.

4. Then hit "Next" and start creating your page!

That's all you need to know about how to make extensions. Pretty easy if you ask me. Also, when the extension is created and saved, feel free to link it wherever you want it to go. Just not on actual articles obviously.

There is also a user infobox here if you're interested in sharing a little more about yourself in a noticeable way. You can share how long you've been a fan of the show, your gender, your rankings page, and if you're comfortable enough, you can add your social media links to it as well, so you can befriend members of the community or show them access.


|gender={{Male}} or {{Female}}
|watching=[[Total Drama Island|<span style="color:#228B22;">'''Total Drama Island'''</span>]]
|position={{Chatmod}}, {{Rollback}} or {{Admin}}
|rankings=[[User:Your username/Rankings]]
|deviantart= [your link here]

You can customize your user infobox, so you can only share certain information. For instance, if you do not feel comfortable about sharing your social media, skip those steps. Copy and paste the tutorial and you are able to make changes below.

  • color: Similar to above, choose your favorite color. This will mark the top (or the header) of your user infobox. In this example, blue1 provides a lighter blue compared to blue2. However, blue3 gives a black background and blue text. You can choose any color that you desire.
  • gender: Use our available gender userboxes to add the gender you associate with.
  • watching: Share which season you started watching the series. This user started watching the series in Total Drama Island, for instance.
  • position: If you are a staff member, you can add which position you are currently in.
  • rankings: To make your rankings be more accessible, you can include a link in this section.
  • If you feel comfortable with linking your social media accounts, go for it.


Here is a mock example.

Userboxes are templates with short descriptions about oneself or one's interests. A user may add them by using two opening braces ({{), inserting the name of the userbox they wish to add, and two closing braces (}}).

While we feature personality and Wiki-specific userboxes, we also have a large catalog of Total Drama-related userboxes. You can also find other userboxes here and you can add as many as you want to your userpage.




edits This user has 6,286 total edits.
180x180 profile tdwt heather 01 This user is a fan of Queen Bee Heather and her thousands of hairstyles.
Noah&amp;Owen (RR) This user is a fan of the Reality Pros, Owen and Noah.
Mike Countdown This user is a hater of Multiple Personality Disorder Mike and Chester, Svetlana, Vito, Manitoba, and Mal.
MZ-icon This user is a hater of the relationship between Mike and Zoey.

The following are some extra tips you should know.

Being original

While all this stuff you can do to customize your signature or userpage looks really awesome to try out, it's still important that you be original. For example, if a friend/user has a really nice layout of their userpage, you might want to try that layout out for yourself. That is totally fine, as we always encourage people to use formatting, but you don't have to make the exact same as the other person. Try to alter it a bit and use some of your own ideas, since userpages are technically supposed to resemble you and be a form of expression.

If you really want something to be the same as someone else, then you should always ask them for their permission first before doing so. If you don't get their permission before copying various design techniques, you could actually really upset someone that way, as some people don't like others copying their ideas. If anything, give credit to the user who came up with the design that inspired yours. You also shouldn't be copying others' signatures as well, as we prefer those to be more original. Remember to not be afraid to be yourself.


Your signature will appear with a timestamp (what date and time it was when you edited a page) after the page is saved. If you link or copy and paste your signature instead of signing it through the preferred method of: ~~~~ (4), the staff recommends you paste your signature and add ~~~~~ (5). That will automatically include the timestamp.

It is actually important that you have this set up with your signature. This helps us know when a forum or article talk page has been edited, because we all know that's way easier than going into the history of the page and looking up the date and time. This can also be set up in your preferences.

Please leave a comment down below if you're confused by any of this or need help with anything. Our staff will try to answer you as quickly as possible. We'll be more than happy to help. ;)