Template:Image label begin: Difference between revisions
(ugh) |
|||
| (76 intermediate revisions by 43 users not shown) | |||
| Line 1: | Line 1: | ||
<div role="img" class="{{#switch:{{{float|}}}|left=floatleft|right=floatright}} noresize" <!-- noresize disables the img from being limited to the width of the viewport size (as on mobile) --> |
|||
<div style="float: {{{float|none}}}; clear: {{{float|none}}}; "> |
|||
style="width: {{#if:{{{thumb|}}}|{{#expr:{{#if:{{{width|}}}|{{{width}}}|400}}+16}}|{{#if:{{{border2|}}}|{{#expr:{{#if:{{{width|}}}|{{{width}}}|400}}+2}}|{{#if:{{{width|}}}|{{{width}}}|400}}}}}}px; {{#switch:{{{float|}}}|center|centre=margin-left:auto; margin-right:auto;}} |
|||
| ⚫ | |||
{{#if:{{{margin|}}}|margin: {{{margin}}};}} |
|||
[[Image:{{{image|Example.png}}}|{{{width|400}}}px]]<noinclude> |
|||
{{#if:{{{padding|}}}|padding: {{{padding}}};}} |
|||
{{#if:{{{border|}}}|border: {{{border}}};}} |
|||
{{#if:{{{font-size|}}}|font-size: {{{font-size}}};}} |
|||
line-height: 1; |
|||
text-align: {{{text-align|center}}}; |
|||
background-color: {{{svg-background-color|{{{background-color|#ffffff}}}}}}; |
|||
| ⚫ | |||
{{#if:{{{overflow-x|}}}|max-width: 100%; <!-- deals with large images on mobile overflowing --> |
|||
overflow-x: {{{overflow-x|auto}}};}}"><!-- |
|||
-->{{#if:{{{fullimage|}}} |
|||
|{{{fullimage}}} |
|||
|[[File:{{{image|Bad Title Example.png}}}{{#if:{{{border2|}}}|{{!}}border}}{{#if:{{{thumb|}}}|{{!}}thumb{{!}}none}}|{{#if:{{{width|}}}|{{{width}}}|400}}px{{#ifeq:{{{link|File:}}}|File:||{{!}}link={{{link|}}}}}|alt={{{alt|}}}|{{{caption|}}}]] |
|||
}}<noinclude> |
|||
</div> |
</div> |
||
{{documentation}} |
|||
</div> |
|||
[[da:Skabelon:Image label begin]] |
|||
[[it:Template:Image label begin]] |
|||
[[ml:Template:Image label begin]] |
|||
{{User:Zondor/Labelled_Map_Documentation}} |
|||
</noinclude> |
</noinclude> |
||
Latest revision as of 14:36, 6 July 2022
 | Please keep both widths and scales greater than zero and exactly the same in each template. For example, if width is 300, then all the scales must also be 300. Thanks. |
| For a simpler and more general alternative to this template, see {{annotated image}} For a different style, simpler, and more general alternative, see {{overlay}}. |
This template is a self-reference and thus is part of the Wikipedia project rather than the encyclopaedic content.
This template will automatically categorise the current template into: Category:Labelled map templates.
Usage
Consider this example, adapted from Template:Australia Labelled Map:
{{Image label begin|image=Australia location map recolored.png
|alt=Australia map. Western Australia in the west third with capital Perth, Northern Territory in the north center with capital Darwin, Queensland in the northeast with capital Brisbane, South Australia in the south with capital Adelaide, New South Wales in the northern southeast with capital Sydney, and Victoria in the far southeast with capital Melbourne. Tasmania, with capital Hobart, is off the coast of Victoria, across the Bass Strait. The Indian Ocean is to the west and northwest, the South Pacific Ocean to the east, the Southern Ocean to the south, and the Tasman Sea to the southeast. The Great Australian Bight to the south and the Gulf of Carpentaria to the north are the major bays. The Timor and Arafura Seas are off the north coast, and the Great Barrier Reef guards the northeast coast from the Coral Sea.
|width={{{width|}}}
|font-size=85%}}
{{Image label|scale={{{width|}}}|x=0.26 |y=0.345 |text=[[Western Australia|Western<br/>Australia]]}}
{{Image label|scale={{{width|}}}|x=0.46 |y=0.20 |text=[[Northern Territory|Northern<br/>Territory]]}}
{{Image label|scale={{{width|}}}|x=0.505|y=0.4025|text=[[South Australia|South<br/>Australia]]}}
...
{{Image label end}}
Parameters
width/scale
A number of pixels. Default is 400.
If |width= is given for {{image label begin}}, the same value must be given as |scale= for {{image label}}, or the labels will become misaligned if the image is resized. When used in a template, the simplest way to ensure this is by passing through the same parameter, as in the example. For example, {{Australia Labelled Map|width=500}} displays the labelled image as a larger one of 500 pixels in width instead of the default, 400.
For earthly geographic maps, conforming to these specifications can allow easier conversion to for any other purposes such as for the use of {{Location map+}}.
x/y
X values are always between 0 and 1. For square images, Y values are also between 0 and 1. The maximum Y value is higher for tall images, lower for wide images. The X and Y values represent the fraction of the width where the label will be placed. The exact point is the top-left corner of the image label.
x=0 |y=0 will place the top-left corner of the label at the top-left of a square image x=0 |y=1 will place the top-left corner of the label at the bottom-left of a square image x=1 |y=1 will place the top-left corner of the label at the bottom-right of a square image x=1 |y=0 will place the top-left corner of the label at the top-right of a square image x=0.5|y=0.5 will place the top-left corner of the label at the centre of a square image
image
The title of the wiki page of the image without the "Image:" prefix.
text
The text label to display as wiki markup.
float
Three options:
float=none makes the image sit on its own line of the page (default) float=left makes the image pushed to the left of the page float=right makes the image pushed to the right of the page
font-size
Optional. If given, specifies a font size for the labels. For example, |font-size=85% displays labels in a smaller font size. If omitted, font size will inherit from surrounding content.
|font-size= can also be set on each individual {{image label}} to adjust the font size for that label.
text-align
Optional. If given, affects the line-by-line alignment within labels with line breaks. If omitted, the default text alignment is centered.
link
Specifies where the image should link to. If File: (the default), the image links to its file page. If empty, the image does not link to anything; this is appropriate for purely decorative images.
alt
Specifies text to be used in the image's "alt" attribute. If |link= is empty, this should be empty; if |link= is File: or is not given, this should describe the image; if |link= points to some other page this should describe the action that will be taken if you click on the image. See Wikipedia:Manual of Style/Accessibility/Alternative text for images.
caption
Specifies text to be used in the image's "title" attribute. In certain browsers, this text will appear in a tooltip when the mouse pointer is rolled over it.
Template set
{{Image label begin|image=Example.png|width=400|float=right}}- {{Image label start}} (template redirect to {{Image label begin}})
{{Image label|x=0.25|y=0.75|scale=400|text=[[Wikipedia]]}}- {{Image label small}} (deprecated, use
|font-size=85%on {{Image label begin}} or {{Image label}} instead)
- {{Image label small}} (deprecated, use
{{Image label end}}
Tool
Sample labelled images
- {{Africa Labelled Map}}
- {{Armenia Labelled Map}}
- {{Asia Labelled Map}}
- {{Australia Labelled Map}}
- {{Bulgaria Provinces}}
- {{Brazil Labelled Map}}
- {{Brunei Labelled Map}}
- {{Cambodia Labelled Map}}
- {{Colombia Labelled Map}}
- {{Dhaka City Labelled Map}}
- {{Earth Labelled Map}}
- {{England Labelled Map}}
- {{European Union Labelled Map (blue)}}
- {{European Union Labelled Map (brown)}}
- {{Eurozone labelled map}}
- {{France Regions Labelled Map}}
- {{Gaza Strip labelled map}}
- {{Georgia Labelled Map}}
- {{India States and Territories Labelled Map}}
- {{Indonesia provinces labelled map}}
- {{Israel Labelled Map}}
- {{Jericho TV series map}}
- {{Lebanon Labelled Map}}
- {{Malaysia Labelled Map}}
- {{Nepal province labelled map}}
- {{Peru Labelled Area Map}}
- {{Poland Labelled Map Small}}
- {{Provinces of Iran Labelled Map}}
- {{Schengen Agreement Labelled Map}}
- {{Shanghai Labelled Map}}
- {{Singapore Planning Areas Labelled Map}}
- {{Switzerland Cantons Labelled Map}}
- {{Syria Labelled Map}}
- {{Al-Hasakah Labelled Map}}
- {{Aleppo Labelled Map}}
- {{Raqqa Labelled Map}}
- {{Al-Suwayda Labelled Map}}
- {{Daraa Labelled Map}}
- {{Deir ez-Zor Labelled Map}}
- {{Hama Labelled Map}}
- {{Homs Labelled Map}}
- {{Idlib Labelled Map}}
- {{Latakia Labelled Map}}
- {{Quneitra Labelled Map}}
- {{Rif Dimashq Labelled Map}}
- {{Tartus Labelled Map}}
- {{Turkey Labelled Map}}
- {{Ukraine Labelled Map}}
- {{United States Labelled Map}}
- {{West Bank Labelled Map}}
- {{World Labelled Map}}