Southend Linux Wiki Site

Creating Wiki Content on your Page

Wikipedia was of great help to us at SoSLUG and helped define the layout of the various pages and how we wished them displayed. Wikipedia directed us to this link http://en.wikipedia.org/wiki/Wikipedia:Cheatsheet for what was termed a cheatsheet, as we have done nothing exceptional to alter our site all the definitions should work on this site.

The only thing we could not figure out was how to display images on the displayed pages the way we wanted them, for that we decided to use html between code tags, this worked for us. Because we where using html code first we needed to tell the wikipage to accept something different, for this we used the code tag in angled brackets, any html code can be displayed this way within a wiki however we don't guarantee this will work on all html code within this site.

in order to add the code necessary to display uploaded images we needed to use these tags. "<code>" placing the cursor between these markers in the body section of the page will allow a thumbnail and popup image to be displayed, the quotes are to be discarded.

We also found, for some reason that the wiki pages would not necessarily provide us with a new line directly underneath one another, if a new line was added their would be a significant gap between the entries. To overcome this we used another html trick the command tag "<br/>" for this it is not necessary to state the code tag before and after, however the position of the forward slash is very important and must be after the '''br''' command, which stands for '''"break"'''.

Creating What looks like a Console Box in a Wiki page

To create one of these boxes you must again think html code this means using the code tags in angled brackets for the start and end points and using something called classes so your first line should look something like this.

"<code><p class="messages">"

Use any text you like but a new line will close the box use break as above "<br />"to maintain a list within the messages box.

When you have finished use the following line "</p></code>" this correctly terminates the paragraph class and ends the html code created.

How to add symbol definitions

<> Less Than and Greater Than

If you are creating a page on these wiki's most of the time it should not be necessary to do anything fancy but if you are giving some precise instructions, inevitably you will need to.

We have already discussed how to use html code tags to get around wiki publishing problems and this is no different if we wanted to use the word "code" in angled brackets we can however if we wanted to display the angled brackets and the word code together then we hit a problem we cant display it on the page we are publishing. This where we get really fancy and use code in angled brackets and < code > the semi-colons are important because they limit the scope of the symbol definition this allows you to butt a word like code up against the semi-colon that way the angled bracket looks as though it is at the beginning of the new word.