Help:Images

IF IN DOUBT JUST USE THIS STYLE!

Images are a fundamental part of Habbox Wiki and can be found on almost all pages. This guide will assume that you have knowledge of how to upload a file using the corresponding link on the left-hand side of the Wiki, as well as proper convention regarding File Uploads, and is intended as a guide to help you format images in various ways.

If you are simply writing a page on a furniture range, then the recommended image format is the following inside of a table:

[[File:FILENAME.png|center]]

Adding Images to Pages

You are able to type the necessary code before or after you have uploaded your image (but it will not display on the page until uploaded) and the code is relatively simple. To add an image simply type:

[[File:FileNameHere.png OR .jpg OR .jpeg OR .gif]]

Doing this with the file Adzeh.png produces:

However, images can be modified in a variety of ways. The most common format used on this wiki, with an example being on the Habbottery page, goes as follows:

[[File:FileNameHere.png OR .jpg OR .jpeg OR .gif|thumb|right|CAPTION HERE]]

Doing this with the file Adzeh.png produces the image at the very top-right of this page.

Formatting Images

The code below shows all the various ways you can alter an image. [[File:Name|Type|Border|Location|Size|link=Link|Caption]]

Formatting Images - Type

If no type is specified, the original image is displayed - like the Adzeh.png example first shown. However, there are three types you can specify - thumb, frame, frameless:

[[File:Name.png|thumb]] - scales image down (only if large) and puts a box around it, example HERE.
[[File:Name.png|frame]] - keeps image size and puts a box around it, example HERE.
[[FIle:Name.png|frameless]] - scales image down (only if large) without adding a box, example HERE.

Formatting Images - Border

This adds a one pixel border around the image, but only works on frameless and unspecified type images (as frame and thumb have borders):

[[File:Name.png|frameless|border]] - example HERE.
[[File:Name.png|border]] - example HERE.

Formatting Images - Location

If no location is specified, the image will either default to being in-line with text (example HERE) or will align left if thumb or frame type is specified. Otherwise there are three location options; left, right, and center:

[[File:Name.png|left]] - example HERE.
[[File:Name.png|thumb|center]] - example HERE.
[[File:Name.png|right]] - example HERE.

Formatting Images - Size

If nothing is specified and no type is selected, the original image size is retained. If a thumb or frameless type is selected or an Infobox used, then image size may be reduced if excessive according to the parameters of the HabboxWiki. Otherwise, the options available are upright (only for thumb or frameless types!), width, xheight or widthxheight.

[[File:Name.png|thumb OR frameless|left|upright]] - Scales a thumbnail/frameless image to 75% of normal thumbnail width, rounding the result to the nearest multiple of 10 pixels, example HERE.
[[File:Name.png|thumb OR frameless|left|upright=1.5]] - Adjust a thumbnail's size to factor times the default thumbnail size, rounding the result to the nearest multiple of 10. For instance, "upright=1.5" makes the image larger - example HERE.
[[File:Name.png|right|100px]] - Scales image down to 100px width maximum and the height is affected accordingly, example HERE.
[[File:Name.png|right|x100px]] - Scales image down to 100px height maximum and the width is affected accordingly, example HERE.
[[File:Name.png|center|100x150px]] - Scales image down to 100px width maximum and 150px height maximum, example HERE.

Formatting Images - Link

By default, images will link to their own Wiki page. However, only if absolutely necessary, can you link images to another URL or a Wiki page. You do not need to enclose the link in brackets unlike on actual pages - this cannot be used with frame.

[[File:Name.png|right|link=Croc]] OR [[File:Name.png|right|link=http://www.google.com]] - first example HERE, second HERE.

Formatting Images - Caption

Aside from Furniture pages, the majority of images should have a caption. Adding a caption is simply writing text, like so:

[[File:Name.png|thumb|right|upright|Hello, I'm a caption!]] - example HERE.

Like normal HabboxWiki pages, you can link words in a caption by placing square brackets around said word(s).