GameRef: Wiki Tips

Terms of UseCode of ConductSite Policies and PracticesHouse RulesCustom Items and PowersNew Player Help
Wiki GuideChat HelpRequest SystemExperience GuideSanctioning GuideCharacter Creation


Getting Started

So first we’re going to go over from basic wiki code things. If you want to use italics, you can use the bar above for editing or put two ‘ on either side of what you want to be italic. For bold, you use three ‘ on the front and back. You’ll need to click edit to see the code and how to use it.

Example:

Emphasize (italics),
strong (bold),
very strong (bold italics).

List

For lists
You simple put a Colon on the title words, as seen here, the text after the colon will be automatically dropped down below it.
  • Header
    • Other Item
      • More Info
        • So Forth
          • It goes on and on

For numbered use:

  1. Example
    1. More!
    2. It counts down

You can mix them, like so:

  1. Having a Merit, or status listed
    • Then below it will just be a bullet marker
    • That explains in more detail
  2. Then you can go on to the next one.
    • While still maintaining the number list.

Headers

Title Heading

Major Subheading

Minor Subheading

And More

Subheadings

Links

Finding editing in the Wiki Tips

Finding editing in the page.

bare url: http://wantonwicked.gamingsandbox.com

link text: Wanton Wicked

Line Breaks

To get a full line break all you need to do is put four - in a row where you want the break to go, as seen below


This will give you a nice clean break for the wiki

Tables

Tables are created via use of double pipe characters: ||. Lines beginning with this markup denote rows in a table or a formatting line. Within table row lines the double-pipe is used to delimit cells. In the examples below a border is added for illustration (the default is no border).

The first line in the markup contains formatting commands for the table. It only has double pipe characters at the start of the line

Basic table

cell 1cell 2cell 3
cell 1cell 2

Header cells can be created by placing ! as the first character of a cell. Note that these are table headers, not headings, so it doesn’t extend to !!, !!!, etc.

Table headers

cell 1cell 2cell 3
cell 1cell 2cell 3

A table can have a caption, indicated by ||!caption!||. Any caption must appear prior to other rows of the table.

Table caption

A special table
cell 1cell 2cell 3
cell 1cell 2cell 3

Formatting cell contents

Cell contents may be aligned left, centered, or aligned right.

  • To left-align contents, place the cell contents next to the leading ||.
  • To center contents, add a space before and after the cell contents.
  • To right-align contents, place a space before the cell contents and leave the cell contents next to the trailing ||.

Cell alignments

cell 1cell 2cell 3
left-alignedcenteredright-aligned

Default cell alignments

cell defaultcell left
default-alignedleft-aligned

Note that header and detail cells have different default alignments.

To get a cell to span multiple columns, follow the cell with empty cells. (At present there is no markup for spanning rows.)

Column spanning

 right column
 middle column
left column
left columnmiddle columnright column

Table attributes

Any line that begins with || but doesn’t have a closing || sets the table attributes for any tables that follow. These attributes can control the size and position of the table, borders, background color, and cell spacing. (In fact these are just standard HTML attributes that are placed in the <table> tag.)

Use the width= attribute to set a table’s width, using either a percentage value, an absolute size, or *.

Table width

cell 1cell 2cell 3
c1cellcellcellcell2cell 3

The border= attribute sets the size of a table’s borders.

Bordered table

cell 1cell 2cell 3
left-alignedcenteredright-aligned

Borderless table

cell 1cell 2cell 3
left-alignedcenteredright-aligned

Use align=center, align=left, and align=right to center, left, or right align a table. Note that align=left and align=right create a floating table, such that text wraps around the table.

Table alignment: center

cell 1cell 2cell 3
left-alignedcenteredright-aligned

Notice how text does not wrap with a table using “align=center”.

Table alignment: left

cell 1cell 2cell 3
left-alignedcenteredright-aligned

Notice how text wraps to the right of a table using “align=left”.

Table alignment: right

cell 1cell 2cell 3
left-alignedcenteredright-aligned

Notice how text wraps to the left of a table using “align=right”.

Note: to get a table to align left (but not “float left”) requires CSS, as in

The bgcolor= attribute sets the background color for a table. At present there is no way to specify the color of individual rows or cells in this type of table.

cell 1cell 2cell 3
left-aligncenterright-align|

How do I create a basic table?

Tables are created via use of the double pipe character: ||. Lines beginning with this markup denote rows in a table; within such lines the double-pipe is used to delimit cells. In the examples below a border is added for illustration (the default is no border).

Basic table

cell 1cell 2cell 3
cell 1cell 2cell 3

How do I create cell headers?

Header cells can be created by placing ! as the first character of a cell. Note that these are table headers, not headings, so it doesn’t extend to !!, !!!, etc.

Table headers

cell 1cell 2cell 3
cell 1cell 2cell 3

How do I obtain a table with thin lines and more distance to the content?

“Thin lines” is tricky and browser dependent, but the following works for Firefox and IE (Nov. 2009):

Thin lines and cell padding

HeaderHeaderHeader
cellswithpadding
   

You need to put a single space between the | and the text, and also a single space between the last of the text and the ending | for the cell. Otherwise it wont line up correctly.

Cell backgrounds

For the dossier you can add background images to them by using the follow code.

Slight See thru

Dossier

Full Image

Dossier

Text Formating

  • Monospaced text
  • Text with superscripts
  • Text with subscripts
  • deleted strikethrough text
  • inserted underline text
  • big, bigger text
  • small, smaller text

Images

So if you want to have a image over on the right side of the page use the following code:

For the left side of the page use:

In the code, if you remove the word solid after 2px, there will be no border around the image. If you want to add a color boarder, after the word solid, put the color code with the #. It should look like: 2px solid #ffd700


To do a gallery for your wiki, its a little tricky at first, but very simple if you follow these instructions.

For simple thumbnail image that is not clickable use

Now if you want to make them clickable, so people can click and then get to see the full image do this. You must put a space between the last || and the next thumbs percent sign or it will not line up correctly.

To add roll over text to each image, after the last part of the code in the [[‘s you put the text “as such” and it will show when rolled over, no spaces between the image code and the text.

as suchas suchas suchas suchas such

Color Codes

Use the below codes to change your color to one you want! you can either do it by using the word or the hashtag and number code.

Werewolf
Mage
Vampire
Changeling
Mortal
hard blue
dark green
blue grass
teal
dark purple
periwinkle
dark grey
mist green
slate green
light purple
light grey
light blue
spring green
magenta
burnt orange
grey
light green
pink
light red
orange
light orange
gold

Title Banners

So below are some banners I made that folks can use in replacement of the text for Dossier, Appearance, Contacts, Story hooks and quotes. I do have them set up, so if you’d like one of them in your PC’s name, or a different thing like Mein, Mask, Gallery. I can do those quickly and in the same style, feel free to FPM AnneB or message me on discord.

Changeling Titles Set 1

Changeling Titles Set 2

Changeling Titles Set 3

Changeling Titles Set 4

Mage Titles Set 1

Mage Titles Set 2

Mage Titles Set 3

Mage Titles Set 4

Mortal Titles Set 1

Mortal Titles Set 2

Mortal Titles Set 3

Mortal Titles Set 4

Vampire Titles Set 1

Vampire Titles Set 2

Vampire Titles Set 3

Vampire Titles Set 4

Werewolf Titles Set 1

Werewolf Titles Set 2

Werewolf Titles Set 3

Werewolf Titles Set 4