Lijst

Met het lijstblok kan je geordende en ongeordende lijsten maken.

1. Hoe voeg ik het blok toe? #

Klik op het icoon in de hoofdnavigatie of in het contentgebied. Typ ‘lijst’ en/of klik op het paragraaf blokicoon om het toe te voegen.

2. Blokwerkbalk #

De werkbalk van het lijstblok

Selecteer het blok zodat de blokwerkbalk weergegeven wordt. Hieronder leggen we uit wat elke functie in de blokwerkbalk doet.

2.1. Verander naar een ander type blok #

Standaard staat hier het (geselecteerde) blokicoon, dat per blok verschilt. Klik hierop om een ander blok te kiezen zonder dit blok te verwijderen en weer op het icoon te hoeven klikken. Kies een blok uit de lijst die na het klikken verschijnt.

2.2. Ongeordende lijst #

Dit is een lijst waarbij de volgorde niet belangrijk is. De opsommingstekens zijn daarom neutraal.

2.3. Geordende lijst #

Dit is een lijst waarbij de volgorde wel belangrijk is, vaak in oplopende genummerde lijsten.

2.4. Lijstitem in-/uitspringen #

Hiermee maak je een sublijst waarbij het volgende item in- of uitspringt. Zo kan een hoofditem meerdere sublijsten bevatten. Bijvoorbeeld:

Dit is een hoofditem
- Dit is een subitem
  - Dit is ook een subitem

2.5. Meer opties #

Onder dit icoon vind je meer bewerkingsfuncties zoals:

Dupliceren
Verwijderen
Invoegen voor
Invoegen na
Bewerken in HTML

Hiervoor hebben we een apart overzicht gemaakt op deze pagina. Zoek naar de functie die je wil gebruiken.

3. Blokinstellingen #

De blokinstellingen zijn verdeeld in twee tabbladen: instellingen ( Instellingen icoon in blokinstellingen tabblad. ) en stijlen ( Stijlen icoon )

3.1. Instellingen #

Pas hier de werking van het blok aan.

3.1.1. Geavanceerd #

Bloknaam

Pas hier de naam van het blok aan. Deze vind je terug in het ‘Document overzicht’.

HTML-Anchor

Dit is een plek op je pagina waar je naartoe kan linken. Vul hier een woord in dat je ergens anders in een link gebruikt om ervoor te zorgen dat de bezoeker direct naar die plek wordt geleid.

Extra CSS-klasse

Gebruik dit invulveld om extra CSS-klassen toe te voegen.

3.2. Stijlen #

Pas hier de opmaak van het blok aan.

3.2.1. Kleur #

Kies de kleur van de tekst, link en/of achtergrondkleur (binnen het blok). Na het klikken opent een submenu met twee tabbladen.

Effen

Hier heb je de keuze voor de themakleuren (ingesteld door de ontwikkelaar van Noeste IJver) en standaardkleuren.

Kleurverloop

Kies meerdere aangepaste kleuren door op een plek in het balkje te klikken om een kleursubmenu te openen en een kleur te kiezen. Het kleurverloop gaat over in de kleur die je op een bepaalde plek in de balk gekozen hebt. Je kan kiezen voor:

Lineair: Standaard van links naar rechts
Radiaal: Van het midden naar buiten

3.2.2. Typografie #

Hier vind je alle instellingen voor het bewerken van lettertypes.

Grootte

Dit is een standaardinstelling die altijd zichtbaar is. Als je wil dat de grootte van een (kop)tekst afwijkt van de standaard, kan je kiezen uit de volgende maten:

Wil je het zelf instellen? Klik dan op dit icoon ( Schuifregelaar pictogram blokinstellingen ). Kies hier voor PX, EM, REM, % of VW of VH. Uitleg hierover vind je in dit overzicht.

Via het driepuntenicoon achter het woord typografie kan je meerdere instellingen zichtbaar maken:

Fontfamilie: de stijl van de letters
Weergave: de dikte van de letters binnen de fontfamilie
Lijnhoogte: de hoogte van de letters
Letterafstand: de ruimte tussen de letters
Tekstversiering: onderlijnen of doorhalen van de tekst
Letter case: de manier van hoofdlettergebruik: HOOFDLETTERS, kleine letters, of met Hoofdletter

3.2.3. Afmetingen #

Pas hier de ruimte om het blok aan.

Klik op het icoon achter ‘Afmetingen’ en maak een keuze.

Padding

De padding is de ruimte tussen de rand van het blok en de tekst.

Klik op dit icoon ( Keuzesymbool dimensies van blokinstellingen ) om te kiezen welke zijden je wil aanpassen. Verschuif de blauwe stip om de padding groter of kleiner te maken.

Wil je het zelf instellen? Klik dan op dit icoon ( Schuifregelaar pictogram blokinstellingen ). Kies hier voor PX, EM, REM (Of %, VW of VH). Meer uitleg hierover vind je in dit overzicht.

Marges

De marge bepaalt de ruimte tussen de blokken.