Sjabloon:Superimpose
Van Wikipedia
- Gebruik
Dit sjabloon zet een plaatje over een ander plaatje heen, en positioneert het bovenste plaatje relatief ten opzichte van de linkerbovenhoek van het onderste plaatje. Hoewel het originele idee slechts inhield dat er een punt op een kaart getekend kon worden, met bewerkbare coördinaten, kan het gebruikt worden om twee plaatjes voor elk gewenst doel met precisie over elkaar heen te leggen.
- Gebruiksaanwijzing
De onderstaande wikicode zet twee plaatjes over elkaar:
{{Superimpose | base = US_Locator_Blank.svg | base_width = 288px | base_caption = United States Locator Map | float = Locator_Dot.svg | float_width = 10px | float_caption = Boulder, Colorado | x = 83 | y = 53 }}
De afbeelding in 'base' vormt de achtergrond, die in 'float' wordt er op geplaatst.
- Parameters
base: | bestandsnaam van de 'base'-afbeelding, in dit geval de kaart van de VS |
base_width: | gewenste breedte van de 'base'-afbeelding, in pixels |
base_caption: | tekst in popupje als de muis op de 'base'-afbeelding geplaatst wordt |
float: | bestandsnaam van de 'float'-afbeelding, hier een rode stip |
float_width: | gewenste breedte van de 'float'-afbeelding, in pixels |
float_caption: | tekst in popupje als de muis op de 'float'-afbeelding geplaatst wordt |
x: | positie van de 'float' t.o.v. de linkerrand van de 'base', in pixels of een andere standaard CSS-eenheid |
y: | positie van de 'float' t.o.v. de bovenrand van de 'base', in pixels of een andere standaard CSS-eenheid |
- Resultaat
- Opmerkingen
- Bij 'base_width' en 'float-width' moet de waarde gevolgd worden door "px", bij 'x' en 'y' mag dat juist niet.
- De uit het Engels vertaalde uitleg over 'x' en 'y' in pixels of een andere CSS eenheid klopt niet, hier wordt nog aan gewerkt.
- De positie van 'float' wordt mede bepaald door 'base_width': bij een wijziging moeten 'x' en 'y' evenredig vergroot of verkleind worden.
- De waarden in 'x' en 'y' gelden voor de linkerbovenhoek van 'float', dus niet voor het middelpunt. Deze afwijking moet gecompenseerd worden door 'x' en 'y' te verminderen met de helft van 'float_width' (aangenomen dat hoogte en breedte van 'float' even groot zijn).