Help:Kleurgebruik: verschil tussen versies

Uit LinuxMintNL WiKi
Ga naar: navigatie, zoeken
(Aangevuld en aangepast)
(rechtsmenu)
 
(3 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
−
{{Bgn}}
+
{{MenuRechts| Snelcursus onderdelen| {{SCbewerk1}}| [[Help:Snelcursus|Snelcursus]]}}
−
{{KopDun|'''Kleuren gebruiken''' in tekst en achtergrond}}{{NaarSnelcursus}}
+
{{KopDun|'''Kleuren gebruiken''' in tekst en achtergrond}}
−
Voor het '''kleur gebruik''' bestaan verschillende manieren om die in de wiki te tonen.
+
Voor het '''kleur gebruik''' in de wiki kunnen verschillende manieren worden gebruikt.
  
−
Hiervoor is HTML en wiki code voor nodig.
+
Hiervoor is echter wel HTML en/of wiki code nodig die altijd een ''open'' en ''sluit'' tag hebben of in een afgesloten ''style'' omschrijving is gecodeerd.
  
−
De code die hiervoor moet worden gebruikt is afhankelijk van de plaats waar de kleuren worden gebruikt.
+
De code die hiervoor moet worden gebruikt is afhankelijk van de plaats waar de kleuren gewenst zijn.
  
−
Kleuren vul je in met hun Engelse benaming of met hexadecimale kleurgetallen waarmee vele tinten mogelijk zijn.
+
Kleuren worden vermeld met hun Engelse benaming, of met een hexadecimale kleurgetallen waarmee veel meer tinten mogelijk zijn.
  
 
==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 rood woord <font color="red">zoals dat hier het geval is</font>.
+
Om een tekst een kleur te geven kan de volgende code worden gebruikt:
 +
:<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.</div>
+
Om de achtergrond van een tekstregel te kleuren worden hier twee voorbeelden getoond.
 +
:<code><nowiki><div style="background-color:lightgrey;"></nowiki></code> hier het eerste voorbeeld <code><nowiki></div></nowiki></code>
 +
:wat resulteert in een volledig gekleurde regel
 +
:<div style="background-color:lightgrey;"> hier het eerste voorbeeld </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;">hetgeen hier het geval is.</span>
+
Een andere optie is  
 +
:<code><nowiki><span style="background-color:lightgrey;"></nowiki></code> en dit is het tweede voorbeeld <code><nowiki></span></nowiki></code>
 +
:wat resulteert in alleen een gekleurde tekstachtergrond
 +
:<span style="background-color:lightgrey;"> en dit is het tweede voorbeeld </span>
  
 
== Tabellen en lijsten ==
 
== Tabellen en lijsten ==
−
* '''Kader, cellen, tekst en achtergrond'''
+
; Kader, cellen, tekst en achtergrond
 +
:Onderstaande code:
 +
<pre>
 
{| style="border:1px solid red;"
 
{| style="border:1px solid red;"
−
| Onderwerp één || Onderwerp twee
+
|+ met kop
−
|-
 
−
| Onderwerp drie | Onderwerp vier
 
 
|-
 
|-
 +
| Onderwerp één || Onderwerp twee
 +
|-
 +
| Onderwerp drie | Onderwerp vier
 +
|-
 +
|}
 +
</pre>
 +
 +
:maakt de volgende tabel:
 +
{| style="border:1px solid red;"
 +
|+ met kop
 +
|-
 +
| Onderwerp één || Onderwerp twee
 +
|-
 +
| Onderwerp drie | Onderwerp vier
 +
|-
 +
|}
 +
 +
:En de code hieronder:
 +
<pre>
 
{| style="background:yellow; color:green; width:50%;"
 
{| style="background:yellow; color:green; width:50%;"
 +
|+ <div style="background-color:lightgrey; color:red;"> En een kopregel </div>
 
|-  
 
|-  
−
| abc || def || ghi
+
| abc
 +
| def
 +
| ghi
 
|- style="background:red; color:white"
 
|- style="background:red; color:white"
 
| jkl || mno || pqr
 
| jkl || mno || pqr
 
|-
 
|-
 
| stu || style="background:#C1C1C1" | vwx || yz
 
| stu || style="background:#C1C1C1" | vwx || yz
 +
|-
 
|}
 
|}
 +
</pre>
 +
:Gebruikt ook kleuren:
 +
{| style="background:yellow; color:green; width:50%;"
 +
|+ <div style="background-color:lightgrey; color:red;"> En een kopregel </div>
 +
|-
 +
| abc
 +
| def
 +
| ghi
 +
|- style="background:red; color:white"
 +
| jkl || mno || pqr
 +
|-
 +
| stu || style="background:#C1C1C1" | vwx || yz
 +
|-
 
|}
 
|}
  
 +
Let ook op de enkele en dubbele staande strepen.
  
 
== Zie ook ==
 
== Zie ook ==

Huidige versie van 18 jan 2018 om 04:07

Snelcursus onderdelen

Portaal Snelcursus

Kleuren gebruiken in tekst en achtergrond
Linux Mint Wiki NL, sinds juni 2014 online, onderdeel van de Nederlandse Local Community van Linux Mint

Voor het kleur gebruik in de wiki kunnen verschillende manieren worden gebruikt.

Hiervoor is echter wel HTML en/of wiki code nodig die altijd een open en sluit tag hebben of in een afgesloten style omschrijving is gecodeerd.

De code die hiervoor moet worden gebruikt is afhankelijk van de plaats waar de kleuren gewenst zijn.

Kleuren worden vermeld met hun Engelse benaming, of met een hexadecimale kleurgetallen waarmee veel meer tinten mogelijk zijn.

Tekst

Tekstkleur

Om een tekst een kleur te geven kan de volgende code worden gebruikt:

<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

Om de achtergrond van een tekstregel te kleuren worden hier twee voorbeelden getoond.

<div style="background-color:lightgrey;"> hier het eerste voorbeeld </div>
wat resulteert in een volledig gekleurde regel
hier het eerste voorbeeld

Een andere optie is

<span style="background-color:lightgrey;"> en dit is het tweede voorbeeld </span>
wat resulteert in alleen een gekleurde tekstachtergrond
en dit is het tweede voorbeeld

Tabellen en lijsten

Kader, cellen, tekst en achtergrond
Onderstaande code:
{| style="border:1px solid red;"
|+ met kop
|-
| Onderwerp één || Onderwerp twee
|-
| Onderwerp drie | Onderwerp vier
|-
|}
maakt de volgende tabel:
met kop
Onderwerp één Onderwerp twee
Onderwerp vier
En de code hieronder:
{| style="background:yellow; color:green; width:50%;"
|+ <div style="background-color:lightgrey; color:red;"> En een kopregel </div>
|- 
| abc
| def
| ghi
|- style="background:red; color:white"
| jkl || mno || pqr
|-
| stu || style="background:#C1C1C1" | vwx || yz
|-
|}
Gebruikt ook kleuren:

En een kopregel

abc def ghi
jkl mno pqr
stu vwx yz

Let ook op de enkele en dubbele staande strepen.

Zie ook

Overgenomen van "http://wiki.linuxmintnl.nl/index.php?title=Help:Kleurgebruik&oldid=6417"