1,656
edits
Help:Images: Difference between revisions
Undo revision 990490 by Eod samurai (talk) Nice try, but I use a Site Activity feature on my page.
Ultra Force (talk | contribs) (Undo revision 990490 by Eod samurai (talk) Nice try, but I use a Site Activity feature on my page.) |
|||
| Line 13: | Line 13: | ||
[[Image:D-Halo.jpg]] | [[Image:D-Halo.jpg]] | ||
Above is an image of the [[Delta Halo]]. | Above is an image of the [[Delta Halo]]. To put your own image into an article you just need to add this code: | ||
<pre><nowiki>[[Image:D-Halo.jpg]]</nowiki></pre> | <pre><nowiki>[[Image:D-Halo.jpg]]</nowiki></pre> | ||
== | ==[[File:Carter.png]]Standard Image Format== | ||
However the above code offers no formatting options and so all images should follow the [[Wikipedia:Extended image syntax|Wiki image markup language]]. The wiki markup language will only work if no capital letters are used. Most images on Halopedia should follow this Wiki format: | However the above code offers no formatting options and so all images should follow the [[Wikipedia:Extended image syntax|Wiki image markup language]]. The wiki markup language will only work if no capital letters are used. Most images on Halopedia should follow this Wiki format: | ||
| Line 33: | Line 33: | ||
==Advanced Image Formatting== | ==Advanced Image Formatting== | ||
Options can be combined, and vertical bars ("|") are used to separate options from each other. | Options can be combined, and vertical bars ("|") are used to separate options from each other. The options can be put in any order. An unknown option is taken as the caption text, but this seems to appear only if <tt>thumb</tt> is specified. If there are two or more unknown options, the last one upstages the rest. | ||
Here is the description of the options other than the caption text: | Here is the description of the options other than the caption text: | ||
; <tt>right</tt> : [[Image:D-Halo.jpg|right|70px|]]The image is right-aligned, and text floats to the left of the image: <tt><nowiki>[[Image:D-Halo.jpg|right|70px|]]</nowiki></tt> (shown on the right). | ; <tt>right</tt> | ||
; <tt>left</tt> : [[Image:D-Halo.jpg|left|70px|]]The image is left aligned, and text floats to the right of the image: <tt><nowiki>[[Image:Westminstpalace.jpg|left|70px|]]</nowiki></tt> (shown on the left). | : [[Image:D-Halo.jpg|right|70px|]]The image is right-aligned, and text floats to the left of the image: <tt><nowiki>[[Image:D-Halo.jpg|right|70px|]]</nowiki></tt> (shown on the right). | ||
; <tt>center</tt> : The image is centered, and...[[Image:D-Halo.jpg|center|70px|]]the text following the image starts below it: <tt><nowiki>[[Image:D-Halo.jpg|center|70px|]]</nowiki></tt> (shown above). | ; <tt>left</tt> | ||
; <tt>none</tt> : The image is put at the left, and...[[Image:D-Halo.jpg|none|70px|]]the text following does not float to the right (or to the left, obviously), and starts below it: <tt><nowiki>[[Image:D-Halo.jpg|none|70px|]]</nowiki></tt> (shown above). | : [[Image:D-Halo.jpg|left|70px|]]The image is left aligned, and text floats to the right of the image: <tt><nowiki>[[Image:Westminstpalace.jpg|left|70px|]]</nowiki></tt> (shown on the left). | ||
; <tt>center</tt> | |||
: The image is centered, and...[[Image:D-Halo.jpg|center|70px|]]the text following the image starts below it: <tt><nowiki>[[Image:D-Halo.jpg|center|70px|]]</nowiki></tt> (shown above). | |||
; <tt>none</tt> | |||
: The image is put at the left, and...[[Image:D-Halo.jpg|none|70px|]]the text following does not float to the right (or to the left, obviously), and starts below it: <tt><nowiki>[[Image:D-Halo.jpg|none|70px|]]</nowiki></tt> (shown above). | |||
: [[Image:D-Halo.jpg|right|50px|]]This option renders a version of the image that's ''[size]'' pixels wide (e.g. <tt><nowiki>[[Image:D-Halo.jpg|right|50px|]]</nowiki></tt> shown on the right). Height is computed to keep [[Wikipedia:aspect ratio (image)|aspect ratio]] (i.e. the shape of the image). You can also constrain both dimensions by typing something like ''100x100px''. | |||
; <tt>''size''px</tt> | |||
===Last Vertical Bar Law=== | ===Last Vertical Bar Law=== | ||
[[Image:D-Halo.jpg|70px|right]]What is between the last vertical bar and the closing brackets ("]]"), void or not, is taken as the last option, and works as usual. | [[Image:D-Halo.jpg|70px|right]]What is between the last vertical bar and the closing brackets ("]]"), void or not, is taken as the last option, and works as usual. For instance, when the last option is <tt>right</tt>, the image is right-aligned, and text floats to the left: <tt><nowiki>[[Image:D-Halo.jpg|70px|right]]</nowiki></tt> (shown on the right). | ||
[[Image:D-Halo.jpg|thumb|This text is not displayed.|70px|left|]][[Image:D-Halo.jpg|thumb|This text is displayed.|70px|right]]In particular, if the last option is the void text (that is, if there is nothing between the last vertical bar and the closing brackets), the caption is not displayed: <tt><nowiki>[[Image:D-Halo.jpg|thumb|This text is not displayed.|70px|left|]]</nowiki></tt> (shown on the left) and <tt><nowiki>[[Image:D-Halo.jpg|thumb|This text is displayed.|70px|right]]</nowiki></tt> (shown on the right). | [[Image:D-Halo.jpg|thumb|This text is not displayed.|70px|left|]][[Image:D-Halo.jpg|thumb|This text is displayed.|70px|right]]In particular, if the last option is the void text (that is, if there is nothing between the last vertical bar and the closing brackets), the caption is not displayed: <tt><nowiki>[[Image:D-Halo.jpg|thumb|This text is not displayed.|70px|left|]]</nowiki></tt> (shown on the left) and <tt><nowiki>[[Image:D-Halo.jpg|thumb|This text is displayed.|70px|right]]</nowiki></tt> (shown on the right). | ||
| Line 50: | Line 55: | ||
===Frame option=== | ===Frame option=== | ||
If you specify a "frame" option the image will not be scaled, and no size specifiers will be in the HTML. | If you specify a "frame" option the image will not be scaled, and no size specifiers will be in the HTML. The image will be rendered at full size | ||
: [[Image:D-Halo.jpg|frame|thumbnail|50px|Delta Halo.]]With this option, the embedded image is shown with its actual size enclosed by a frame, regardless of the "thumb" or "size" attribute, and the caption, if any, is visible in the frame. Without the options <tt>left</tt>, <tt>center</tt>, and <tt>none</tt>, the image is normally on the right: <tt><nowiki>[[Image:D-Halo.jpg|frame|thumbnail|50px|Delta Halo]]</nowiki></tt>. | |||
; <tt>frame</tt> | |||
===Inline Images=== | ===Inline Images=== | ||
| Line 74: | Line 80: | ||
For example, '''<nowiki>[[Image:D-Halo.jpg|right|thumb|100px|<div style="text-align: center;border:none">Delta Halo</div>]]</nowiki>''' produces a caption in the center .'' However, this syntax is not recommended for long captions (for example, captions involving long, descriptive sentences running more than one line), for which the regular image syntax should be used.'' You can also specify the color of the border, like "border:solid grey". | For example, '''<nowiki>[[Image:D-Halo.jpg|right|thumb|100px|<div style="text-align: center;border:none">Delta Halo</div>]]</nowiki>''' produces a caption in the center .'' However, this syntax is not recommended for long captions (for example, captions involving long, descriptive sentences running more than one line), for which the regular image syntax should be used.'' You can also specify the color of the border, like "border:solid grey". | ||
<br> | <br /> | ||
==Linking to the image description page== | ==Linking to the image description page== | ||