CoC Rule Summaries and House Rules
Wiki Format Tips
Public pages of helpful tips
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:
Another method is below this line. Note an xtra crlf is required
this is another hidden paragraph
- Bulleted Text
- With Sub-bullets
Sea Blue Text using html color code
On multiple lines.
An easier way to color text within a sentence.
This is courier font text
Right Aligned 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
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.”
simple table with header
html based table
html based table with formatting
|justify doesn’t work right|
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:
NOTE: if you click “Preview” you 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%”
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:
To create 2-d table, put an extra space after the interior ‘|’ for each column, but not for each row, like this: