Bewerken van Boekhandel Salvator

Zie vooral Forum:Mededelingen '2019' 'Google Maps buiten gebruik', met werkwijze voor OpenStreetMap en link naar goede hulp. Ter vergelijking staat hieronder nog de voorbijgestreefde methode.

Onderstaande code plaatst een kaart rechts in de pagina.
De marges en het kadertje met bijschrift passen bij dezulke van een standaardafbeelding.
Hier meteen onder de simpelste code, uitsluitend voor een kaartje zonder markeerpunt en zonder enige toegevoegde tekst:

<div class="FrR">
<googlemap version="0.9" lat="51.028000" lon="4.480020" zoom="17" width="402" height="300">
7#99D0DD00
51.028656,4.479567
51.028565,4.479959
51.028505,4.480130
</googlemap>
</div>

Indien een markeerpunt zinvol is, moet de code mét commentaarlijnen <!-- … --> bovenin de pagina staan; zonder zo een letter tussen haakjes gevolgd door coördinaten, laat u (vooral indien elders in de pagina) die twee commentaarlijnen weg.

Haal uit de bovenste <div ...> de title="..." weg om geen algemene 'tooltip'‍ (tekstballon mits aanwijzer over de afbeelding) te bekomen. Elk markeerpunt behoudt wel een eigen achter de coördinaten opgegeven ‍'tooltip'‍ (bij aanwijzen markeerpunt).
Haal onderin de hele lijn <div class="FrC">...</div> weg om geen bijschrift te plaatsen.
De parameters binnenin de begintag <googlemap ...> en die tussen die begin- en de eindtag, dienen net als de ‍'tooltip'‍ en het bijschrift als voorbeeld. U kan dit alles aanpassen, ook het stuk <googlemap>...</googlemap> vervangen door de code die de knop 'kaart maken' + (boven het bewerkingsvenster, rechts) oplevert.

<!-- GOOGLEMAP MET MARKEERPUNT (en de DIVs er omheen) MOETEN HELEMAAL BOVENIN EEN PAGINA! MAG NA
     {{Translation|…}} EN 1 of meer [[Afbeelding:…]] MITS DAARIN NOOIT <ref (…)>…</ref> KOMT! -->
<div class="FrR" title="De Scheerstraat,&#xA;vlak achter het&#xA;Huis De Beyaert">
<googlemap version="0.9" lat="51.028000" lon="4.480020" zoom="17" width="402" height="300">
http://mechelen.mapt.be/wiki/De_Beyaert
(B) 51.028335,4.479668,De Beyaert
Huis&nbsp;'De&nbsp;Beyaert'&nbsp;is&nbsp;het&nbsp;huidig&nbsp;postgebouw
7#99D0DD00
51.028656,4.479567
51.028565,4.479959
51.028505,4.480130
</googlemap>
<div class="FrC">'''Scheerstraat''' ([[Mechelen]])</div>
</div>

Van de facultatieve url (voluit, naar een artikel op Mechelen Mapt) moet de artikelnaam identiek zijn (doch met 'undercores' i.p.v. spaties) aan de daaronder op de markeerpuntcoördinaten volgende tekst (die steeds een 'tooltip' is): Dan wordt bij klikken op het markeerpunt, in het verschijnend kadertje die artikelnaam meteen een interne link. In dat kadertje verschijnt daaronder de facultatieve lijn welke best door &nbsp; op één regel gedwongen wordt.

<!-- GOOGLEMAP MET MARKEERPUNT (en de DIVs er omheen) MOETEN HELEMAAL BOVENIN EEN PAGINA! MAG NA
     {{Translation|…}} EN 1 of meer [[Afbeelding:…]] MITS DAARIN NOOIT <ref (…)>…</ref> KOMT! -->
<div
 title="De Scheerstraat,&#xA;vlak achter het&#xA;Huis De Beyaert,&#xA;en het Stadhuis&#xA;bij de Grote Markt"
 style="border:1px solid silver;background-color:#fafafa;padding:3px;float:right;clear:right;margin:.3em 0 1em 2.6ex;">
