Help:Images: Difference between revisions

From the Kingdom Hearts Wiki, the Kingdom Hearts encyclopedia
Jump to navigationJump to search
No edit summary
m (& seeing as the names of pages literally use 'File:', it makes sense to use them here as well.)
Line 3: Line 3:
==General information==
==General information==
All image setups follow the same basic syntax, however they do not ''have'' to be used. The basic syntax is:<br>
All image setups follow the same basic syntax, however they do not ''have'' to be used. The basic syntax is:<br>
<nowiki>[[Image:</nowiki><font color=red>name</font>|<font color=blue>type</font>|<font color=green>location</font>|<font color=purple>size</font>|<font color=gray>caption</font><nowiki>]]</nowiki><br>
<nowiki>[[File:</nowiki><font color=red>name</font>|<font color=blue>type</font>|<font color=green>location</font>|<font color=purple>size</font>|<font color=gray>caption</font><nowiki>]]</nowiki><br>
However, everything after ''name'' can come in whatever order the user wants it to.
However, everything after ''name'' can come in whatever order the user wants it to.


Line 51: Line 51:
|-
|-
|'''Result'''
|'''Result'''
|[[Image:Example.png|100px]]
|[[File:Example.png|100px]]
|[[Image:ExamPle.png|100px]]
|[[File:ExamPle.png|100px]]
|[[Image:Example.PNG|100px]]
|[[File:Example.PNG|100px]]
|}
|}


===type===
===type===
*''thumb''
*''thumb''
:First is the default, seen on the far right. The syntax for it is simply <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=blue>thumb</font>|<font color=gray>placement of text</font><nowiki>]]</nowiki>
:First is the default, seen on the far right. The syntax for it is simply <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=blue>thumb</font>|<font color=gray>placement of text</font><nowiki>]]</nowiki>
[[Image:Example.png|thumb|placement of text]]
[[File:Example.png|thumb|placement of text]]
{{-}}
{{-}}
:The following example will be shown with a user-specified location and size. The syntax is <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=blue>thumb</font>|<font color=green>left</font>|<font color=purple>100px</font>|<font color=gray>placement of text</font><nowiki>]]</nowiki><br>
:The following example will be shown with a user-specified location and size. The syntax is <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=blue>thumb</font>|<font color=green>left</font>|<font color=purple>100px</font>|<font color=gray>placement of text</font><nowiki>]]</nowiki><br>
[[Image:Example.png|thumb|left|100px|placement of text]]
[[File:Example.png|thumb|left|100px|placement of text]]
{{-}}
{{-}}
:The following example is to show that an image cannot be inflated when using ''thumb''. The width of the uploaded image is 481px. The syntax will however be written with the width being set to 1000px. The syntax is <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=blue>thumb</font>|<font color=green>left</font>|<font color=purple>1000px</font><nowiki>]]</nowiki>. It will be set above the same image with the width set to 481px so that one can see that there is no difference in size<br>
:The following example is to show that an image cannot be inflated when using ''thumb''. The width of the uploaded image is 481px. The syntax will however be written with the width being set to 1000px. The syntax is <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=blue>thumb</font>|<font color=green>left</font>|<font color=purple>1000px</font><nowiki>]]</nowiki>. It will be set above the same image with the width set to 481px so that one can see that there is no difference in size<br>
[[Image:Example.png|thumb|left|1000px|width set to 1000 pixels]]<br>
[[File:Example.png|thumb|left|1000px|width set to 1000 pixels]]<br>
[[Image:Example.png|thumb|left|481px|width set to 481 pixels]]
[[File:Example.png|thumb|left|481px|width set to 481 pixels]]
{{-}}
{{-}}


