The Wiki Formatting Guide

Anything between 2 sets of double-quotes is ignored and presented exactly as typed (that means the formatting commands below are ignored whenever surrounded by double double-quotes.)

Once you've read through this, test your formatting skills in the SandBox.

Basic formatting:

**I'm bold text!**
I'm bold text!

//I'm italic text!//
I'm italic text!

##monospace text##
monospace text

''highlight text'' (using 2 single-quotes)
highlight text

++Inserted text++
Inserted text

__Deleted text__
~~Deleted text~~

``Quoted text``
Quoted text

```Blockquoted text```

Blockquoted text

Press #%ANY KEY#%
Press ANY KEY

@@Centre text@@

Centre text

Left floated box - use two < signs before and after the block

Some text in a floated box hanging around

Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler. Some more text as a filler.

Right floated box, use two > characters before and after the block

Some text in a floated box hanging around

If you need to clear floated boxes, simply use the horizontal rule formatting '----' below the block.

Code Formatting:

%%code%%:

int main(int arc,char **argv)
{
	printf("Hello, %s!\n", (argc>1) ? argv[1] : "World");
	return 0;
}

%%(ini) INI file contents%%:

; Menu specification file for Opera 7.0

[Version]
File Version=2

[Info]  #background info
Name=Munin++ Menu
Description=Munin++ Menu
Author=NonTroppo (originally by Rijk van Geijtenbeek)
Version=1.9

%%(php) PHP code%%:

<?php
phpinfo();
$s = "Hello, World!|\n";
print "$s";?>

%%(email) Email message%%:

Hi!
>>>> My Llama loves foot massage.
>>> You really think so?
>> Yes, I know he does.
>Are you sure?

Of course, yes!

Mr. Scruff

Forced links:

[[http://nontroppo.org]]
http://nontroppo.org

[[http://nontroppo.org My Web Site]]
My Web Site

[[CustomButtons Here is the Custom buttons Page]]
Here is the Custom buttons Page

Inter Wiki Links:

See the InterWiki page for a full list of available engines. Here are some examples:

Headers:

====== Big Page Title header ====== : first-level heading, corresponding to H1 in HTML. Use this for your page titles:

Big Page Title header

===== Page Title header ===== : second-level heading, corresponding to H2 in HTML. Also suitable for page titles:

Page Title header

==== Section header ==== : third-level heading, corresponding to H3 in HTML. Best used to mark up article/page big sections:

Section header

=== Sub-Section header === : fourth-level heading, corresponding to H4 in HTML. Ideally used for subsections of sections (minor sections within sections):

Sub-Section header

== Sub-Sub-Section header == : fifth-level heading, corresponding to H5 in HTML. Usually used for backlinks and category links, but can be also used to mark up finer-grained sub-sub-sections!

Sub-Sub-Section header

Horizontal separator:

----

Forced line break:

---

Lists / Indents:

Indent text using 4 spaces (which will auto-convert into tabs when saved) or using "~". To make bulleted / ordered lists, use the following codes:

~- Bulleted list:

Bulleted list
Line two

~1) Numbered list:

Numbered list
Line two

~A) Using uppercase characters:

Using uppercase characters
Line two

~a) Using lowercase characters:

Using lowercase characters
Line two

~I) Using uppercase roman numerals:

Using roman numbers
Line two

~i) Using lowercase roman numerals:

Using roman numbers
Line two

Wiki Extensions:

Opera Buttons

Opera buttons, searches, and bookmarklets can be marked up using the opsed action. To use:

{-{opbut url=^"New page"^ title=^"New page"^}-}

New page

{-{opbut type=^"js"^ title=^"Alert"^ url=^"javascript:alert('Hello!');"^}-}

Alert

Images

To place images on a Wiki page, use:

{{image class="centre" alt="a bulb" title="An Image Link" url="http://nontroppo.org/images/bulb.png" link="Opera7"}}

Links can be external, or internal Wiki links. You don't have to enter a link at all, and in that case just an image will be inserted. You can also use the classes 'left' and 'right' to float images left and right. You don't need to use all those attributes, only url is essential.

Icons

WikiIcons are a good and easy way to enhance your pages alert-xspresentational icon)

They are easy to use and have four different sizes alert-xspresentational icon)

{{icon name="opera-xs"}} {{icon name="opera-s"}} {{icon name="opera"}} {{icon name="opera-l"}}
See WikiIcons page for list of icons.

Tables:

To create a table use this code:

{{table columns="3" cellpadding="1" cells="BIG;GREEN;FROGS;yes;yes;no;no;no;###"}} to give:

BIG	GREEN	FROGS
yes	yes	no
no	no

### means the cell is empty.

Coloured Text

{{colour c="blue" text="This is a test."}} gives:

This is a test.

If you want to use hex values:

{{colour hex="#DD0000" text="This is another test."}} to give:

This is another test.

FAQ:

Question: How do you un-WikiName a word ?
Answer: Add two pair of double-quotes around the word: WikiName

Question: How do you get a pair of double-quotes (without any text between them) to display properly ?
Answer: Use the entity literal " - ""

Question: How does WakkaWiki know to what URL to send a visitor to if it wasn't specified ?
Answer: The link is to a forced WikiPage. That means a link to a page in this wiki is generated.

Opera Browser Wiki : FormattingRules

Page Information

Search