Help:Kleurgebruik: verschil tussen versies
(Aangevuld en aangepast) |
(Aangevuld en aangepast) |
||
Regel 1: | Regel 1: | ||
− | {{ | + | {{WIU}} |
{{KopDun|'''Kleuren gebruiken''' in tekst en achtergrond}}{{NaarSnelcursus}} | {{KopDun|'''Kleuren gebruiken''' in tekst en achtergrond}}{{NaarSnelcursus}} | ||
Voor het '''kleur gebruik''' bestaan verschillende manieren om die in de wiki te tonen. | Voor het '''kleur gebruik''' bestaan verschillende manieren om die in de wiki te tonen. | ||
Regel 11: | Regel 11: | ||
==Tekst== | ==Tekst== | ||
* '''Tekstkleur''' | * '''Tekstkleur''' | ||
− | Om een tekst een kleur te geven typ je voor een woord <code><nowiki><font color="red"></nowiki></code> en erna <code><nowiki></font></nowiki></code> wat resulteert in een | + | Om een tekst een kleur te geven typ je voor een woord <code><nowiki><font color="red"></nowiki></code> zoals dat hier het geval is, en erna <code><nowiki></font></nowiki></code> wat resulteert in een rode tekst <font color="red">zoals dat hier het geval is, en erna</font>. |
* '''Achtergrondkleur''' | * '''Achtergrondkleur''' | ||
− | Om een achtergrond van een tekst te kleuren typ je voor de tekst <code><nowiki><div style="background-color:lightgrey;"></nowiki></code> en erna <code><nowiki></div></nowiki></code> wat resulteert in <div style="background-color:lightgrey;">hetgeen hier het geval is | + | Om een achtergrond van een tekst te kleuren typ je voor de tekst <code><nowiki><div style="background-color:lightgrey;"></nowiki></code> hetgeen hier het geval is, en erna <code><nowiki></div></nowiki></code> wat resulteert in <div style="background-color:lightgrey;">hetgeen hier het geval is, en erna</div>. |
− | Een andere optie is <code><nowiki><span style="background-color:lightgrey;"></nowiki></code> en erna <code><nowiki></span></nowiki></code> wat resulteert in <span style="background-color:lightgrey;"> | + | Een andere optie is <code><nowiki><span style="background-color:lightgrey;"></nowiki></code> zoals hier en erna <code><nowiki></span></nowiki></code> wat resulteert in <span style="background-color:lightgrey;"> zoals hier en erna </span> |
== Tabellen en lijsten == | == Tabellen en lijsten == | ||
− | + | ; Kader, cellen, tekst en achtergrond | |
+ | :Onderstaande code: | ||
+ | <nowiki> | ||
+ | {| style="border:1px solid red;"</nowiki> | ||
+ | |||
+ | |- | ||
+ | |||
+ | | Onderwerp één || Onderwerp twee | ||
+ | |||
+ | |- | ||
+ | |||
+ | | Onderwerp drie | Onderwerp vier | ||
+ | |||
+ | |- | ||
+ | |||
+ | |} | ||
+ | :Toont dit: | ||
{| style="border:1px solid red;" | {| style="border:1px solid red;" | ||
+ | |- | ||
| Onderwerp één || Onderwerp twee | | Onderwerp één || Onderwerp twee | ||
|- | |- | ||
| Onderwerp drie | Onderwerp vier | | Onderwerp drie | Onderwerp vier | ||
|- | |- | ||
+ | |} | ||
+ | |||
+ | :En deze code: | ||
+ | <nowiki> | ||
+ | {| style="background:yellow; color:green; width:50%;"</nowiki> | ||
+ | |||
+ | |- | ||
+ | |||
+ | | abc || def || ghi | ||
+ | |||
+ | |- style="background:red; color:white" | ||
+ | |||
+ | | jkl || mno || pqr | ||
+ | |||
+ | |- | ||
+ | |||
+ | | stu || style="background:#C1C1C1" | vwx || yz | ||
+ | |||
+ | |- | ||
+ | |||
+ | |} | ||
+ | |||
+ | :Toont dit: | ||
{| style="background:yellow; color:green; width:50%;" | {| style="background:yellow; color:green; width:50%;" | ||
|- | |- | ||
Regel 32: | Regel 72: | ||
|- | |- | ||
| stu || style="background:#C1C1C1" | vwx || yz | | stu || style="background:#C1C1C1" | vwx || yz | ||
+ | |- | ||
|} | |} | ||
− | |||
− | |||
== Zie ook == | == Zie ook == |
Versie van 23 jan 2015 om 02:07
Voor het kleur gebruik bestaan verschillende manieren om die in de wiki te tonen.
Hiervoor is HTML en wiki code voor nodig.
De code die hiervoor moet worden gebruikt is afhankelijk van de plaats waar de kleuren worden gebruikt.
Kleuren vul je in met hun Engelse benaming of met hexadecimale kleurgetallen waarmee vele tinten mogelijk zijn.
Tekst
- Tekstkleur
Om een tekst een kleur te geven typ je voor een woord <font color="red">
zoals dat hier het geval is, en erna </font>
wat resulteert in een rode tekst zoals dat hier het geval is, en erna.
- Achtergrondkleur
<div style="background-color:lightgrey;">
hetgeen hier het geval is, en erna </div>
wat resulteert in Een andere optie is <span style="background-color:lightgrey;">
zoals hier en erna </span>
wat resulteert in zoals hier en erna
Tabellen en lijsten
- Kader, cellen, tekst en achtergrond
- Onderstaande code:
{| style="border:1px solid red;"
|-
| Onderwerp één || Onderwerp twee
|-
| Onderwerp drie | Onderwerp vier
|-
|}
- Toont dit:
Onderwerp één | Onderwerp twee |
Onderwerp vier |
- En deze code:
{| style="background:yellow; color:green; width:50%;"
|-
| abc || def || ghi
|- style="background:red; color:white"
| jkl || mno || pqr
|-
| stu || style="background:#C1C1C1" | vwx || yz
|-
|}
- Toont dit:
abc | def | ghi |
jkl | mno | pqr |
stu | vwx | yz |
Zie ook
- keur tabel voor kleuren en kleurcodes die kunnen worden gebruikt.
- Lijsten en tabel voor het ordelijk plaatsen van gegevens.