*''frame''
*''frame''
:First, the default. Syntax is <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=blue>frame</font>]]<br>
:First, the default. Syntax is <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=blue>frame</font>]]<br>
[[Image:Example.png|frame]]
[[File:Example.png|frame]]
{{-}}
{{-}}
:Now, to show that setting a with has no effect. Width will be set to 150 pixels. Additionally, caption will be added and location will be moved to center. Syntax is <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=blue>frame</font>|<font color=green>center</font>|<font color=purple>150px</font>|<font color=gray>Setting width makes no difference</font><nowiki>]]</nowiki>
:Now, to show that setting a with has no effect. Width will be set to 150 pixels. Additionally, caption will be added and location will be moved to center. Syntax is <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=blue>frame</font>|<font color=green>center</font>|<font color=purple>150px</font>|<font color=gray>Setting width makes no difference</font><nowiki>]]</nowiki>
[[Image:Example.png|frame|center|150px|Setting width makes no difference]]
[[File:Example.png|frame|center|150px|Setting width makes no difference]]
{{-}}
{{-}}


*No specified type
*No specified type
:The following will show that inflation is possible, and that caption only appears when the mouse hovers above the image. The image from the ''thumb'' example will be used. Syntax will be <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=purple>600px</font>|<font color=gray>Only readable if you hover over the image</font><nowiki>]]</nowiki><br>
:The following will show that inflation is possible, and that caption only appears when the mouse hovers above the image. The image from the ''thumb'' example will be used. Syntax will be <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=purple>600px</font>|<font color=gray>Only readable if you hover over the image</font><nowiki>]]</nowiki><br>
[[Image:Example.png|600px|Only readable if you hover over the image]]
[[File:Example.png|600px|Only readable if you hover over the image]]


===location===
===location===
:Syntax will be <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=green>''location''</font>|<font color=purple>150px</font><nowiki>]]</nowiki> (with ''location'' being switched with whatever the example is about) accompanied by a sequence of randomly pressed letters, before and after the image, to symbolize text.
:Syntax will be <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=green>''location''</font>|<font color=purple>150px</font><nowiki>]]</nowiki> (with ''location'' being switched with whatever the example is about) accompanied by a sequence of randomly pressed letters, before and after the image, to symbolize text.


