Nitrome Wiki:Embedding & adjusting off-site images

Due to the current fanart rules on the Nitrome Wiki, uploading fanart here is currently banned. However, it is because of this the Nitrome Fan Fiction Wiki was created. Wikia currently provides a method of embedding images from other Wiki's and image hosting services (such as Photobucket and ImageShack), and also scaling them.

Embedding off-site images
If a user uploads fanart to the Nitrome Fan Fiction Wiki, they can place the image on a page on the Nitrome Wiki without it counting as an uploaded image to the wiki. Unfortunately, this has to be done manually, and also in source mode, as wikia does not support a tool that does this.

Wikia wikis
To embed an image, one has to first get the URL of the image when it is on a black/white background. (the background varies depending on the computer one uses)

To do this, they first have to go the image's image page, then click the image again to get it on a black/white background.

Example:

An image's image page: http://nitromefanfiction.wikia.com/wiki/File:TSFanartSpider.png

The URL of the image on a black/white background: http://images.wikia.com/nitromefanfiction/images/f/f0/TSFanartSpider.png

''Due to the presence of  tags on both ends of the above address, the address does not turn into the actual image it is. If the above URL is placed in an address bar and the image is visited, the image will be seen.''

If a URL similar to the above one is placed on a page, the image will appear as it does on the Nitrome Fan Fiction Wiki.

Example:

URL: http://images.wikia.com/nitromefanfiction/images/f/f0/TSFanartSpider.png

Result: http://images.wikia.com/nitromefanfiction/images/f/f0/TSFanartSpider.png

Wikia will not scale the image when it is embedded on to another wiki, the image appears at full size.

Scaling an embedded image
This method can only be done on images uploaded on Wikia wiki's It is possible to scale an embedded image. This is done by placing thumb/ after the /image/ section of an image's black/white background URL. After this, a / has to be placed at the end of the image's URL, then the content between the seventh and eighth slash has to be placed after the eighth slash.

To scale the image, after the eighth slash, #px- has to be placed before the start of the image's copied file name. # in #px is the number of pixels that the coder wants to scale the image. For numbers substituted for # in #px, numbers higher than the size of the image will present the image at its full size, while numbers smaller than the image's size will shrink it.

Example:

Original URL: http://images.wikia.com/nitromefanfiction/images/f/f0/TSFanartSpider.png

URL changed prior to scaling: http://images.wikia.com/nitromefanfiction/images/thumb/f/f0/TSFanartSpider.png/#px-TSFanartSpider.png

Changed parts of the pre-scaling URL (emphasized by bolding): http://images.wikia.com/nitromefanfiction/images/ thumb/ f/f0/TSFanartSpider.png /#px-TSFanartSpider.png

The two above URLs that have #px, the # was just used as a placeholder for a value to substitute #.

URL: http://images.wikia.com/nitromefanfiction/images/thumb/f/f0/TSFanartSpider.png/20px-TSFanartSpider.png

Result: http://images.wikia.com/nitromefanfiction/images/thumb/f/f0/TSFanartSpider.png/20px-TSFanartSpider.png

URL: http://images.wikia.com/nitromefanfiction/images/thumb/f/f0/TSFanartSpider.png/400px-TSFanartSpider.png

Results: http://images.wikia.com/nitromefanfiction/images/thumb/f/f0/TSFanartSpider.png/400px-TSFanartSpider.png