Help:Kleurgebruik: verschil tussen versies

Uit LinuxMintNL WiKi
Ga naar: navigatie, zoeken
(Aangevuld en aangepast)
(Aangevuld en aangepast)
Regel 1: Regel 1:
{{Bgn}}
+
{{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 rood woord <font color="red">zoals dat hier het geval is</font>.
+
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.</div>
+
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;">hetgeen hier het geval is.</span>
+
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'''
+
; 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

Sjabloon:WIU

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

1leftarrow.png Terug naar de Snelcursus

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
Om een achtergrond van een tekst te kleuren typ je voor de tekst <div style="background-color:lightgrey;"> hetgeen hier het geval is, en erna </div> wat resulteert in
hetgeen hier het geval is, en erna
.

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