Wiki Format Tips

Public pages of helpful tips

Basic Textile Reference
Tips & Tricks


Anchor is just above here – see “Link to a specific section of a Wiki page” below.

Indented Blocks (from both sides of page)

This is my indented text. See how nicely it gets formatted so that it becomes centered with padding on both the left and right hand side? The format is: top; right; bottom; left. I chose a larger value for the right border, because otherwise it doesn’t look as centered.

With both left and right set to 20, since the section headers never stretch the entire length of the page, it doesn’t look as centered as with the previous paragraph. This is more text so this paragraph spans the same number of lines as the one above it.

Hidden Text (i.e., code comments)

One method for hidden text is below this line. Note no extra crlf is needed:

hidden paragraph

Another method is below this line. Note an xtra crlf is required

this is another hidden paragraph

Formatting Text

Normal Text
Large Text
Small Text
Italicized Text
Underlined Text
Strikethrough text
Bold Text

  • Bulleted Text
    • With Sub-bullets

Sea Blue Text using html color code

Green Text
On multiple lines.

An easier way to color text within a sentence.

This is courier font text

Right Aligned Text

Centered Text

Simpler Centered Text


Justified Text that aligns the text along both the left and right margin, increasing word-spacing as necessary to force the alignment. We need more words here, so you can see that the sentences are aligned on both the left and right margins.

Link to a specific section of a wiki page

Add a label using the “name” tag – not visible, but below this line.

Create a link on the same page.
Part 1
Indented Blocks

Create a link from another page.
Wiki Format Tips, Part 1
Indented Blocks

Putting links inside of quotes can be tricky. You have to use put the link text inside it’s own double-quotes followed by a colon and the url. For example: “The trick is to add the link like this.”

Tables

simple table with header

name age sex
joan 24 f
archie 29 m
bella 45 f

html based table

name age sex
joan 24 f
archie 29 m
bella 45 f

html based table with formatting

attribute list
align left
align right
center
justify doesn’t work right
valign top
bottom

Custom Fonts

Obsidian Portal only supports fonts from TypeKit and Google Web Fonts (GWF) – see http://help.obsidianportal.com/kb/advanced/custom-css-for-your-campaign. TypeKit is crap, so use GWF.

Open your campaign settings Advanced tab. At the bottom, you can load in GWFs. First, go to fonts.google.com to find the font you want, then click the ‘+’ and then the ‘-’ to see the actual font name. for example: Ravi Prakash will show that to “Specify in CSS” use the format of font-family:‘Ravi Prakash’, cursive;

In the Google Fonts section of the Advanced page, just type the name: e.g., Ravi Prakash. Then, save.

On your page, use the standard tag to use the font:

Some text here.

NOTE: if you click “Preview” you will not see an accurate representation of the font. Instead, click “Save”. From then on, the font will have been imported into your page and “Preview” will work just fine.

To make the text larger, use “font-size:xxx%”

Some text here.

Side by Side Pictures

To print pictures side-by-side, they must be put into a table. However, getting this to work properly is a bit tricky. The trick is to include an extra space character after the interior ‘|’ character followed by a newline character. Like this:

628x471_-_Copy.jpg
__35.JPG

600px-British_museum__Egypt_mummies_of_animals__4423733728_.jpg

To create 2-d table, put an extra space after the interior ‘|’ for each column, but not for each row, like this:

628x471_-_Copy.jpg
__35.JPG

600px-British_museum__Egypt_mummies_of_animals__4423733728_.jpg
628x471_-_Copy.jpg
__35.JPG

600px-British_museum__Egypt_mummies_of_animals__4423733728_.jpg
628x471_-_Copy.jpg
__35.JPG

600px-British_museum__Egypt_mummies_of_animals__4423733728_.jpg

Wiki Format Tips

CoC Rule Summaries and House Rules jimmorte