*''left'' (<nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=green>left</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
*''left'' (<nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=green>left</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
<font color=red>asidjoiajsd ads asdpoi alhdas paos<br>
<font color=red>asidjoiajsd ads asdpoi alhdas paos<br>
soiajs aishd oasd ljakbsd9ia d<br>
soiajs aishd oasd ljakbsd9ia d<br>
[[Image:Example.png|left|150px]]
[[File:Example.png|left|150px]]
aduh aspodi asdjk earjbh asdiu ad<br>
aduh aspodi asdjk earjbh asdiu ad<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
Line 93: Line 93:
{{-}}
{{-}}
<br><br><br>
<br><br><br>
*''right'' (<nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=green>right</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
*''right'' (<nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=green>right</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
<font color=blue>asidjoiajsd ads asdpoi alhdas paos<br>
<font color=blue>asidjoiajsd ads asdpoi alhdas paos<br>
soiajs aishd oasd ljakbsd9ia d<br>
soiajs aishd oasd ljakbsd9ia d<br>
[[Image:Example.png|right|150px]]
[[File:Example.png|right|150px]]
aduh aspodi asdjk earjbh asdiu ad<br>
aduh aspodi asdjk earjbh asdiu ad<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
Line 102: Line 102:
{{-}}
{{-}}
<br><br><br>
<br><br><br>
*''center'' (<nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=green>center</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
*''center'' (<nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=green>center</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
<font color=green>asidjoiajsd ads asdpoi alhdas paos<br>
<font color=green>asidjoiajsd ads asdpoi alhdas paos<br>
soiajs aishd oasd ljakbsd9ia d<br>
soiajs aishd oasd ljakbsd9ia d<br>
[[Image:Example.png|center|150px]]
[[File:Example.png|center|150px]]
aduh aspodi asdjk earjbh asdiu ad<br>
aduh aspodi asdjk earjbh asdiu ad<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
Line 111: Line 111:
{{-}}
{{-}}
<br><br><br>
<br><br><br>
*''none'' (<nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=green>none</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
*''none'' (<nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=green>none</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
<font color=purple>asidjoiajsd ads asdpoi alhdas paos<br>
<font color=purple>asidjoiajsd ads asdpoi alhdas paos<br>
soiajs aishd oasd ljakbsd9ia d<br>
soiajs aishd oasd ljakbsd9ia d<br>
[[Image:Example.png|none|150px]]
[[File:Example.png|none|150px]]
aduh aspodi asdjk earjbh asdiu ad<br>
aduh aspodi asdjk earjbh asdiu ad<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
asdopuishf wierhsld sofudsjerha asdfaf</font><br>
asdopuishf wierhsld sofudsjerha asdfaf</font><br>
{{-}}
{{-}}
*Example of last location applying (<nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=green>none</font>|<font color=green>right</font>|<font color=green>center</font>|<font color=green>left</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
*Example of last location applying (<nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=green>none</font>|<font color=green>right</font>|<font color=green>center</font>|<font color=green>left</font>|<font color=purple>150px</font><nowiki>]]</nowiki>)<br>
<font color=gray>asidjoiajsd ads asdpoi alhdas paos<br>
<font color=gray>asidjoiajsd ads asdpoi alhdas paos<br>
soiajs aishd oasd ljakbsd9ia d<br>
soiajs aishd oasd ljakbsd9ia d<br>
[[Image:Example.png|none|right|center|left|150px]]
[[File:Example.png|none|right|center|left|150px]]
aduh aspodi asdjk earjbh asdiu ad<br>
aduh aspodi asdjk earjbh asdiu ad<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
asdad sdiofj jrg sdifu werosdyfusijdf<br>
Line 132: Line 132:
been showed several times, we'll jump straight to limitations.
been showed several times, we'll jump straight to limitations.


First, well set a limit where the width will be the deciding factor. Syntax will be <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=purple>180x600px</font><nowiki>]]</nowiki><br>
First, well set a limit where the width will be the deciding factor. Syntax will be <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=purple>180x600px</font><nowiki>]]</nowiki><br>
[[Image:Example.png|180x600px]]<br>
[[File:Example.png|180x600px]]<br>
Width is a deciding factor because the image will always keep its aspect ratio and in this case, when the width reaches 180 pixels, the height will still be less than 600 pixels, but the image will not become any larger, since that would mean that the width would exceed 180 pixels, which it isn't allowed to do.
Width is a deciding factor because the image will always keep its aspect ratio and in this case, when the width reaches 180 pixels, the height will still be less than 600 pixels, but the image will not become any larger, since that would mean that the width would exceed 180 pixels, which it isn't allowed to do.


Now the same image, but with height as the limiting factor. Syntax is <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=purple>780x200px</font><nowiki>]]</nowiki><br>
Now the same image, but with height as the limiting factor. Syntax is <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=purple>780x200px</font><nowiki>]]</nowiki><br>
[[Image:Example.png|780x200px]]
[[File:Example.png|780x200px]]


===caption===
===caption===
Not much to say here. Like most of the other things, only the last caption is shown, if more than one is added. At the same time, this will show that any order after the ''name'' will still work as it is supposed to. Syntax for the following is <nowiki>[[Image:</nowiki><font color=red>Example.png</font>|<font color=purple>170px</font>|<font color=gray>text 1</font>|<font color=gray>text 2</font>|<font color=gray>text 3</font>|<font color=green>left</font>|<font color=gray>text 4</font>|<font color=blue>thumb</font><nowiki>]]</nowiki><br>
Not much to say here. Like most of the other things, only the last caption is shown, if more than one is added. At the same time, this will show that any order after the ''name'' will still work as it is supposed to. Syntax for the following is <nowiki>[[File:</nowiki><font color=red>Example.png</font>|<font color=purple>170px</font>|<font color=gray>text 1</font>|<font color=gray>text 2</font>|<font color=gray>text 3</font>|<font color=green>left</font>|<font color=gray>text 4</font>|<font color=blue>thumb</font><nowiki>]]</nowiki><br>
[[Image:Example.png|170px|text 1|text 2|text 3|left|text 4|thumb]]
[[File:Example.png|170px|text 1|text 2|text 3|left|text 4|thumb]]


[[Category:Help Pages]]
[[Category:Help Pages]]
[[fr:Aide:Images]]
[[fr:Aide:Images]]