From Uncyclopedia, the content-free encyclopedia

Jump to: navigation, search

Yettie Guides to Wiki Formatting

For a comprehensive guide to making sigs see User:Regret Tenenbaum/HowTo:Make a Sig
For some basic stuff, look here.

Hello! Welcome to your first lesson. I can tell you're eating, so why not just spit it out now, eh? And sit up straight, you!

A tag is something that affects the appearance of your wiki page. All tags are opened and then closed (<open> and then </open>ed to close...if you get that).All tags MUST be closed (in the case of <tags that appear in things like this> they must be closed like this </tags>...but ONLY with the first word of the tag thingy). When you have lots of tags piling up, closing them in the right order can be difficult.

Tags mean that any non-code text within them is formatted in a certain way. Examples:

edit Basic Tag Examples

Tag Opening Tag Closing Tag Has More Options? Effect Example Code Example Code Results
<nowiki> </nowiki> No Anything within a nowiki tag is plain texted. Nowiki overules all other tags <nowiki>{{Adoptee|YesTimeToEdit}}</nowiki> {{Adoptee|YesTimeToEdit}}
<small> </small> No Anything within a small tag is made smaller. More small tags, smaller the text. Remember to close them all, though! <small>This is small text, cause it contains juicy gossip about my sex life</small> This is small text, cause it contains juicy gossip about my sex life
<big> </big> No Opposite of small tag, makes text bigger. Again, you may stack big tags for bigger and bigger text. <big>I'M SHOUTING, DAMN IT!</big> I'M SHOUTING, DAMN IT!
<u> </u> No Underlines text. That's about it, darling. nothing else to see here...sorry to disappoint. <u>Underlined Text....Es Importante!</u> Underlined Text....Es Importante!
<center> </center> No Places text in the center/centre of the page. Make sure NOT to embed center tags within center tags, otherwise you may experience problems <center>This is my sexy, juvenile, centred text (clearer example below)!!</center>
This is my sexy, juvenile, centred text (clearer example below)!!
And here's a clearer example of that centered tag code:
This is my sexy, juvenile, centred text (clearer example)!!

edit Complex Tags

There are more tages that are a bit more complex. Why are they complex? Well, see that column of italic "no"s under "Tag has more options?". That's why. Simple tags don't have more options. For example, the center tag...You cannot add any extra code to the center tag to affect the text. Same goes for the small, big, u and nowiki tags. They're set and have no variables for you to be able to change. However, there are some tags with variable options. The three main ones, I've listed below.

Optional attributes are added like this...

We'll use a made up tag and we'll say that attribute is a special variable for this tag. Tags that can have optional attributes usually have no affect, if left bare, like so...


However, we could add attributes to change things, like this...

<tag attribute="attribute option">Text</tag>

We may be able to add more, like soo....

<tag attribute="attribute option" attribute2="attribute option2">Text</tag>

And even more...

<tag attribute="attribute option" attribute2="attribute option2" attribute3="attribute option3" attribute4="attribute option91">Text</tag>


There are also some "default" attributes that you can add to all of the following three tags. The important two defaults are "style=" and "class=". These can be added to the font, div or span tags and carry a set of attributes. Style= is the more important of the two. It can be used like so...

<tag style="background: red; color: blue; padding: 5px">Text</tag>

If that was a "span" tag and not a "tag" tag, it would produce something like this...


Notice how style= has lots of sub options, all of which MUST be included in the speech marks (" "). The individual different sub options are separated by semi colon, like so...

<tag style="background: red; padding: 5px">Text</tag>

Utterly confused? Hopefully a few examples and stuff will clear things up!

edit style=

style= is an atrribute that can be added to the font, span and div tags. It has lots of sub options that define the "style" of the tag. Here are just a few of the common style suboptions and the values you can enter into them. After that, I'll quickly explain, again, how you string all the options you want together into a nice div/font/span tag. Mmm'kay?

