Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* kleuren worden weergegeven met hexadecimale notatie. in de color picker van photoshop zie je rechtsonder de code staan van de kleur die je geselecteerd hebt. er moet een hekje voor. */
- body {
- font-family: helvetica, arial, sans-serif;
- /* de letter waarin het document weergegeven wordt. als het systeem geen helvetica heeft, dan arial, als dat er niet is een willekeurige schreefloze */
- background: #ccccc;
- /* je kunt ook een achtergrondplaatje instellen. zet er dan url(plaatje.png) achter*/
- }
- /* we stellen deze opties nu in voor de body, het gehele document, maar voor aparte elementen kun je ze ook afzonderlijk instellen */
- * {
- margin: 0;
- padding: 0;
- }
- /* de browser heeft standaard allerlei witruimte instellingen. die haal je hiermee weg */
- /* als je dit sjabloon vorm wilt geven kun je gebruik gaan maken van width (breedte) padding (witruimte om de inhoud) en margin (ruimte eromheen) */
- a, a:active, a.visited {
- color: #ff3b00;
- text-decoration:none;
- }
- /* alle links dezelfde kleur en geen streepje eronder */
- a:hover {
- color: #950195;
- }
- /*een andere kleur als je eroverheen gaat met de muis */
- a img {
- border: none;
- }
- /* geen blauwe rand om gelinkte plaatjes */
- li {
- list-style: none;
- }
- /* geen puntjes en nummertjes bij lijsten */
- div#wrapper {
- width: 960px;
- margin: 0 auto;
- }
- div#content {
- }
- /* om de code van hieronder toe te passen, haal de commentaartekentjes weg */
- /* als je lijst met links achter elkaar wilt hebben, zodat het een menu wordt: */
- /*
- div#navigation li {
- display:inline;
- }
- */
- /* of als je het menu links als een plaatje wilt ‘floaten’: */
- /*
- div#navigation {
- float:left;
- }
- */
Add Comment
Please, Sign In to add comment