Template:R/doc


 * Description
 * The R template is a complete substitute for the [[File:]] wikilink, which can offer internal image-like styling to images hosted on external websites. This prevents over crowding of the image system by allowing users to host their images offsite but use them exactly as they would a wiki hosted image.


 * The following off-site image hosting sites are currently supported:
 * Imgur
 * ImageShack
 * PhotoBucket
 * Tinypic
 * Wikipedia†
 * Wikia†
 * † These websites should not be used for image hosting.


 * Syntax
 * In order for the template to work the first parameter (the image URL) must be placed. If the first parameter is not placed the template will fail to work.
 * {|width="100%" cellspacing="0"


 * Mark Up:
 * Render:
 * width="50%" style="border:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }
 * After the first parameter, any combination of up to 5 parameters may be used in any order; similar to the [[File:]] wikilink. The following parameters and their functions can be used:
 * }
 * After the first parameter, any combination of up to 5 parameters may be used in any order; similar to the [[File:]] wikilink. The following parameters and their functions can be used:


 * Alignment - Aligns image to the left, center, or right side of the page.
 * {|width="568px" cellspacing="0"


 * Mark Up:
 * Render:
 * width="50%" style="border:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }


 * Width - Scales image size to designated width in pixels (px).
 * {|width="568px" cellspacing="0"


 * Mark Up:
 * Render:
 * width="50%" style="border:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }


 * Thumbnail - Stylises image as a thumbnail with a default right alignment.
 * {|width="568px" cellspacing="0"


 * Mark Up:
 * Render:
 * width="50%" style="border:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }


 * Caption - Shows defined caption on image hover over and under thumbnail.
 * {|width="568px" cellspacing="0"


 * Mark Up:
 * Render:
 * width="50%" style="border:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-left:1px dashed #3c547f; border-bottom:1px dashed #3c547f; border-right:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }
 * width="50%" style="border-left:1px dashed #3c547f; border-bottom:1px dashed #3c547f; border-right:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }


 * Link - Changes the image link from source to defined URL, or removes link if left blank.
 * {|width="568px" cellspacing="0"


 * Mark Up:
 * Render:
 * width="50%" style="border:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-left:1px dashed #3c547f; border-bottom:1px dashed #3c547f; border-right:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }
 * width="50%" style="border-left:1px dashed #3c547f; border-bottom:1px dashed #3c547f; border-right:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }


 * Height - Scales image size to designated height in pixels (px), or stretched image with width parameter.
 * {|width="568px" cellspacing="0"


 * Mark Up:
 * Render:
 * width="50%" style="border:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-top:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-left:1px dashed #3c547f; border-bottom:1px dashed #3c547f; border-right:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }
 * width="50%" style="border-left:1px dashed #3c547f; border-bottom:1px dashed #3c547f; border-right:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * width="50%" style="border-right:1px dashed #3c547f; border-bottom:1px dashed #3c547f; background:rgba(0,0,0,0.3); padding:5px;" |
 * }