Wiki Images

From BRGS Wiki
Revision as of 19:53, 26 October 2010 by 1885 (Talk) (Made tutorial more indepth)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Error creating thumbnail: Unable to save thumbnail to destination
Back to:
Wiki Tutorials
Wiki Images
Error creating thumbnail: Unable to save thumbnail to destination
Description:
How to use images in your wiki articles incase you didn't know already. Now includes some advanced techniques!
Error creating thumbnail: Unable to save thumbnail to destination
Original Author:
Alan
Error creating thumbnail: Unable to save thumbnail to destination
Contributors:
Alan, 1885
Error creating thumbnail: Unable to save thumbnail to destination
Created:
April 15, 2010, updated 26/10/10


Introduction

Using images on your wiki article is very easy to do, this tutorial will show you how.

Basic Syntax

You can create images like this,

Error creating thumbnail: Unable to save thumbnail to destination

Using:

[[File:Notepad-48.png]]

You can also use:

[[Image:Notepad-48.png]]

Advanced Techniques

Position

If you want to change the position of an image of an image, like this:

Error creating thumbnail: Unable to save thumbnail to destination

Then you could use something like this!: [[File:Notepad-48.png|centre]] (change centre for left or right depending on what you want)

Size

If you want to change the size of an image:

Notepad-48.png

Then try this:

[[File:Notepad-48.png|32px]] (32px is how large you want the image to be)

Caption

Want to add a cool caption to your image? (see right)

Error creating thumbnail: Unable to save thumbnail to destination
A Really Cool Caption

Then use this syntax!

[[File:Notepad-48.png|thumb|A Really Cool Caption]] (by default, the thumb syntax aligns to the right - see below for the syntax to stop it!)

Putting it All Together (Scenario)

So lets say that you had a "proper" image - like Mr Gray in a pirate hat for example - that you wanted on the left hand side, 70px big, and a caption saying 'Pirate hat'...

Pirate hat


... then here is the code!

[[File:Gray_pirate.jpg|thumb|left|70px|Pirate hat]]


Notes

In some cases, you may want to link to a picture.

The result will give a full url like this:

Media:Notepad-48.png

It can be done with this code: [[Media:Notepad-48.png]]

Linking to false pictures will create a red link that upon clicking will allow you to upload the picture, like this File:Wow Does Not Exist.fake