Guest User

Untitled

a guest
May 22nd, 2018
96
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.62 KB | None | 0 0
  1. /* 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. */
  2.  
  3. body {
  4. font-family: helvetica, arial, sans-serif;
  5. /* de letter waarin het document weergegeven wordt. als het systeem geen helvetica heeft, dan arial, als dat er niet is een willekeurige schreefloze */
  6. background: #ccccc;
  7. /* je kunt ook een achtergrondplaatje instellen. zet er dan url(plaatje.png) achter*/
  8. }
  9. /* we stellen deze opties nu in voor de body, het gehele document, maar voor aparte elementen kun je ze ook afzonderlijk instellen */
  10.  
  11. * {
  12. margin: 0;
  13. padding: 0;
  14. }
  15. /* de browser heeft standaard allerlei witruimte instellingen. die haal je hiermee weg */
  16. /* als je dit sjabloon vorm wilt geven kun je gebruik gaan maken van width (breedte) padding (witruimte om de inhoud) en margin (ruimte eromheen) */
  17.  
  18. a, a:active, a.visited {
  19. color: #ff3b00;
  20. text-decoration:none;
  21. }
  22. /* alle links dezelfde kleur en geen streepje eronder */
  23.  
  24. a:hover {
  25. color: #950195;
  26. }
  27. /*een andere kleur als je eroverheen gaat met de muis */
  28.  
  29. a img {
  30. border: none;
  31. }
  32. /* geen blauwe rand om gelinkte plaatjes */
  33.  
  34. li {
  35. list-style: none;
  36. }
  37. /* geen puntjes en nummertjes bij lijsten */
  38.  
  39.  
  40. div#wrapper {
  41. width: 960px;
  42. margin: 0 auto;
  43. }
  44.  
  45. div#content {
  46. }
  47.  
  48. /* om de code van hieronder toe te passen, haal de commentaartekentjes weg */
  49.  
  50. /* als je lijst met links achter elkaar wilt hebben, zodat het een menu wordt: */
  51.  
  52. /*
  53. div#navigation li {
  54. display:inline;
  55. }
  56. */
  57.  
  58. /* of als je het menu links als een plaatje wilt ‘floaten’: */
  59. /*
  60. div#navigation {
  61. float:left;
  62. }
  63. */
Add Comment
Please, Sign In to add comment