Algemeen

Een thema is een verzameling instellingen die de weergave van uw website bepalen. In een thema stelt u onder andere de lettertypes, kleuren en achtergronden in. 

Een thema wordt door ons omgezet in een zogenaamde CSS stylesheet. In een thema kunt u ook eventueel uw eigen CSS code invoeren. 

Een website heeft minimaal één thema nodig. Zonder thema kunt u geen website maken in e-Captain. Vaak worden meerdere thema's gebruikt voor de weergave van uw website.

Een thema wordt gekoppeld aan een lay-out om zo op hoofdniveau de styling (weergave) te bepalen. Maar een thema kan ook gekoppeld worden aan een pagina, rij of kolom waarmee u kunt afwijken van het standaard gebruikte thema.

 

Een thema aanmaken

  • Om thema's aan te maken kiest u in het Website dashboard in het blok Vormgeving voor de optie Thema's

 

websitebeheer-vormgeving-01

 

U ziet dan een overzicht van een of meerdere mappen waarin uw thema's staan.  

 

websitebeheer-vormgeving-02

 

  • Klik op de map om de map te openen en u ziet een overzicht van de thema's 

 

websitebeheer-vormgeving-03

 

  • Klik op de knop Toevoegen om een nieuw thema aan te maken.

 

websitebeheer-vormgeving-04

 

In een thema kunt u diverse instellingen maken. Nadat u het thema heeft opgeslagen ziet u de uitwerking van uw thema in het voorbeeld venster.

 

Thema onderdelen uitgelegd

Algemeen

websitebeheer-vormgeving-05

 