<googlemap version="0.9" lat="51.028000" lon="4.480020" zoom="17" width="402" height="300">
(B) 51.028335,4.479668,De Beyaert (huidig postgebouw)
(S) 51.027975,4.481124,Stadhuis
7#99D0DD00
51.028656,4.479567
51.028565,4.479959
51.028505,4.480130
</googlemap>
<div style="font-size:88%;line-height:1.3em;padding:4px;text-align:center;">'''Scheerstraat''' ([[Mechelen]])</div>
</div>

De marges en het kadertje met bijschrift passen bij dezulke van ondermeer een kaartje als hierboven.

Vervang de naam van het bestand, pas de breedte in pixels eventueel aan, en vervang het bijschrift.
Haal de <div>...</div> weg om geen bijschrift te plaatsen. Die tags zijn wel noodzakelijk om een bijschrift te centreren (<div class="FrC"> zoals bijschriften elders, is toegestaan).

[[Afbeelding:Grotemarkt2.jpg|thumb|400px|<div>'''Grote Markt''' ([[Mechelen]])</div>]]

Bemerk dat zowel de googlemap breedte voor de kaart als de breedte voor de afbeelding hieronder, ongeacht hoe smal of wijd, steeds exact 2 pixels breder moet zijn dan die opgegeven bij de standaardafbeelding met 'thumb', om onderling exact even breed te verschijnen!

Gebruik echter het hier onderstaande als je er een ‍'tooltip'‍ bij wenst.

Haal de <div class="FrC">...</div> achteraan weg om geen bijschrift te plaatsen. Die div begintag, of als het bijschrift weggehaald is, de in de code nochtans eronder geplaatste eindtag </div>, moet op dezelfde lijn als ]] direct aansluiten ! (In de code hogerop is dat na </googlemap> niet van belang.)

<div class="FrR" title="De Grote Markt,&#xA;zicht naar de&#xA;kathedraal toe">
[[Afbeelding:Grotemarkt2.jpg|402px]]<div class="FrC">'''Grote Markt''' ([[Mechelen]])</div>
</div>

<div
 title="De Grote Markt,&#xA;zicht naar de&#xA;kathedraal toe"
 style="border:1px solid silver;background-color:#fafafa;padding:3px;float:right;clear:right;margin:.3em 0 1em 2.6ex;">
[[Afbeelding:Grotemarkt2.jpg|402px]]<div
 style="font-size:88%;line-height:1.3em;padding:4px;text-align:center;">'''Grote Markt''' ([[Mechelen]])</div>
</div>

(1 tot 4 kleine afbeeldingen naast mekaar; als u er meer opgeeft, komen ze er per maximaal vier onder.)
Dit past zo goed als <gallery> mogelijk maakt bij de codes voor het kaartje en de afbeeldingen. Een marge rechts en onderaan bleef bewust weg.

Vervang de namen van de bestanden en vervang de bijschriften.

<gallery>
Afbeelding:Grotemarkt1.jpg|'''De Grote Markt'''
Afbeelding:Grotemarkt2.jpg|'''Grote Markt'''<br />([[Mechelen]])
</gallery>

<gallery style="margin-top:0 !important;">

<gallery style="margin-top:0 !important;margin-left:calc(2px + 78.5px * (

b

 - 

o

));">

(1 tot theoretisch onbeperkt aantal 'ingebedde' videolinks naast mekaar)
De lay-out past zowel bij <gallery> als bij de codes voor het kaartje en de afbeeldingen. Een marge rechts bleef bewust weg.

<div class="YtOnly YtNew">

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (1)<!--FORCEERT 2e BIJSCHRIFTLIJN:--><br /><br /></div>

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (2)<br/>met een te lang bijschrift voor 1 lijntje</div>

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (3)<br/>met een te lang bijschrift voor 1 lijntje</div>

</div><br />

