Help:Kleurgebruik: verschil tussen versies

Uit LinuxMintNL WiKi
Ga naar: navigatie, zoeken
(Nieuw)
 
(rechtsmenu)
 
(4 tussenliggende versies door dezelfde gebruiker niet weergegeven)
Regel 1: Regel 1:
−
{{Bgn}}
+
{{MenuRechts| Snelcursus onderdelen| {{SCbewerk1}}| [[Help:Snelcursus|Snelcursus]]}}
−
Voor het '''kleur gebruik''' bestaan verschillende manieren om die in de wiki te tonen.
+
{{KopDun|'''Kleuren gebruiken''' in tekst en achtergrond}}
 +
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.
  
−
In de [[Help:Kleurtabel|keur tabel]] staan de kleuren die kunnen worden gebruikt.
+
Kleuren worden vermeld met hun Engelse benaming, of met een hexadecimale kleurgetallen waarmee veel meer tinten mogelijk zijn.
  
 
==Tekst==
 
==Tekst==
 +
;Tekstkleur
 +
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>.
  
−
==lijsten==
+
;Achtergrondkleur
 +
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>
  
−
==Tabellen==
+
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>
  
−
[[Categorie:Snelcursus ]]
+
== Tabellen en lijsten ==
 +
; Kader, cellen, tekst en achtergrond
 +
:Onderstaande code:
 +
<pre>
 +
{| style="border:1px solid red;"
 +
|+ met kop
 +
|-
 +
| 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%;"
 +
|+ <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
 +
|-
 +
|}
 +
</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 ==
 +
* [[Help:Kleurtabel|keur tabel]] voor kleuren en kleurcodes die kunnen worden gebruikt.
 +
* [[Help:LijstenTabellen|Lijsten en tabel]] voor het ordelijk plaatsen van gegevens.
 +
 
 +
[[Categorie:Snelcursus]]

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"