Help:Kleurgebruik: verschil tussen versies

Uit LinuxMintNL WiKi
Ga naar: navigatie, zoeken
(Aangevuld en aangepast)
(rechtsmenu)
 
(2 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
{{WIU}}
+
{{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> 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>.
+
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> 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>.
+
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> zoals hier en erna <code><nowiki></span></nowiki></code> wat resulteert in <span style="background-color:lightgrey;"> zoals hier en erna </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:
 
:Onderstaande code:
<nowiki>
+
<pre>
{| style="border:1px solid red;"</nowiki>
+
{| style="border:1px solid red;"
 
+
|+ met kop
 
|-
 
|-
 
 
| Onderwerp één || Onderwerp twee
 
| Onderwerp één || Onderwerp twee
 
 
|-
 
|-
 
 
| Onderwerp drie | Onderwerp vier
 
| Onderwerp drie | Onderwerp vier
 
 
|-
 
|-
 +
|}
 +
</pre>
  
|}
+
:maakt de volgende tabel:
:Toont dit:
 
 
{| style="border:1px solid red;"
 
{| style="border:1px solid red;"
 +
|+ met kop
 +
|-
 +
| Onderwerp één || Onderwerp twee
 
|-
 
|-
| Onderwerp één || Onderwerp twee
+
| Onderwerp drie | Onderwerp vier
|-
 
| Onderwerp drie | Onderwerp vier
 
 
|-
 
|-
 
|}
 
|}
  
:En deze code:
+
:En de code hieronder:
<nowiki>
+
<pre>
{| style="background:yellow; color:green; width:50%;"</nowiki>
+
{| style="background:yellow; color:green; width:50%;"
 
+
|+ <div style="background-color:lightgrey; color:red;"> En een kopregel </div>
 
|-  
 
|-  
 
+
| abc
| abc || def || ghi
+
| 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>
:Toont dit:
+
:Gebruikt ook kleuren:
 
{| 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
Regel 74: Regel 79:
 
|-
 
|-
 
|}
 
|}
 +
 +
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