<div class="YtTop YtNew">

<div class="YtA"><div class="YtB">
<youtube width="356" height="200">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 1, 1)<!--FORCEERT 2e BIJSCHRIFTLIJN:--><br /><br/></div>

<div class="YtA"><div class="YtB">
<youtube width="356" height="200">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 1, 2)<br />met een te lang bijschrift voor 1 lijntje</div>

</div><br />

<div class="YtBottom YtNew">

<div class="YtA"><div class="YtB">
<youtube width="356" height="200">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 2, 1)<br/>met een te lang bijschrift voor 1 lijntje</div>

<div class="YtA"><div class="YtB">
<youtube width="356" height="200">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 2, 2)<br />met een te lang bijschrift voor 1 lijntje</div>

</div><br />

<div class="YtZ" style="width:364px;"></div>

<div class="YtTop YtNew">

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 1, 1)<!--FORCEERT 2e BIJSCHRIFTLIJN:--><br /><br /></div>

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 1, 2)<br />met een te lang bijschrift voor 1 lijntje</div>

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 1, 3)<!--FORCEERT 2e BIJSCHRIFTLIJN:--><br /><br /></div>

</div><br />

<div class="YtMiddle YtNew">

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 2, 1)</div>

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 2, 2)</div>

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Rij 2, 3)</div>

</div><br />

<div class="YtBottom YtNew">

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Laatste rij, 1)<br />met een te lang bijschrift voor 1 lijntje</div>

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Laatste rij, 2)<br/>met een te lang bijschrift voor 1 lijntje</div>

<div class="YtA"><div class="YtB">
<youtube width="236" height="133">HNSXu5s1zS4</youtube></div>
Bart Somers op YouTube (Laatste rij, 3)<br />met een te lang bijschrift voor 1 lijntje</div>

</div><br />

<div class="YtZ" style="width:241px;"></div>

<div
 style="display:inline-block;border:1px solid silver;background-color:#fafafa;padding:4px 3px 0 4px;
 font-size:88%;font-weight:700;">
<div style="display:inherit;border:1px solid silver;text-align:center;margin:0 1px 4px 0;width:auto;"><!--
--><div style="margin:-1px -1px -.9em -1px;">
<youtube width="236" height="133">HNSXu5s1zS4</youtube><!--
--></div>
Bart Somers op YouTube<!--FORCEERT 2e BIJSCHRIFTLIJN:--><br /><br />
</div>
</div><br />

Videodiensten: De voorbeelden gelden voor YouTube. Voor ook andere videodiensten (services) hoeft men slechts de

<youtube width="  . . .  " height="  . . .  ">  . . .  </youtube>

te vervangen door:

<embedvideo service="  . . .  " dimensions="  . . .  x  . . .  ">  . . .  </embedvideo>

Hierin staan de getallen van de breedte (width) vó‍ ó‍ r en van de hoogte (height) na de 'x'. De in te vullen service name  vindt u hier.
Het resultaat zal identiek blijken (ook met een op Mechelen Mapt alsnog ongebruikelijk sjabloon voor 'embedvideo'), voor bijvoorbeeld:

<youtube width="236" height="133">YZAbIXKrIWo</youtube>
<embedvideo service="youtube" dimensions="236x133">YZAbIXKrIWo</embedvideo>

