BODY { /* Element Wat er tussen de { } staat bepaald dus hoe de inhoud van body is opgemaakt. */ font-family : Verdana, Arial, Helvetica, sans-serif; /* Het lettertype. In dit geval probeert ie eerst times new roman, als dat niet lukt verdana, en anders de standaard van de browser (browser moet het lettertype dus wel aankunnen) */ color: #FFFBD5; /* Kleur van de letters */ align : center; /* Uitlijning, nu dus in het midden. Kan ook left, justified of right zijn */ font-size:12px; /* Grootte van de letters nu 15 pixels*/ background-image : url(images/bg_new_08.jpg); /* Plaatje op de achtergrond, steeds herhalend. Als je het slechts 1 keer wilt, moet je andere dingen gebruiken om geen plaatje maar een kleur te gebruiken laat je deze weg en zet je er backround : red; neer voor een rode achtergrond. */ } TD { /* De tabel velden */ color: #FFFBD5; /* Kleur van de letters */ font-family: Verdana, Arial, Helvetica, sans-serif; /* Het lettertype. In dit geval probeert ie eerst times new roman, als dat niet lukt verdana, en anders de standaard van de browser (browser moet het lettertype dus wel aankunnen) */ font-size:12px; /* Grootte van de letters nu 15 pixels*/ } A { /* Een link */ color: #DFB068; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-decoration: none; font-weight: bold; } a:hover{ color: #FFFBD5; /* Kleur van de letters */ } .inputVeldTekst350 { /* Dit is een invulveld (textveld) van 350 ixels breed */ background : #FFFBD5; border:1px solid #32200C; /* Dit bepaald hoe de rand eruit ziet, in dit geval een rand van 1 pixel breed, aaneengesloten en als kleur #771b2b (een rode kleur)*/ width: 350px; /* Dit zegt hoe breed het vak moet zijn, dus 350 pixels breed */ } .inputVeldTekst280 { /* Dit is een invulveld (textveld) van 280 ixels breed */ background : #FFFBD5; border:1px solid #32200C; /* Dit bepaald hoe de rand eruit ziet, in dit geval een rand van 1 pixel breed, aaneengesloten en als kleur #771b2b (een rode kleur)*/ width: 280px; /* Dit zegt hoe breed het vak moet zijn, dus 280 pixels breed */ } .inputVeldArea350 { /* Dit is een invulveld van meerdere regels (textarea)*/ background : #FFFBD5; border:1px solid #32200C; /* Dit bepaald hoe de rand eruit ziet, in dit geval een rand van 1 pixel breed, aaneengesloten en als kleur #771b2b (een rode kleur)*/ width: 350px; /* Dit zegt hoe breed het vak moet zijn, dus 350 pixels breed */ height: 100px; /* Dit zegt hoe hoog het vak moet zijn, dus 350 pixels hoog */ } .inputSubmit { /* De knop om het formulier op te sturen (inschrijven/uitschrijven/toevoegen)*/ border:1px solid #FFFBD5; /* Dit bepaald hoe de rand eruit ziet, in dit geval een rand van 1 pixel breed, aaneengesloten en als kleur #771b2b (een rode kleur)*/ background : transparant; /* De achtegrond van de knop, nu dus ingesteld op doorzichtig */ font-size:12px; font-weight: bold; /* De tekst van de knop 'vet gedrukt' weergevens*/ font-family : Verdana, Arial, Helvetica, sans-serif; /* Het lettertype. In dit geval probeert ie eerst times new roman, als dat niet lukt verdana, en anders de standaard van de browser (browser moet het lettertype dus wel aankunnen) */ color : #FFFBD5; /* Kleur van de letters */ } .krabbelHeader{ color: #FFFBD5; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } .krabbelBody { /* De krabbel zelf */ background : #FFFBD5; /* Achtergrond van de krabbel */ border-bottom : 1px solid #32200C; /* Rand aan de onderkant */ border-left : 1px solid #32200C; /* Rand aan de linkerkant */ color:#32200C; }