SchuldhulpHulp:Technische tips: verschil tussen versies

3.519 bytes toegevoegd ,  15 jan 2021 17:44
geen bewerkingssamenvatting
Regel 2: Regel 2:
OP deze pagina staan een aantal tips m.b.t. het opmaken van bestanden.  
OP deze pagina staan een aantal tips m.b.t. het opmaken van bestanden.  


=== Uploaden plaatjes ===
===Uploaden plaatjes===
==== Nieuw plaatje ====
====Nieuw plaatje====
Het uploaden van plaatjes gaat op zich eenvoudig mits je de volgende uitgangspunten hanteert:
Het uploaden van plaatjes gaat op zich eenvoudig mits je de volgende uitgangspunten hanteert:
<gallery>
<gallery>
Regel 9: Regel 9:
Bestand:2021-01-15_11-45-48.jpg|bestandupload scherm 1
Bestand:2021-01-15_11-45-48.jpg|bestandupload scherm 1
</gallery>
</gallery>
* <img alt="" src="/wiki/images/thumb/d/d9/2021-01-15_11-40-20.jpg/120px-2021-01-15_11-40-20.jpg" decoding="async" width="120" height="63" srcset="/wiki/images/thumb/d/d9/2021-01-15_11-40-20.jpg/180px-2021-01-15_11-40-20.jpg 1.5x, /wiki/images/thumb/d/d9/2021-01-15_11-40-20.jpg/240px-2021-01-15_11-40-20.jpg 2x"> bestandupload scherm 1
* <img alt="" src="/wiki/images/thumb/4/4f/2021-01-15_11-45-48.jpg/120px-2021-01-15_11-45-48.jpg" decoding="async" width="120" height="63" srcset="/wiki/images/thumb/4/4f/2021-01-15_11-45-48.jpg/180px-2021-01-15_11-45-48.jpg 1.5x, /wiki/images/thumb/4/4f/2021-01-15_11-45-48.jpg/240px-2021-01-15_11-45-48.jpg 2x"> bestandupload scherm 1
* <img alt="" src="/wiki/images/thumb/d/d9/2021-01-15_11-40-20.jpg/120px-2021-01-15_11-40-20.jpg" decoding="async" width="120" height="63" srcset="/wiki/images/thumb/d/d9/2021-01-15_11-40-20.jpg/180px-2021-01-15_11-40-20.jpg 1.5x, /wiki/images/thumb/d/d9/2021-01-15_11-40-20.jpg/240px-2021-01-15_11-40-20.jpg 2x"> bestandupload scherm 1
* <img alt="" src="/wiki/images/thumb/4/4f/2021-01-15_11-45-48.jpg/120px-2021-01-15_11-45-48.jpg" decoding="async" width="120" height="63" srcset="/wiki/images/thumb/4/4f/2021-01-15_11-45-48.jpg/180px-2021-01-15_11-45-48.jpg 1.5x, /wiki/images/thumb/4/4f/2021-01-15_11-45-48.jpg/240px-2021-01-15_11-45-48.jpg 2x"> bestandupload scherm 1
====Bestaand plaatje====
====Bestaand plaatje====
=====Alternatief met het edit source scherm=====
Neem de teksteditor (dus edit source). Open een tweede browservenster en ga naar het overzicht van de mediabestanden: zie [[Speciaal:Bestandenlijst|hier]]. Kopieer de naam van de pagina zoals hieronder aangegeven:
Neem de teksteditor (dus edit source). Open een tweede browservenster en ga naar het overzicht van de mediabestanden: zie [[Speciaal:Bestandenlijst|hier]]. Kopieer de naam van de pagina zoals hieronder aangegeven:
[[Bestand:BestandsNaamPagina.jpg|600px|miniatuur|left|Detailpagina bestand]]
[[Bestand:BestandsNaamPagina.jpg|600px|miniatuur|left|Detailpagina bestand]]
Regel 39: Regel 50:




Ga nu terug naar het venster van de vorige pagina en voer op de plaats waar je het plaatje de volgende code in:[[Bestand:BestandsNaamPagina.jpg|<span style="background-color: rgb(255, 0, 0); color: rgb(255, 255, 255);" data-mce-style="background-color: #ff0000; color: #ffffff;">600px</span>|<span style="background-color: rgb(255, 255, 153);" data-mce-style="background-color: #ffff99;">miniatuur</span>|<span style="background-color: rgb(204, 255, 255);" data-mce-style="background-color: #ccffff;">left</span>|<span style="background-color: rgb(255, 204, 153);" data-mce-style="background-color: #ffcc99;">Detailpagina bestand</span>]].UItleg:
<span style="background-color: #ff0000; color: #ffffff;" data-mce-style="background-color: #ff0000; color: #ffffff;">600px:              Format van het plaatje (horizontaal, verticaal wordt meteen aangepast)</span>
<span style="background-color: rgb(255, 0, 0); color: rgb(0, 0, 0);" data-mce-style="background-color: #ff0000; color: #000000;"><span style="background-color: #ffff99;" data-mce-style="background-color: #ffff99;">miniatuur:  </span></span><span style="background-color: rgb(255, 0, 0); color: rgb(0, 0, 0);" data-mce-style="background-color: #ff0000; color: #000000;"><span style="background-color: #ffff99;" data-mce-style="background-color: #ffff99;">          Vormgeving van het plaatje</span></span>
<span style="background-color: rgb(255, 0, 0); color: rgb(0, 0, 0);" data-mce-style="background-color: #ff0000; color: #000000;"><span style="background-color: #ffff99;" data-mce-style="background-color: #ffff99;"><span style="background-color: #ccffff;" data-mce-style="background-color: #ccffff;">left:                Uitlijning van het plaatje</span></span></span>




Ga nu terug naar het venster van de vorige pagina en voer op de plaats waar je het plaatje de volgende code in:
<span style="background-color: rgb(255, 0, 0); color: rgb(0, 0, 0);" data-mce-style="background-color: #ff0000; color: #000000;"><span style="background-color: #ffff99;" data-mce-style="background-color: #ffff99;"><span style="background-color: #ccffff;" data-mce-style="background-color: #ccffff;"><span style="background-color: #ffcc99;" data-mce-style="background-color: #ffcc99;">Detailpagina bestand:  Bijschrift</span></span></span></span>