Sjabloon:TekstAchtergrondRand: verschil tussen versies
Uit Wiki Raamsdonks Erfgoed
Geen bewerkingssamenvatting |
k (1 versie geïmporteerd) |
||
(2 tussenliggende versies door 2 gebruikers niet weergegeven) | |||
Regel 1: | Regel 1: | ||
<div style="line-height:135%;background-color:{{{1|lavender}}};border:{{{2|dotted}}} {{{3|thin}}} {{{4|darkslategray}}};border-radius:{{{5|8}}}px;color:{{{6|black}}};padding-left:0. | <div style="line-height:135%;background-color:{{{1|lavender}}};border:{{{2|dotted}}} {{{3|thin}}} {{{4|darkslategray}}};border-radius:{{{5|8}}}px;color:{{{6|black}}};padding-left:0.2em;padding-right:0.2em;padding-top:0.1em;padding-bottom:0.1em;"><noinclude></div>{{Sjablooninfo|1= | ||
== Doel TekstAchtergrondRand == | == Doel TekstAchtergrondRand == | ||
Plaatst een gekleurde achtergrond en een gekleurd kader om een tekst van 1 of meer alinea's. | Plaatst een gekleurde achtergrond en een gekleurd kader om een tekst van 1 of meer alinea's. | ||
Regel 6: | Regel 6: | ||
<pre>{{TekstAchtergrondRand|(1)|(2)|(3)|(4)|(5)}}</pre> | <pre>{{TekstAchtergrondRand|(1)|(2)|(3)|(4)|(5)}}</pre> | ||
met: | met: | ||
* (1) = '''background-color''': [[Default (software)|defaultwaarde]] = ''lavender'' | * (1) = '''background-color''': [[Default (software)|defaultwaarde]] = ''lavender''; ''transparent'' → doorschijnende achtergrond | ||
* '''border''': | * '''border''' (rand): | ||
*:(2) = type; ''solid,dotted,dashed,double''; defaultwaarde = ''dotted'' | *:(2) = type rand; ''solid, dotted, dashed, double''; defaultwaarde = ''dotted'' | ||
*:(3) = dikte; ''thin,thick,medium''; defaultwaarde = ''thin'' | *:(3) = dikte van de rand; ''thin, thick, medium''; defaultwaarde = ''thin'' | ||
*:(4) = kleur; defaultwaarde = ''darkslategray'' | *:(4) = kleur achtergrond; defaultwaarde = ''darkslategray''; ''transparent'' → doorschijnende rand | ||
* (5) = '''border-radius''': default = ''8'' (8 ≈ matige ronding; 1 = rechthoekig) | * (5) = '''border-radius''' in px: default = ''8'' (8 ≈ matige ronding; 1 = rechthoekig) | ||
Gebruik de [[lijst van HTML-kleuren]] voor de namen van de kleuren of de [[RGB-kleursysteem|RGB-codes]]. | Gebruik de [[lijst van HTML-kleuren]] voor de namen van de kleuren of de [[RGB-kleursysteem|RGB-codes]]. | ||
Regel 24: | Regel 24: | ||
* {{TekstAchtergrondRand|lightcyan|dotted|medium}}<nowiki>{{TekstAchtergrondRand|lightcyan|dotted|medium}}</nowiki> <small>... hier de tekst ...</small> <nowiki></div></nowiki></div> | * {{TekstAchtergrondRand|lightcyan|dotted|medium}}<nowiki>{{TekstAchtergrondRand|lightcyan|dotted|medium}}</nowiki> <small>... hier de tekst ...</small> <nowiki></div></nowiki></div> | ||
* {{TekstAchtergrondRand|lightcyan|dashed|medium|green}}<nowiki>{{TekstAchtergrondRand|lightcyan|dashed|medium|green}}</nowiki> <small>... hier de tekst ...</small> <nowiki>{{einde}}</nowiki>{{einde}} | * {{TekstAchtergrondRand|lightcyan|dashed|medium|green}}<nowiki>{{TekstAchtergrondRand|lightcyan|dashed|medium|green}}</nowiki> <small>... hier de tekst ...</small> <nowiki>{{einde}}</nowiki>{{einde}} | ||
* met de kleur "transparent" voor de achtergrond: | * met de kleur "transparent" (doorschijnend) voor de achtergrond: | ||
** {{TekstAchtergrondRand|transparent}}<nowiki>{{TekstAchtergrondRand|transparent}}</nowiki> <small>... hier de tekst ...</small> <nowiki></div></nowiki></div> | ** {{TekstAchtergrondRand|transparent}}<nowiki>{{TekstAchtergrondRand|transparent}}</nowiki> <small>... hier de tekst ...</small> <nowiki></div></nowiki></div> | ||
** {{TekstAchtergrondRand|transparent|dotted|medium|blue|8}}<nowiki>{{TekstAchtergrondRand|transparent|dotted|medium|blue|8}}</nowiki> <small>... hier de tekst ...</small> <nowiki>{{einde}}</nowiki>{{einde}} | ** {{TekstAchtergrondRand|transparent|dotted|medium|blue|8}}<nowiki>{{TekstAchtergrondRand|transparent|dotted|medium|blue|8}}</nowiki> <small>... hier de tekst ...</small> <nowiki>{{einde}}</nowiki>{{einde}} | ||
Regel 31: | Regel 31: | ||
** {{TekstAchtergrondRand|lightcyan|solid|medium|transparent}}<nowiki>{{TekstAchtergrondRand|lightcyan|solid|medium|transparent}}</nowiki> <small>... hier de tekst ...</small> <nowiki>{{einde}}</nowiki>{{einde}} | ** {{TekstAchtergrondRand|lightcyan|solid|medium|transparent}}<nowiki>{{TekstAchtergrondRand|lightcyan|solid|medium|transparent}}</nowiki> <small>... hier de tekst ...</small> <nowiki>{{einde}}</nowiki>{{einde}} | ||
Let op: Maak het niet te bont | Let op: Maak het niet te bont en gebruik lichte, niet te heldere achtergrondkleuren. Laat vooral de tekst spreken en niet de kleuren. | ||
== Afgeleid van == | == Afgeleid van == | ||
:{{TekstAchtergrondRand|orange|solid|thick|darkorange|1}} | Dit sjabloon is mede afgeleid van: | ||
:{{TekstAchtergrondRand|lightblue|solid|thin|transparent}} | :{{TekstAchtergrondRand|orange|solid|thick|darkorange|1}}het sjabloon <nowiki>{{Oranje}}</nowiki> (en vergelijkbare kleuren),{{einde}} | ||
:{{TekstAchtergrondRand|transparent|dotted|medium|navy|12}} | van | ||
:{{TekstAchtergrondRand|lightblue|solid|thin|transparent}}het sjabloon <nowiki>{{Tekstachtergrond}}</nowiki>,{{einde}} | |||
en van | |||
:{{TekstAchtergrondRand|transparent|dotted|medium|navy|12}}het sjabloon <nowiki>{{Tekstrand}}</nowiki>.{{einde}} | |||
}} | }} | ||
[[Categorie:Wikipedia:Sjablonen kleuren]] | [[Categorie:Wikipedia:Sjablonen kleuren]] | ||
[[Categorie:Wikipedia:Sjablonen opmaak|TekstAchtergrondRand]] | [[Categorie:Wikipedia:Sjablonen opmaak|TekstAchtergrondRand]] | ||
</noinclude> | </noinclude> |
Huidige versie van 26 mrt 2024 om 13:05
De sjabloonbeschrijving hieronder wordt niet afgebeeld wanneer het sjabloon wordt geplaatst
Doel TekstAchtergrondRand
Plaatst een gekleurde achtergrond en een gekleurd kader om een tekst van 1 of meer alinea's.
Gebruik TekstAchtergrondRand
{{TekstAchtergrondRand|(1)|(2)|(3)|(4)|(5)}}
met:
- (1) = background-color: defaultwaarde = lavender; transparent → doorschijnende achtergrond
- border (rand):
- (2) = type rand; solid, dotted, dashed, double; defaultwaarde = dotted
- (3) = dikte van de rand; thin, thick, medium; defaultwaarde = thin
- (4) = kleur achtergrond; defaultwaarde = darkslategray; transparent → doorschijnende rand
- (5) = border-radius in px: default = 8 (8 ≈ matige ronding; 1 = rechthoekig)
Gebruik de lijst van HTML-kleuren voor de namen van de kleuren of de RGB-codes.
Let op: {{TekstAchtergrondRand}} afsluiten met {{einde}} of </div>
Voorbeelden TekstAchtergrondRand
Voorbeelden met niet-ingevulde parameters:
- {{TekstAchtergrondRand}} (hier zijn geen parameters ingevuld) ... hier de tekst ... {{einde}}
Dit komt overeen met {{TekstAchtergrondRand|lavender|dotted|thin|darkslategray|8}} ... hier de tekst ...{{einde}} - {{TekstAchtergrondRand|lightcyan}} ... hier de tekst ... </div>
- {{{TekstAchtergrondRand|lightcyan|dashed}} ... hier de tekst ... {{einde}}
- {{TekstAchtergrondRand|lightcyan|dotted|medium}} ... hier de tekst ... </div>
- {{TekstAchtergrondRand|lightcyan|dashed|medium|green}} ... hier de tekst ... {{einde}}
- met de kleur "transparent" (doorschijnend) voor de achtergrond:
- {{TekstAchtergrondRand|transparent}} ... hier de tekst ... </div>
- {{TekstAchtergrondRand|transparent|dotted|medium|blue|8}} ... hier de tekst ... {{einde}}
- met de kleur "transparent" voor de rand:
- {{TekstAchtergrondRand|lightcyan|solid|medium|transparent}} ... hier de tekst ... </div>
- {{TekstAchtergrondRand|lightcyan|solid|medium|transparent}} ... hier de tekst ... {{einde}}
Let op: Maak het niet te bont en gebruik lichte, niet te heldere achtergrondkleuren. Laat vooral de tekst spreken en niet de kleuren.
Afgeleid van
Dit sjabloon is mede afgeleid van:
- het sjabloon {{Oranje}} (en vergelijkbare kleuren),
van
- het sjabloon {{Tekstachtergrond}},
en van
- het sjabloon {{Tekstrand}}.