Wikisage, de vrije encyclopedie van de tweede generatie, is digitaal erfgoed

Wikisage is op 1 na de grootste internet-encyclopedie in het Nederlands. Iedereen kan de hier verzamelde kennis gratis gebruiken, zonder storende advertenties. De Koninklijke Bibliotheek van Nederland heeft Wikisage in 2018 aangemerkt als digitaal erfgoed.

  • Wilt u meehelpen om Wikisage te laten groeien? Maak dan een account aan. U bent van harte welkom. Zie: Portaal:Gebruikers.
  • Bent u blij met Wikisage, of wilt u juist meer? Dan stellen we een bescheiden donatie om de kosten te bestrijden zeer op prijs. Zie: Portaal:Donaties.
rel=nofollow

Sjabloon:Superimpose

Uit Wikisage
Versie door Gentenaar (overleg | bijdragen) op 15 sep 2023 om 09:21 (Nieuwe pagina aangemaakt met '<div style="position: relative; width: {{{base_width}}};">{{#if: {{{x|}}} | <div style="position: absolute; left: {{{x|0}}}px; top: {{{y|0}}}px; padding: 0;"><!--...')
(wijz) ← Oudere versie | Huidige versie (wijz) | Nieuwere versie → (wijz)
Naar navigatie springen Naar zoeken springen
[[Bestand:{{{base}}}|{{{base_width}}}|]]
De sjabloonbeschrijving hieronder wordt niet afgebeeld wanneer de 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


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).
rel=nofollow