Suboption Effect What You Can Put In It
background: Changes the background colour (can also changes the background image, but that's a little complexer, so let's leave that) Any colour name to produce a standard default colour or a colour code, such as a hexadecimal colour code (more info/colour creation).
color: Spelt the American way, color, changes the default text colour (links will remain default link colours, though). Any colour name to produce a standard default colour or a colour code, such as a hexadecimal colour code (more info/colour creation).
align: Aligns the text, centre, middle, or left. "center", "middle" or "left"
padding: A very important sub option that is often forgotten. This adds a blank space around the edge of the text/objects in the tag. Also the following four sub-options allow you to control the separate padding spaces individually: padding-top: padding-bottom: padding-right: padding-left: . The best way to define a padding is by using a "px" value. "Px" if you haven't come across it is a measurement commonly used in computering worlds. So the value is numberpx. Just play around with this.
border: This defines a border for your tag (duh!) There are three values that you should enter here, width (defined in px, again), border type (text values) and colour (defined as above for background:). You should write something like 6px solid #FF0000. The #FF0000 is a colour and the "solid" is the border type (other types include..."ridge", "outset", "inset", "dashed", "dotted", "none", "double", "groove").
font-weight: This defines the boldness of the text "bold", "bolder", "boldest", "normal", "lighter", "100", "200", "300", "400", "500", "600" (etc.)
text-decoration: Pretties up text with some decoration "underlined", "overlined", "italic" and some more I can't really remember right now...
All I can remember for the moment...

These can be used like this....

<div style="background: #FF00FF; color: #000000; padding: 60px; width: 500px; border: 3px solid red">sknfdlskfnsdlkfnsdlk text!!</div>


edit <font>

The font tag is an HTML tag that can change how a font appears. There are three special optional attributes for the font tag + the style= and class= default attributes. They are "face", "color" and "size". "Face" defines the actual font and the value could be something like "courier new". Size should me a number ranging from 1 to infinity (I think). 3/4 is average size. "Color" requires a colour defined like the colours are defined in background: say in the style= bit.

edit <div>

The div tag creates a box, which is automatically as wide as it possible can be. Really div should be used with a style= option and possible a class= option. There are a few other options you can use with it, but they're not really that important as style= can usually replicated everything they can do. There is, for example, a width= option. However style= has width: as a sub option. Really confused, now? Pah!!

<div style="background: blue; color: white; padding: 10px;">My Texto</div>


My Texto


<div style="background: red; color: white; padding: 30px; width: 300px; font-weight: bold">My Texto</div>


My Texto

edit <span>

Span is very incredibly similar to the div tag and pretty much uses the same attributes (style=, class= etc.). However the main difference is that span is automatically wrapped around the text and is automatically the length of all text within it, wheras divs default to the maximum width they can get...if you understand? Here's an example...two tags, one a span and one a div, otherwise exactly the same...

<span style="background: blue">Testooooo text!!</span>

<div style="background: blue">Testooooo text!!</div>

The span tag looks like this...

Testooooo text!!

And the div tag looks like this...

Testooooo text!!

See the difference? You can bear that in mind, when you come to using them.

edit class=

In class= you can define a predefined "class" which is essentially a grouping of a load of formatting things (say style= with some suboptions there and maybe a few other bits and bobs). Unfortunately, on a wiki you can't define these useful classes and have to leave the admins to that.

There are a few created that are useful, for example " stealthexternallink" (possibly has an s on the end) creates a link to an external site look like a normal link. " underlinelink" makes the link automatically underlined, " nounderlinelink" does the opposite. " buttonlink" creates a "button" that changes when you click on it and looks all indented and fancy like (note: when using this you MUSN'T define a border!

Note, these classes are all specific to the wiki you happen to be on. " buttonlink" may not exist on Uncyclopedia, for example.

edit Templates

Templates is a key part of the wiki system. There is a namespace (a namespace is something that goes before article names Help:something for example, where Help: is a namespace...they must be predefined to be a proper namespace).

If you put anything inbetween double curly brackets ({{something}}) then the wiki system goes off and looks for Template:something. It will find this page (which is formatted just like any other page) and it will embed it....

Let's see if Template:something exists, like so...




...guess it doesn't. That red link appears when a template doesn't exist (red links show that a page doesn't exist).

Some templates are more complicated and use text you put in...There are loads and loads of useful ones. It's useful to remember anything in double curly brackets is a template. Use {{u|someone's username}} to create a link to that user's userpage. {{fakelink|link text}} produces what looks and believes like a link but is actually a FAKE!!!!


Beware of {{USERNAME}} which produces your username. That is, whoever's reading it (and is logged in) will see there username. {{focus|text}} produces "highlighted" text. Feel free to ask me about this, and experiment, look around.

It's important to note that when you go to a template page (say the focus page, here) that what you see is not necessarily what you get when using it (due to complex wiki coding that we won't go into for now).