{{#ev:youtube|YZAbIXKrIWo|236x133}}

Bemerk in uitgeklapte voorbeelden de <br /><br /> aan het einde van een bijschrift; die levert een 2e lijn in het vakje. Die <br /><br /> is slechts nodig indien bij een video ernaast al een <br /> binnenin het bijschrift een 2e lijn zou veroorzaken; zo komen de kadertjes bovenaan netjes uitgelijnd te staan. Voor grotere onevenwichten volstaat 1 extra <br /> per extra lijn. Weet wel dat een bijschrift geen automatische woordomslag krijgt; een te lange lijn duwt  het videokader ongewenst breder.

Besef dat voor een typische breedbeeldvideo, 356x200 ofwel 236x133 past. Met deze waarden passen 2 groter getoonde video's netjes onder of boven 3 kleinere. In zeer ongebruikelijke gevallen zijn andere toegestaan mits deze exacte formule: Als er meer dan 1 videootje in 'Filmlinks' staat, moet in elke rij de som van de videobreedtes + 4 x het aantal verticale schotten er tussenin gelijk zijn aan 716; bij ongelijke videobreedtes valt de hoogte in principe te berekenen (of men stelt ze [deels] experimenteel vast).

Misfit: Indien de onderste rij video's te kort blijkt om rechts netjes uit te lijnen met die erboven, dient in die onderste rij {{YtFillL|param.1|param.2|param.3|param.4}} in de plaats te komen van gans de links ontbrekende <div class="YtA" ...>...</div> en zo ook {{YtFillR|etc.}} i.p.v. de rechts ontbrekende — zie Sjabloon:YtFillL en Sjabloon:YtFillR.

Dit past zowel bij <gallery> als bij de codes voor het kaartje, de afbeeldingen en de video's.

<br class="FrL" />

<div class="FrL">
<div class="FrCTop">'''Beeldhouwers''' (eventueel met ook andere bezigheden)</div>
{|class="Fr1"
|-
|class="Fr2"|<!--blanco-->
|Geboortedatum
|Geboren te
|Sterfdatum
|Overleden te
|-
|class="Fr2"|Gerard Laenen
|1899
|Mechelen
|1980
|Etterbeek
|-
|class="Fr2"|Frans Langhemans
|18 maart 1661
|Mechelen
|1720
|Mechelen
|-
|class="Fr2"|Conrad Meit
|1480
|Worms<br />(Duitsland)
|1550
|Antwerpen
|}
</div>

<div class="FrR">
{|class="Fr1"
|-class="Fr2"
|Naam
|Geboortedatum
|Geboren te
|Sterfdatum
|Overleden te
|-
|Gerard Laenen
|1899
|Mechelen
|1980
|Etterbeek
|-
|Frans Langhemans
|18 maart 1661
|Mechelen
|1720
|Mechelen
|-
|Conrad Meit
|1480
|Worms<br />(Duitsland)
|1550
|Antwerpen
|}
<div class="FrC">'''Beeldhouwers''' (eventueel met ook andere bezigheden)</div>
</div><br class="FrR" />

<div class="FrLR"><div>
<div class="FrCTop">'''Beeldhouwers''' (eventueel met ook andere bezigheden)</div>
{|class="Fr1"
|-class="Fr2"
|class="Fr2"|<!--blanco-->
|Geboortedatum
|Geboren te
|Sterfdatum
|Overleden te
|-
|class="Fr2"|Gerard Laenen
|1899
|Mechelen
|1980
|Etterbeek
|-
|class="Fr2"|Frans Langhemans
|18 maart 1661
|Mechelen
|1720
|Mechelen
|-
|class="Fr2"|Conrad Meit
|1480
|Worms<br />(Duitsland)
|1550
|Antwerpen
|}
</div></div><br class="FrLR" />

<div class="FrLR"><div>
<div class="FrCTop">'''Beeldhouwers''' (eventueel met ook andere bezigheden)</div>
{|class="Fr1"
|-
|Boeckstuyns, Jan Frans
|° 1650
|Mechelen
|† 1734
|Mechelen
|-class="Fr2"
|class="Fr1"|Laenen, Gerard
|class="Fr1"|° 1899
|class="Fr1"|Mechelen
|class="Fr1"|† 1980
|class="Fr1"|Etterbeek
|-
|Langhemans, Frans
|° 18 maart 1661
|Mechelen
|† 1720
|Mechelen
|-class="Fr2"
|class="Fr1"|Meit, Conrad
|class="Fr1"|° 1480
|class="Fr1"|Worms (Duitsland)
|class="Fr1"|† 1550
|class="Fr1"|Antwerpen
|-
|Turner, Jan Baptist
|° 1743
|Mechelen
|† 1818
|Mechelen
|-class="Fr2"
|class="Fr1"|van den Vliete, Gillis
|class="Fr1"|° 16e eeuw
|class="Fr1"|Mechelen
|class="Fr1"|† 1602
|class="Fr1"|Rome (Italië)
|-
|Van der Auwera, Jakob 
|° 17 februari 1672
|Mechelen
|† 20 februari 1760
|Würzburg (Duitsland)
|}
</div></div><br class="FrLR" />

Hiermee kan u grote stukken tekst verbergen:

<div class="NavFrame collapsed">
<div class="NavHead">'''Permanent zichtbare titel''' voor uitklapbare inhoud &#x20;</div>
<div class="NavContent">
Verborgen maar uitklapbare inhoud
</div>
</div>

Bemerk dat na uw aanpassing van de titel, daarachter nog steeds één spatie en "&#x20;" moet staan.

Deze code hoort na al de overige inhoud onderaan in elk artikel geplaatst te worden:

==Bronnen==
<div class="References">
<references />
</div>

==Voetnoten==
<div class="References">
<references group="N" />
</div>

[[Categorie:?]]

Vervang het vraagteken door de meest gepaste categorie die u vindt vanuit de linker kolom onder 'Onderwerpen' (te openen in een nieuwe 'tab' of browser). Eventueel kunnen meerdere [[Categorie|...]]-lijnen onder mekaar gepast zijn; kijk even in de geschikt lijkende Categorie of er inderdaad artikels zoals het uwe in voorkomen.

Uitsluitend indien een (of enige) bron(nen) (en/of zelden een voetnoot) betrekking heeft op aspecten die algemeen verspreid zijn over het hele artikel, voegt u meteen onder de relevante lijn <div class="References"> een extra lijn in met uiterst links een * (asterisk) waarachter u naar de bron refereert (zie tal van voorbeelden in bestaande artikels - er bestaat een sjabloon (te openen in een nieuwe 'tab' of browser) om correct naar een bron op het Internet te refereren).

De voor elke afbeelding facultatieve titel kan u boven- (FrCTop) en/of onderaan (FrC) zetten:

<div class="FrL">
<div class="FrCTop">'''Jan Kadodder en zijn maats''': de maten van Jan</div>
[[Afbeelding:Kadodder maats Sterckx 1998.jpg|300px]]<!--
--><div class="FrC">Dit werk van Karel Sterckx heeft ook een keerzijde...</div></div>
<div class="FrR"><!--
-->[[Afbeelding:Kadodder hemzelf Sterckx 1998.jpg|293px]]
<div class="FrC">'''Kadodder & maats''': Jans hoofd in de mesthoop</div>
</div>
Dit is een tekst die eventueel tussen de beide foto's in kan verschijnen of er althans aanvangen.

Dat gebeurt slechts indien er bij de breedte van het venster op uw scherm genoeg plaats voor is.

Dat gaat makkelijker met verkleinde afbeeldingen, door lage waarden in px (pixels) in te stellen.

<br class="FrR" />

  •

Demo: visualisering van de code hierboven:

---

Jan Kadodder en zijn maats: de maten van Jan

Dit werk van Karel Sterckx heeft ook een keerzijde...

Kadodder & maats: Jans hoofd in de mesthoop

Dit is een tekst die eventueel tussen de beide foto's in kan verschijnen of er althans aanvangen.

Dat gebeurt slechts indien er bij de breedte van het venster op uw scherm genoeg plaats voor is.

Dat gaat makkelijker met verkleinde afbeeldingen, door lage waarden in px (pixels) in te stellen.

---

Zie Sjabloon:attentie (vraag dat in nieuw venster of tab) voor syntaxvarianten:

{{Sjabloon:attentie|||Uw tekst hier.}}

{{Sjabloon:attentie|V|5ex|Uw tekst hier.}}