System messages


Actions on this page

Info Center Styles

Jump to:

BoldHeadingsImagesIndentationItalicsLinksListsTablesQuotes


Text styles

Paragraph

Screen view:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam id arcu lectus. In turpis purus, hendrerit nec varius a, porttitor nec velit. Morbi sagittis eros quis felis placerat tristique. Cras ac elit magna. Praesent quam tellus, consequat consequat dictum fringilla, rhoncus in sem. Maecenas diam libero, dignissim ac viverra sit amet, dignissim id nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec quis mauris arcu. Suspendisse cursus urna dui, eu feugiat felis.

Code:

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam id arcu lectus. In turpis purus, hendrerit nec varius a, porttitor nec velit. Morbi sagittis eros quis felis placerat tristique. Cras ac elit magna. Praesent quam tellus, consequat consequat dictum fringilla, rhoncus in sem. Maecenas diam libero, dignissim ac viverra sit amet, dignissim id nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, 
per inceptos himenaeos. Donec quis mauris arcu. Suspendisse cursus urna dui, eu feugiat felis.

Headings

Screen view:

h1

h2

h3

Code:

=h1
==h2
===h3

Emphasized text (italics)

Screen view:

This is emphasized text

Code:

This is //emphasized text//

Strong text (bold)

Screen view:

This is strong text

Code:

This is **strong text**

Strong emphasized text

Screen view:

This is a strong emphasis

Code:

This is a **//strong emphasis//**

Emphasized strong text

Screen view:

This is emphasized strong text

Code:

This is //**emphasized strong text**//

Superscript

Screen view:

superscript

Code:

^^super^^script

Subscript

Screen view:

subscript

Code:

,,sub,,script

Code (gray text)

Screen view:

code

Code:

##code##

Links

Screen view:

  • Another info center page
    • Code: [[Volunteer/Resources|Another info center page]]
  • Non-info center page on Idealist
    • Code: [[/contact-us|A non-info center page on Idealist]]
  • External site
    • Code: [[http://www.clarin.com|External site]]
  • XML link
    • Code: [[test.xml|XML link]]
  • RSS link
    • Code: [[test.rss|RSS link]]
  • PDF link
    • Code: [[test.pdf|PDF link]]
  • Email link
    • Code: [[mailto:max@idealistas.org|Email link]]
  • Video link (Recognized video types: avi, .ogm, .mpeg; if your video type is not one of these, let Max know.)
    • Code: [[video.avi|Video link]]
  • Audio link (Recognized audio types: ogg, mid, midi, mp3, wav, wma; if your audio type is not one of these, let Max know to add your type.)
    • Code: [[audio.mp3|Audio link]]

[PB says;] You can also just include the URL of a webpage in the text and it will be formatted as an active external link. This approach is useful on pages that may be printed out for reference by users. For example: http://www.idealist.org

Anchor links

Screen view:

Back to top

Code:

Drop this where you want the link to go to:

<<drop-anchor name="top" />>

Use this to create the link:

[[Wikistyles#top|Back to top]]

Table of Contents

Screen view:

This is the first question? 

This is the first answer.

This is the second question? 

This is the second answer.

Code:

<<toc>>

<<more teaser="This is the first question?" anchor="Q1">>
This is the first answer.
<</more>>

<<more teaser="This is the second question?" anchor="Q2">>
This is the second answer.
<</more>>

<</toc>>

Horizontal line

Screen view:


Code:

----

Line break

Screen view:

line
break

Code:

line\\break

Unordered (bullet) lists

Screen view:

  • First item of bullet list
  • Second item
    • Sub item

Code:

* First item of bullet list
* Second item
** Sub item

Ordered (numbered) lists

Screen view:

  1. First item of numbered list
  2. Second item
    1. Sub item

Code:

# First item of numbered list
# Second item
## Sub item

Mixed lists

Screen view:

  1. First numbered item of mixed list
    • Sub bullet item
  2. Numbered item

Code:

# First numbered item of mixed list
** Sub bullet item
# Numbered item

Definition lists

Screen view:

Term to be defined
Definition

Code:

; Term to be defined (that's a semi-colon first)
: Definition (then a colon)

Indentation

Screen view:

Indent once

Indent twice

Code:

> Indent once
>> Indent twice

Block quotes

Screen view:

These styles are pretty sweet, eh?

- Craig Dennis, Web dude

Code:

<<blockquote source="Craig Dennis," source_title="Web dude">>
These styles are pretty sweet, eh?
<</blockquote>>

Pre (used to expose code)

Screen view:

//**Hey!**//

Code:

{{{//**Hey!**//}}}

Tables

Screen view:

headingheadingheading
rowrowrow
rowrowrow

Code:

|=heading|=heading|=heading|
|row|row|row|
|row|row|row|



Images

Plain images

Screen view:

Thumb

Nice car!

Code:

Thumb

{{ Nissan | Nice car! | thumb }}

Screen view:

Original size

Nice car!

Code:

Original size

{{ Nissan | Nice car!}}

Image box

Photo Text

This is the caption

Screen view (to the right):

Things to keep in mind when using the image box:

  • This works with "small" sized photos.
  • Your text will wrap around it.
  • You can make it aligned either "left" or "right".
  • Place the code above where you want it to start.

Code:

<<content-box align="right" caption="This is the caption">>
{{PhotoTitle | Photo Text | small}}
<</content-box>>

Highlight something new

This works by combining the superscript code with an image. You must upload the "New!" image to your info center first or make sure it can be pulled from another info center.

Screen view:

Text New!

Code:

^^{{ New! | New!}}^^