Sjabloon:Superimpose

Uit Wikipedia, de vrije encyclopedie
Naar navigatie springen Naar zoeken springen
[[Bestand:{{{base}}}|{{{base_width}}}|]]
De sjabloonbeschrijving hieronder wordt niet afgebeeld wanneer het sjabloon wordt geplaatst.

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.

Gebruik als lege code op artikelen:

{{Superimpose
| base = 
| base_width = 
| base_caption = 
| float = 
| float_width = 
| float_caption = 
| x = 
| y = 
}}

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 tooltip 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 tooltip 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
Boulder, Colorado
United States Locator Map


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).