[{TableOfContents}] \\

In addition to the simple styles represented by the basic [Wiki Markup language|WIKI.MARKUP BASICS], This Wiki also allows you to put in your own styles, which are defined in the jspwiki.css Cascading Style Sheet file. These may vary from site to site, and it is up to the site administrator to define a style.

!!Basic Styling

!Font Styles
Following styles are supported by the standard file.  The style starts with two percent signs %~% and ends with two percent signs %~% or (more commonly) a /%

* %~%commentbox -- comment box is set up to be floating at the right margin
%%commentbox
Here is a comment-box
%%
* %~%small -- Smaller thsn normal font, like %%small this section of text /% is smaller that the rest
* %~%sub -- Subscript, like a%%sub ij %%= a%%sub ji/%
* %~%sup -- Superscript, like 2%%sup 3 %%= 8
* %~%strike -- Strikethrough text, like %%strike this text is hardly readable %%
* To use any of the characters that have special meaning in the wiki, you can "escape" their use by preceding them with a ~~ character.
!Special block markers
These special block markers start with %~%''styling''  and end with /~%

__%~%information__
%%information
Use %~%information ... %~% for informational messages
/%

__%~%warning__
%%warning
Use %~%warning ... %~% for warning blocks
/%
__%~%error__
%%error
Use %~%error ... %~% for error blocks or particularly important bits
/%
__%~%quote__
%%quote
Use %~%quote ... %~% to quote a block of text that you want to stand out from the rest\\and look very important
/%

__%~%center__
%%center
Use %~%center ... %~% to center your text
/%

__Preformatted text __
{{{
If you include text within {{{ and ~}}} (each on its own line) the wiki engine will not apply any formatting ...
and will show the text exactly as you have typed it in a monospaced font (including line breaks)
}}}

__%~%prettify__ 
This will make the code within it (and within ~{{{ and ~}}}) nice-looking if it is in one of a variety of computer languages (also pre-formatted)

%%prettify
{{{
  IF p2k_pmgen.k_trace_level >= '8' THEN
     IF k_person_code IS NULL THEN
            p2k_ppgen.sperl(v_module_name,0,
            'Warning: You selected Exception Level '||p2k_pmgen.k_trace_level||
            ' for all employees.');
     END IF; -- k_person_code IS NULL THEN
  END IF; -- p2k_pmgen.k_trace_level > '8'

}}} /%


!Columns
Columns work very well for most browsers - but not Internet Explorer.

You can indicate that the subsequent text is to be presented in columns, by starting your block with __%~%columns__ and ending with __/%__.  Each break in columns is indicated by four hyphens ~----.
\\

%%columns
__Lorem Ipsum__
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec dictum velit eget risus. Fusce ligula. Maecenas vitae velit eget odio pulvinar aliquet. Quisque ultricies mollis lorem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Praesent dapibus odio. Nullam sodales erat vel pede. Morbi ut turpis. Sed sed metus. Donec ut dui. Duis gravida risus non nibh. 
----
__Nullam Sodales__
Nullam sodales erat vel pede. Morbi ut turpis. Sed sed metus. Donec ut dui. Duis gravida risus non nibh. Aliquam erat volutpat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Aliquam dolor urna, tincidunt eget, posuere nec, suscipit quis, arcu. Proin pede risus, placerat id, tincidunt eu, consequat in, sem. Sed eu sapien. Vestibulum turpis. Sed fringilla odio vel eros. Mauris in libero sed sapien mattis pellentesque. /%


!CSS styles
While not in line with the keep it simple principle, CSS styles can be used inline for those special occasions when you really need to emphasize part of a page (i.e. changing fonts or font sizes, or colors, etc.), although it is not recommended.


!Incuding one page in another
{{{
[{InsertPage page='News'}]
}}}
will include the page referenced at this point.  If the page does not exist, then an opportunity to create it is presented, unless you include the additional parameter default = 'some text' in which case, that text will be shown.
{{{
[{InsertPage page='News' default=' '}]
}}}

Even more fancy things can be accomplished with [WIKI.STYLING DYNAMICS]


----
![Notes|Edit:Internal.WIKI.STYLING] 	
[{InsertPage page='Internal.WIKI.STYLING' default='Click to create a new notes page'}]