Naam Geef hier het thema een naam. Zorg dat het duidelijk is waarvoor dit thema dient.
Themakleur voorgrond Stel hier de voorgrond kleur in. Deze wordt o.a. gebruikt voor de tekstkleur van een knop.
Themakleur achtergrond Stel hier de achtergrond kleur in. Deze wordt o.a. gebruikt voor de kleur van een knop.

 

    Basis

    websitebeheer-vormgeving-08

     

    Normale tekst Selecteer hier de tekstkleur van uw standaard teksten (paragraaf teksten). Zorg hierbij voor voldoende contrast met uw standaard achtergrond kleur. Een donkere tekst op een lichte achtergrond werkt vaak het beste.
    Lettergrootte Stel hier de lettergrootte van uw standaard tekst in.
    Lettertype instellingen Klik op de knop uw het lettertype van uw standaard teksten in te stellen.

     

    Achtergrond

    websitebeheer-vormgeving-10

     

    Kleur Stel hier de achtergrond kleur in. Houdt hierbij rekening met de tekstkleuren die u gebruikt. 
    Afbeelding Indien u een afbeelding of foto als achtergrond wilt gebruiken kunt u hier de afbeelding selecteren.
    Verzameling Indien u een verzameling afbeeldingen wilt gebruiken als achtergrond dan kunt u hier de aangemaakte verzameling selecteren.
    Herhalen Selecteer hier hoe de achtergrond moet worden herhaalt. Deze instelling is alleen van toepassing indien u een achtergrond afbeelding of verzameling gebruikt.
    Verticale locatie Selecteer hier de verticale locatie indien u een achtergrond afbeelding of verzameling gebruikt. 
    Horizontale locatie Selecteer hier de horizontale locatie indien u een achtergrond afbeelding of verzameling gebruikt.
    Scrollen Selecteer hier of de achtergrond afbeelding moet mee scrollen of vast moet blijven staan.

     

    Links

    websitebeheer-vormgeving-11

     

    Link kleur Stel hier de kleur van de linktekst in.
    Link lettertype Stel hier het lettertype van de linktekst in.
    Link kleur bij mouseover Stel hier de kleur van de linktekst in wanneer de gebruiker met de muis over de link beweegt.
    Link lettertype bij mouseover Stel hier het lettertype van de linktekst in wanneer de gebruiker met de muis over de link beweegt.
    Link kleur bij bezochte link Stel hier de kleur van de linktekst in wanneer de gebruiker al een keer op de link heeft geklikt.
    Link lettertype bij bezochte link Stel hier het lettertype van de linktekst in wanneer de gebruiker al een keer op de link heeft geklikt.

     

     Kopteksten

    websitebeheer-vormgeving-12

     

    Koptekst Stel per koptekst de gewenste kleur in.
    Lettergrootte Stel per koptekst de gewenste grootte in.
    Lettertype instellingen Stel per koptekst het gewenste lettertype in.

     

    Knoppen

    websitebeheer-vormgeving-13

     

    Lettergrootte Stel hier de lettergrootte in van de knoptekst.
    Lettertype instellingen Stel hier het gewenste lettertype voor de knoptekst in.
    Afgeronde hoeken Selecteer hier of u de knop met afgeronde hoeken wilt weergeven. 

     

    Kantruimte

    websitebeheer-vormgeving-14

     

    Kantruimte boven Selecteer hier of u extra "witruimte" wilt gebruiken op onderdelen van uw website waar dit thema op van toepassing is.
    Kantruimte onder Selecteer hier of u extra "witruimte" wilt gebruiken op onderdelen van uw website waar dit thema op van toepassing is.
    Kantruimte links Selecteer hier of u extra "witruimte" wilt gebruiken op onderdelen van uw website waar dit thema op van toepassing is.
    Kantruimte rechts Selecteer hier of u extra "witruimte" wilt gebruiken op onderdelen van uw website waar dit thema op van toepassing is.

     

    Geavanceerde CSS

    websitebeheer-vormgeving-15

     

    Geavanceerde CSS Voeg hier eventueel uw eigen CSS code toe als u extra styling wilt toevoegen aan uw website.
     

    Kleuren instellen

    Op verschillende plaatsen kunt u een kleur instellen voor specifieke onderdelen zoals achtergrond kleuren en letter kleuren.

    • Voor het instellen van een kleur vult u de hexadecimale kleurcode in of klikt u op het gekleurde vierkantje.

     

    websitebeheer-vormgeving-06

     

    • Als u op het vierkantje heeft geklikt dan kunt u zelf met uw muis een kleur selecteren of alsnog de hexadecimale kleurcode invoeren.

     

    websitebeheer-vormgeving-07

     

    • Als u de juiste kleur heeft geselecteerd kunt u wegklikken van dit venster.

     

     

    Lettertype instellen

    Op verschillende plaatsen kunt u voor uw teksten het lettertype instellen. O.a. voor uw platte tekst, kopteksten en links.

    • Klik op de knop Lettertype instellingen om het gewenste lettertype in stellen.

     

    websitebeheer-vormgeving-09

     

    Soort lettertype Selecteer hier of u een standaard lettertype of een Google Webfont wilt gebruiken.
    Google Fonts lettertype Selecteer hier welk lettertype u wilt gebruiken. Indien u gekozen heeft voor een standaard lettertype kunt u hier het gewenste lettertype selecteren.
    Google Fonts stijl Selecteer hier de gewenste stijl van het Google lettertype. Indien u voor een standaard lettertype heeft gekozen ziet u hier een aantal andere instellen (vet/cursief)
    Onderstreept Selecteer hier of de tekst standaard onderstreept moet worden.
    Hoofdletters Selecteer hier of de tekst standaard in hoofdletters moet worden weergegeven.
    Toepassen op alle lettertypes Selecteer hier of u deze instellen op alle lettertypes wilt toepassen (kopteksten en links)

     

    • Klik op Opslaan om de lettertype instellingen op te slaan.

     


     

    Nog meer hulp nodig?

     

     

    Deze pagina is voor het laatst bijgewerkt op: 20 mei 2025

     
     
     
     
     
     

    Gratis uitproberen

    Dé ideale software oplossing om uw vereniging te ontzorgen en professionaliseren!

    Gratis uitproberen

    Contact

    Hambakenwetering 15

    5231 DD 's-Hertogenbosch

    073 - 614 14 40

    ksedpleh.[antispam].@e-captain.nl

    Werken bij DISPI

    Trainingen

    Haal meer uit e-Captain!

    Wij bieden verschillende basis trainingen aan waarbij u op toegankelijke wijze leert werken met e-Captain.

    Trainingen

    Volg ons