Fullscreen
Syntax        

How do I ...

  See also MediaWiki versus Tiki


get help?

On your editing toolbar, you'll find a friendly help icon, just click it. Image You get help on general wiki syntax, and the various edit plugins, like DIV, BOX, etc.


insert non-breaking space?

Use this:

~hs~

 


put comments on the page?

Insert tags like this:

~tc~comment~/tc~

tc stands for Tiki comment. Use the Image button to quickly add a comment.


Use indentation?

There's several ways of using indentation in Tiki: This code:

not indented
;Title:indented text

gives: not indented

Title
indented text

  You can also indent without having a title:

not indented
;:indented text

not indented

indented text

  A section can be indented using the linebreak tags ( %%% ) with the indent tags ( ;: ):

not indented
;:Lorem ipsum%%%and a lot of other%%%text in a blockquote

not indented

Lorem ipsum
and a lot of other
text in a blockquote

  Same linebreak tags ( %%% ) can be used in a table or list: In a list:

*one%%%First line under one%%%Second line under one.
*two%%%A line under two.
*three
  • one
    First line under one
    Second line under one.
  • two
    A line under two.
  • three

  In a table:

||one|two|three%%%and some line here%%%and another line
four|five%%%under five|six
seven|eight|nine||
onetwothree
and some line here
and another line
fourfive
under five
six
seveneightnine

  The reason why the linebreak tag is needed in a table is that a normal linebreak starts a new row.


create a simple box?

The following syntax:

^Text in a box^

produces this:

Text in a box

 


insert an image?

Click the Image button and either upload a new image or browse the image gallery. Then click the image to insert it into the text. You should get something like this:

{img fileId="1634" thumb="y" alt="" rel="box[g]"}

  You can either manually adjust the properties of the image, or select the image tag and click the Image icon to bring up the image tag editor. Common properties for an image:

widthcontrols the size of the image
imaligncan be either left or right
you can also use the align property, but then it doesn't float
boxstyleset this to border

  So if you wanted a image with a width of 300 and floated to the left, you could do:

{img fileId="1634" imalign="left" width="300"}

  Using the IMG syntax for the same:

{IMG(fileId="1634",width="300",imalign="left")}{IMG}

  See also insert a thumbnail image.


insert a thumbnail image?

Click the Image icon, browse or upload an image, then click the image. Voilá: you have a thumbnail image. You can set additional properties, like alt, width, etc.

Image
Tibor: Tale of a Kind Vampire
{IMG(src="img/wiki_up/Tibor_title.jpg",
  thumb="y", 
  button="y",  
  rel="box[g]",
  stylebox=border,
  width="300",
  align="right",
  title="Tibor: Tale of a Kind Vampire by Cateia Games", 
  desc="Tibor: Tale of a Kind Vampire")}
{IMG}

  rel="box[g]" is important. Otherwise you won't get the fancy Lightbox effect. :-) title is both the tooltip displayed upon mouseover, but also the title in the Lightbox. desc is the description text on the image box.


insert code?

Click the Image button and fill out the Insert Code dialogue, or write it by hand:

{CODE(wrap="1" colors="c++")}
// some code this is
std::cout << 'the code' << std::endl;{CODE}
// some code this is
std::cout << 'the code' << std::endl;

NaV Always use wrap="1" in code boxes. Otherwise you'll (probably) find the page layout ruined after inserting a lengthy bit of code. Geshi, the engine serving the pretty code, is capable of highlighting most languages. Valid color parameters are: c++/cpp, c#, vbnet, python, cmake, povray, winbatch, bash, xml, ini, make Visit Geshi(external link) for the complete list, or view a list of languages here (click the plus sign to open):

[+]

 


give a page a description?

Go into 'edit mode'. Enter the 'Properties' tab. And find the 'Description' textbox. Enter a short, descriptive (do'h) description and save the page. Keep in mind that the descriptions are also used for link descriptions on various overview pages, like on the Tutorials page. Hover your mouse pointer over the link to see the description rendered as a HTML title. ;)


make a title bar?

The following syntax:

-=Title=-

produces this:

title

 


make a multi-paged page?

By using this:

...page...

It's three dots, the word 'page' and three dots. (Not demonstrated here, for obvious reasons)

insert a HTML tag?

You can't do this directly, but you can using the Tag edit plugin, like this:

{TAG(tag="small")}Small text{TAG}

Gives you this: Small text For 'small', it's better to use a DIV tag and the appropriate css class. In this case, the class 'Small':

{DIV(class="Small")}text{DIV}
text

  See Small on the Styles page.


add a new page to a structure?

On the structure header: enter the name of the new page, and click the 'Add Page' button. :-) If you want the new page to be a child of the page you're currently on, be sure to check 'Child' Image

NaV If you want to control exactly where the page will be added, go to the page after which you want the new page to be, and use the Add Page function from there. Otherwise it will be added as the last page in the structure. That's often not where you'd want it to be.

add an existing page to a structure?

  1. On the structure header, click the structure view button: Image
  2. In the structure view, click on the page link where you want the page to be added (it will be added after that page).
  3. Select the page in the list of pages - would be a good idea to use the Filter option; just enter the name of the page there.
  4. Select the page in the page listbox and click 'Update'.
  5. The page should be added to the structure.

  You might need to promote/demote the page, or move it up/down.


move a page in a structure?

  1. Click the structure layout view icon on the structure header: Image
  2. Use the arrow buttons in the structure view ( Image Image)
  3. If you need to move it far, it would probably be faster to remove the page from the structure.
  4. You then select a page in the structure tree, and it will be added after that.

make a page a child of another page in a structure?

  1. Enter the structure layout view by clicking the Image icon in the structure header.
  2. If the page is just after the page you want to be a parent, just use the demote button ( Image).
  3. If it's not, move it around - and then demote it. wink

 


See also

Styles Tiki - Using Wiki Pages(external link)


Contributors to this page: Jacob Moen .
Page last modified on Saturday 08 of May, 2010 23:32:14 CEST by Jacob Moen.