Línea 61: |
Línea 61: |
|
| |
|
| {|align=right border="1" | | {|align=right border="1" |
| |[[Image:Netherlands pol87.jpg|100px|]]<BR />[http://upload.wikimedia.org/wikipedia/commons/1/1b/Netherlands_pol87.jpg full size] | | |[[Imagen:Netherlands pol87.jpg|100px|]]<BR />[http://upload.wikimedia.org/wikipedia/commons/1/1b/Netherlands_pol87.jpg full size] |
| |} | | |} |
| [[image:Middle_east.jpg|thumb|left|Middle East; for more detailed pdf-version see http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf]] | | [[imagen:Middle_east.jpg|thumb|left|Middle East; for more detailed pdf-version see http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf]] |
| {|align=right bgcolor=#dddddd | | {|align=right bgcolor=#dddddd |
| |[[image:Middle_east.jpg|thumb|Middle East]] | | |[[imagen:Middle_east.jpg|thumb|Middle East]] |
| |- | | |- |
| |([http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf pdf]) | | |([http://www.cia.gov/cia/publications/factbook/reference_maps/pdf/middle_east.pdf pdf]) |
Línea 75: |
Línea 75: |
| ===Image at the left=== | | ===Image at the left=== |
|
| |
|
| '''<nowiki>[[image:tst.png|left|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the left; text that follows floats to the right of it; if a second image immediately comes after the first, the second abuts to the right side of the first; if there is text in between then the second image is at the lower right of the first, under this text: | | '''<nowiki>[[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the left; text that follows floats to the right of it; if a second image immediately comes after the first, the second abuts to the right side of the first; if there is text in between then the second image is at the lower right of the first, under this text: |
|
| |
|
| [[image:tst.png|left|thumb|50px|[[help:contents|demo]]]][[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] [[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' between the 3rd and 4th images. [[image:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'' after the 4th image. | | [[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]][[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] [[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' between the 3rd and 4th images. [[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]] ''Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.'' after the 4th image. |
| {{clr}} | | {{clr}} |
| With '''<nowiki>[[image:tst.png|none|thumb|50px|[[help:contents|demo]]]]</nowiki>''' the image is put at the left, and text that follows starts below it. | | With '''<nowiki>[[imagen:tst.png|none|thumb|50px|[[help:contents|demo]]]]</nowiki>''' the image is put at the left, and text that follows starts below it. |
|
| |
|
| [[image:tst.png|none|thumb|50px|[[help:contents|demo]]]]''Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta'' | | [[imagen:tst.png|none|thumb|50px|[[help:contents|demo]]]]''Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent lupta'' |
|
| |
|
| ===Image at the right=== | | ===Image at the right=== |
|
| |
|
| '''<nowiki>[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the right; text that follows floats to the left of it. The situation is not symmetric with the case above: a second image is put at the extreme right again, under the first. | | '''<nowiki>[[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]]</nowiki>''' puts the image at the right; text that follows floats to the left of it. The situation is not symmetric with the case above: a second image is put at the extreme right again, under the first. |
|
| |
|
| [[image:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' after the 1st image.[[image:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''after the 2nd image.{{clr}} | | [[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.'' after the 1st image.[[imagen:tst.png|right|thumb|50px|[[help:contents|demo]]]] ''after the 2nd image.{{clr}} |
|
| |
|
| ===Using full width again=== | | ===Using full width again=== |
|
| |
|
| [[image:tst.png|left|thumb|50px|[[help:contents|demo]]]]Use '''<nowiki><br clear="all" /></nowiki>''', or on projects that have [[Template:Clr]] (Meta and en:): <nowiki>{{clr}}</nowiki>. Text floats around the image until it gets to <nowiki>{{clr}}</nowiki> (in Meta) like this.{{clr}}After <nowiki>{{clr}}</nowiki>, however, text can float no longer, and restarts from under the image, using the full width again like this,...... like this, like this, like this, like this, like this, like this, like this. | | [[imagen:tst.png|left|thumb|50px|[[help:contents|demo]]]]Use '''<nowiki><br clear="all" /></nowiki>''', or on projects that have [[Template:Clr]] (Meta and en:): <nowiki>{{clr}}</nowiki>. Text floats around the image until it gets to <nowiki>{{clr}}</nowiki> (in Meta) like this.{{clr}}After <nowiki>{{clr}}</nowiki>, however, text can float no longer, and restarts from under the image, using the full width again like this,...... like this, like this, like this, like this, like this, like this, like this. |
|
| |
|
| ===Inline images=== | | ===Inline images=== |
|
| |
|
| Inline images cannot have a caption, but they can have a [[w:Wikipedia:Alternative text for images|"title"-attribute]] (often misidentified as the "alt" attribute, which has a different purpose), which is shown in the hoverbox (in the cases above, for the image it is the same as the caption, and for the enlarge icon it is "Enlarge"). It is the last item of the image code, hence, if there is only the image name with prefix "image:" it gives that; if there is an empty item by ending with a pipe character ("|") it gives none; otherwise, it gives the image code item that happens to be last, unless a proper text is specified. | | Inline images cannot have a caption, but they can have a [[w:Wikipedia:Alternative text for images|"title"-attribute]] (often misidentified as the "alt" attribute, which has a different purpose), which is shown in the hoverbox (in the cases above, for the image it is the same as the caption, and for the enlarge icon it is "Enlarge"). It is the last item of the image code, hence, if there is only the image name with prefix "imagen:" it gives that; if there is an empty item by ending with a pipe character ("|") it gives none; otherwise, it gives the image code item that happens to be last, unless a proper text is specified. |
|
| |
|
| The size of the images can be reduced but they can not be enlarged. | | The size of the images can be reduced but they can not be enlarged. |
|
| |
|
| Example (note the hoverbox too): "<nowiki>text [[image:tst.png]] text [[image:tst.png|</nowiki>'''5px'''<nowiki>|]] text [[image:tst.png|</nowiki>'''500px'''<nowiki>|demo]] text</nowiki>" gives "text [[image:tst.png]] text [[image:tst.png|5px|]] text [[image:tst.png|500px|demo]] text". | | Example (note the hoverbox too): "<nowiki>text [[imagen:tst.png]] text [[imagen:tst.png|</nowiki>'''5px'''<nowiki>|]] text [[imagen:tst.png|</nowiki>'''500px'''<nowiki>|demo]] text</nowiki>" gives "text [[imagen:tst.png]] text [[imagen:tst.png|5px|]] text [[imagen:tst.png|500px|demo]] text". |
|
| |
|
| '''''In the last example, in 1.5 the width is as specified, but the height is the original one.''''' | | '''''In the last example, in 1.5 the width is as specified, but the height is the original one.''''' |
Línea 112: |
Línea 112: |
| Texts (also with links) and images can be positioned such that they partly cover an image with code like: | | Texts (also with links) and images can be positioned such that they partly cover an image with code like: |
| | | |
| <pre><div style="position: relative">[[Image:Map South Holland.png]] | | <pre><div style="position: relative">[[Imagen:Map South Holland.png]] |
| <div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div> | | <div style="position: absolute; left: 244px; top: 67px">[[Imagen:Tst.png]]</div> |
| <div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div> | | <div style="position: absolute; left: 249px; top: 72px">[[Imagen:Tst.png]]</div> |
| <div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div> | | <div style="position: absolute; left: 264px; top: 112px">[[Imagen:Tst.png]]</div> |
| <div style="position: absolute; left: 10px; top: 10px">[[Image:Text North Sea transparent.gif]]</div> | | <div style="position: absolute; left: 10px; top: 10px">[[Imagen:Text North Sea transparent.gif]]</div> |
| <div style="position: absolute; left: 10px; top: 50px"> | | <div style="position: absolute; left: 10px; top: 50px"> |
| {| style="background:transparent" | | {| style="background:transparent" |
Línea 128: |
Línea 128: |
| giving: | | giving: |
|
| |
|
| <div style="position: relative">[[Image:Map South Holland.png]] | | <div style="position: relative">[[Imagen:Map South Holland.png]] |
| <div style="position: absolute; left: 244px; top: 67px">[[Image:Tst.png]]</div> | | <div style="position: absolute; left: 244px; top: 67px">[[Imagen:Tst.png]]</div> |
| <div style="position: absolute; left: 249px; top: 72px">[[Image:Tst.png]]</div> | | <div style="position: absolute; left: 249px; top: 72px">[[Imagen:Tst.png]]</div> |
| <div style="position: absolute; left: 264px; top: 112px">[[Image:Tst.png]]</div> | | <div style="position: absolute; left: 264px; top: 112px">[[Imagen:Tst.png]]</div> |
| <div style="position: absolute; left: 10px; top: 10px">[[Image:Text North Sea transparent.gif]]</div> | | <div style="position: absolute; left: 10px; top: 10px">[[Imagen:Text North Sea transparent.gif]]</div> |
| <div style="position: absolute; left: 10px; top: 50px"> | | <div style="position: absolute; left: 10px; top: 50px"> |
| {| style="background:transparent" | | {| style="background:transparent" |
Línea 148: |
Línea 148: |
|
| |
|
| <pre> | | <pre> |
| <div style="position: relative">[[Image:Zeeuws Vlaanderen.png]] | | <div style="position: relative">[[Imagen:Zeeuws Vlaanderen.png]] |
| <div style="position: absolute; left: 5px; top: 25px"> | | <div style="position: absolute; left: 5px; top: 25px"> |
| {| style="background:transparent" | | {| style="background:transparent" |
Línea 171: |
Línea 171: |
| gives | | gives |
|
| |
|
| <div style="position: relative">[[Image:Zeeuws Vlaanderen.png]] | | <div style="position: relative">[[Imagen:Zeeuws Vlaanderen.png]] |
| <div style="position: absolute; left: 5px; top: 25px"> | | <div style="position: absolute; left: 5px; top: 25px"> |
| {| style="background:transparent" | | {| style="background:transparent" |
Línea 205: |
Línea 205: |
|
| |
|
| ==Gallery tag, category, table of images== | | ==Gallery tag, category, table of images== |
| The gallery-tag is a quick way to show thumbnails in four columns. Each entry is of the form "Image:''image name'' or "Image:''image name''|''caption, possibly with links''". It also allows text taking the position of an image, but not with links: if a text entry contains a link, the whole entry is ignored; an image tag with square brackets is also ignored. | | The gallery-tag is a quick way to show thumbnails in four columns. Each entry is of the form "Imagen:''image name'' or "Imagen:''image name''|''caption, possibly with links''". It also allows text taking the position of an image, but not with links: if a text entry contains a link, the whole entry is ignored; an image tag with square brackets is also ignored. |
|
| |
|
| <pre><gallery> | | <pre><gallery> |
| A-L | | A-L |
| Image:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province
| | Imagen:Drenthe-Position.png|[[w:Drenthe|Drenthe]], the least crowded province |
| Image:Flevoland-Position.png
| | Imagen:Flevoland-Position.png |
| Image:Friesland-Position.png | | Image:Friesland-Position.png |
| [[Friesland]] is beautiful | | [[Friesland]] is beautiful |