edit Other Templating

You can also use curly brackets (like you've just used before) to add any non-mainspace article to an article (e.g. articles in User: or User_talk:). So, for example you could do this...{{User:The dark prince}} and you would produce the exact contents of your userpage. Meh!!!! This means you can make "non main use" template in your userspace (say userboxes or stuffs) in User:The dark prince/template and use {{User:The dark prince/template}} to embed it.

You could not, however use this technique to embed a brilliant article like this, because that article is a mainspace article, and it just doesn't bloody work!! BLOODY!!

edit subst

You can use subst: in templates (you used an advanced version of this, that even I don't really understand, in your custom sig). By adding subst: you embed the page in the same way, however!! There is a big however! Instead of remaining as {{something}} in the code (and appearing as the page Template:something) the actual code will be embedded. Okay, so I've explained this badly. Mostly on purpose, of course. Of course.

By using subst (like this: {{subst:something}}... say?!) you stick the entire code from the template (or other page thingy) in the page. Generally don't worry about this, but it may be useful (especially when used in conjunction with advanced <includeonly> tags).

edit Other Wiki Formatting The Don't Want You To Know About

__NOEDITSECTION__ -- This gets rid of the little edit links that appear next to each header

__NOTOC__ -- This gets rid of the TOC (table of contents) which is automatically created at the top of a page, when the page has more than four headers.

edit Apology

Sorry for the horribly dryenity of this. Note the whorelink to one of my articles in the title... Hopefully it wasn't too complex, if you have any questions you can meet me after class every day ending in day. Also, to cheer things up....

A goobly woobly floobly floppy donkey wonkey.

Happy, little one?

edit Discussion

lol - Yes, I'm overjoyed! But seriously - that's a whole lotta stuff you've made here. I'll be learning 'em one by one. And my college just started, so the frequency of me coming online would decrease for a small while. Thanks a lot for this page though. See ya!
wait, do I have to have my sig on my page(this page) to? ~ Talk•heDarkPrincontribs•e 12:20 5 Sep
If we're starting to talk here then you should, yet. I think I'm going to use this to help all my other kidos. Have fun. - [15:59 5 September] Sir FSt Don MafiaHatBlack.gif Yettie
Sure thing. Just try and make sure the stuff above this section is not altered. ~ Talk•heDarkPrincontribs•e 16:09 5 Sep

edit Dark Prince's Testing ground

YTTE's sons need to make their own, if they like. Don't you touch this place bitch ~ Talk•heDarkPrincontribs•e 16:08 5 Sep

Or daughters. - [16:20 5 September] Sir FSt Don MafiaHatBlack.gif Yettie
Very impressive, TDP! Kudos, friend, kudos! Also, I made a sig-specific thing like this: User:Regret Tenenbaum/HowTo:Make a Sig. Do you mind if mine links to yours? daughters?!-- REGRETTENENBAUMIS DEAD TALK! 18:49, 6 September 2008 (UTC)
Ahem, I created this page! Also, I'm thinking Uncyclopedia:Confederate Of Advanced Editing. - [20:13 6 September] Sir FSt Don MafiaHatBlack.gif Yettie
Really? *checks history... well, kudos to you too! ... why's it under TDP's name? That confederacy sounds nice. -- REGRETTENENBAUMIS DEAD TALK! 22:30, 6 September 2008 (UTC)
Cause I made it for him. And yes, we should seriously think about setting up like a hub or something with a load of pages on advanced editing. We could use some content from this page and include your sig page. Also stuff on creating userboxes, random talk page tricks some people like and even how tos on forum wiki coding? Whatdaya think? People could flock from all around the world to gain wiki coding knowledge...well maybe not quite. Oh and we could include a custom time stamp how to (to go with custom sigs) too. - [11:07 7 September] Sir FSt Don MafiaHatBlack.gif Yettie
Perhaps it could just be a page of links, as to not clutter up that page too much. -- REGRETTENENBAUMIS DEAD TALK! 18:02, 7 September 2008 (UTC)
I'm back from hibernation! Well, not quite yet. Anyways, feel free to direct traffic from your page to this one. And yea - making this public would be good. Would help a great deal in reducing the noob population(me included, of course). ~ Talk•heDarkPrincontribs•e 18:44 7 Sep
Knock Knock joke

Knock knock.Who's there? It's death, I kill you!
Personal tools