You are here :-  Wiki


Creating and Editing Pages

Modified on 2011/10/16 11:44 by Kerrick Categorized as Uncategorized

Creating/Editing a Page

   When you create a new page or edit an existing one, you get a spiffy editor to help with the formatting. What it doesn't tell you, though, is that you can also use HTML code. Anything you can do with wikicode, you can also do with HTML - bold, italics, super/subscript, etc. but not links (HTML links don't work properly for some reason). There are a few things that you can do with HTML that you can't do with wikicode, though, like changing the font color and size, or indenting paragraphs. This comes in handy for things like the gateways page or for making subheaders without all those lines.
   So how do you do it? Easy.

Changing Font Size

   As you can see, the header above is not a normal wikicode header - it's a header I made by simply enlarging the text. All you need is the tag:

 <font size = "3em">Text</font> 

   There are a few important things to remember here, though: First, the size (3em) cannot have spaces; second, you can only use whole numbers, not 1.25 or 3.4. Decimals work normally on HTML-based websites, but not here. The default size for the wiki is 1em; I've made all the pages 2em so they're readable. You shouldn't really need to go above 3em, though. When you're creating a page, you must put a closing tag down at the bottom
   Side note: The "code escaped" tag (two @'s before and after the code) must be used for displaying HTML - the "code inline" and "nowiki" tags work for wikicode only.

Changing Font Color

   Changing the font color uses a tag similar to that for changing the size:

 <font size = "lightblue">Text</font> 

   As with HTML, you can use any hex-code or simple word-based colors like orange, green, yellow, etc. You can also combine font size and color tags, so you end up with something like this:

 <font size = "3em" color = "lightblue">Text</font> 

   You can even combine this with bold, underline, and/or italics:

 <font size = "3em" color = "lightblue"><b><u><i>Text</i></u></b></font> 

to get something like this.
   The order of opening and closing tags doesn't matter (as long as you have both), but it's best to use them in the same order both ways - this makes it easier to edit.

Indenting Paragraphs

   Wikis don't recognize paragraphs as such. That is, they don't automatically indent a new line unless you tell them to with HTML or CSS, and they don't recognize normal spaces at the beginning of a line, unlike a word processor. Since this wiki doesn't use CSS, we have to do it old-school, the HTML way:


   Each of those tags equals one non-breaking space (a break is a tag that tells the browser that the paragraph has ended and to start a new one; see below). Two spaces is common indentation for a paragraph; you should always put a space between the tags and the text for easier editing.
   Wikicode will recognize carriage returns (hitting Enter to start a new line), but it gives you an entire line of blank space in between. The way around this is to use the following tag:

 <br> or {br} 

   This tells the browser "Hey, the line's ending and I want to start a new line right after this one." You can also use the tag on an empty line to create more space like

this (I used five break tags to achieve this effect).

Links and Anchors

   Links are pretty easy to do in the editor; if you want to type them manually (like I do, because it's faster), you just type:


   Be advised, though, that this does not work if you have spaces in the URL. If you want to link something with spaces (like a book title), you have put hyphens or underscores between each word, like so:

 [[Pilgrimage-to-Hell|Pilgrimage to Hell]] or [[DL-companions#Ryan_Cawdor|Ryan Cawdor]] 

   The text on the left side of the | is the actual link, while the text on the right is what shows up in the browser. One-word links, like


can be written as-is - the text in this case is the same as the link, so there's no need to write it twice.
   You can also link to an anchor; the link to Ryan Cawdor, above, is a good example. In order for an anchor to work, though, you must insert the following code somewhere near the entry to want to link to (on the line above is best, to keep things clean):

 <a name = "Ryan_Cawdor"></a> 

   As with a normal link, the anchor text cannot have spaces in it. You can insert text between the first and second tags if you want, but it's better to simply write as it appears above for easier editing. When you click on a link that leads to the anchor, the browser will port over to that page and place the anchored line at the very top (which is why it's best to put the anchor above the entry to want to link; otherwise, the first line will be off the screen).
   One peculiarity of using anchor links, however, is that if the anchor name is wrong, the link won't be broken - as long as the page name is correct, it will go to the page... it just won't go to the proper anchor. The linking format on this wiki is: all people's names are underscored; all other names are hyphenated. As with HTML, links are not case-sensitive - you can type it in all lowercase, all upcase, or any combination thereof, and it will still work fine.


   Something I discovered when using lists, which isn't readily apparent, is that if you're using sublists, you can make sub-sub entries simply by adding more # signs:

List header
* First entry
*#Sub entry
*## Sub-sub entry
* Second entry

   Which will appear like this:

   List header
  • First entry
    1. Sub entry
      1. Sub-sub entry
  • Second entry

   Lists must have a blank line after them, or the rest of the text will be assumed to be part of the list. The first line of the list must also be right after the header (as noted above), without any line breaks, or it won't work.


   Inserting images works pretty much like making a link - you have to upload a file or have a picture somewhere else to link to. The format is:

 [[link|picture name]] 

   You can also imageleft, imageright, or imageauto to set left, right, or no alignment:

 [imageleft|Sample Picture Caption|{UP(SamplePicture-Small.jpg)}Sample-Picture-Small.jpg|{UP(SamplePicture-Small.jpg)}SamplePicture.jpg] 

   "SamplePicture-Small" is the name of the picture you're linking to, and SamplePicture is the alt text (what appears when you mouse over the picture). The caption ("Sample Picture Caption") is optional, as well as the link (
). The link can be any type of link (page, URL, email, file/attachment, etc.).

DEATHLANDS, OUTLANDERS, EARTH BLOOD, and JAMES AXLER are all the property of Gold Eagle / Worldwide Library, and are used here strictly under Fair Use guidelines.
Who's Online
Membership Membership:
Latest New User Latest: Automatic Jack
Past 24 Hours Past 24 Hours: 0
Prev. 24 Hours Prev. 24 Hours: 0
User Count Overall: 2341

People Online People Online:
Visitors Visitors: 113
Members Members: 0
Total Total: 113

Online Now Online Now: