<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>De master css code file van de dns4.nl.</title>
<verwijzende_link>css_master_file.xml</verwijzende_link>
<informatie>
De verwijzende link verwijst naar zichzelf.
Alle pagina's maken gebruik van deze css-file.
</informatie>
<programma_code>
<![CDATA[
<!-- de code begint vanaf hier.

<?php
header("content-type: text/css; charset: utf-8");
	$sizeblokje="115";
	$tekstkleur="#9999ee";
	$tekstkleurhover="#9999cc";
	$hoverlinkkleur="#AD9C9C";
switch($_COOKIE['stijlblad']) { 
case "groen": 
	$bodyachtergrond="#001100";
	$menulinksbalkjes="#779977";
	$borderrechts="#9999aa";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#002900";
	$grotevlakken="#002500";
	$grotevlakkenborderonder="#002600";
	$logohover="#41543A";
	$grotevlakkenbordertop="#3B593B";
	$lampje="knipperlicht/knippergroen.gif";
	break; 
case "rood":
	$bodyachtergrond="#140000";
	$menulinksbalkjes="#997777";
	$borderrechts="#aa9999";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#370000";
	$grotevlakken="#330000";
	$grotevlakkenborderonder="#340000";
	$logohover="#604545";
	$grotevlakkenbordertop="#613939";
	$lampje="knipperlicht/knipperrood.gif";
	break; 
case "turkoois":
	$bodyachtergrond="#022114";
	$menulinksbalkjes="#779977";
	$borderrechts="#9999aa";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#263D3D";
	$grotevlakken="#243A3A";
	$grotevlakkenborderonder="#243A3A";
	$logohover="#445B5B";
	$grotevlakkenbordertop="#556666";
	$lampje="knipperlicht/knippergroen.gif";
	break; 
case "blauw":
	$bodyachtergrond="#000033";
	$menulinksbalkjes="#777799";
	$borderrechts="#9999aa";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#000049";
	$grotevlakken="#000044";
	$grotevlakkenborderonder="#000045";
	$logohover="#444472";
	$grotevlakkenbordertop="#3B3B75";
	$lampje="knipperlicht/knipperblauw.gif";
	break; 
case "zwart":
	$bodyachtergrond="#000000";
	$menulinksbalkjes="#777799";
	$borderrechts="#9999aa";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#050505";
	$grotevlakken="#000000";
	$grotevlakkenborderonder="#090000";
	$logohover="#444444";
	$grotevlakkenbordertop="#404040";
	$lampje="knipperlicht/knipperrood.gif";
	break; 
case "paars":
	$bodyachtergrond="#1E001E";
	$menulinksbalkjes="#997799";
	$borderrechts="#9999aa";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#280028";
	$grotevlakken="#250025";
	$grotevlakkenborderonder="#260026";
	$logohover="#594759";
	$grotevlakkenbordertop="#5B3D5B";
	$lampje="knipperlicht/knipperpaars.gif";
	break; 
case "oranje":
	$bodyachtergrond="#230900";
	$menulinksbalkjes="#FFC4C4";
	$borderrechts="#9999aa";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#5E1C00";
	$grotevlakken="#591900";
	$grotevlakkenborderonder="#591900";
	$logohover="#825D50";
	$grotevlakkenbordertop="#844F3B";
	$lampje="knipperlicht/knipperrood.gif";
	break; 
case "geel":
	$bodyachtergrond="#0C0900";
	$menulinksbalkjes="#827748";
	$borderrechts="#9999aa";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#3A3000";
	$grotevlakken="#352A00";
	$grotevlakkenborderonder="#352900";
	$logohover="#665F4C";
	$grotevlakkenbordertop="#685D3D";
	$lampje="knipperlicht/knippergeel.gif";
	break; 
default:
	$bodyachtergrond="#001100";
	$menulinksbalkjes="#779977";
	$borderrechts="#9999aa";
	$borderrechtshover="#ee9999";
	$grotevlakkenhover="#002900";
	$grotevlakken="#002500";
	$grotevlakkenborderonder="#002600";
	$logohover="#4E7044";
	$grotevlakkenbordertop="#3B593B";
	$lampje="knipperlicht/knippergroen.gif";
	break; 
}
?>
/* vanaf hier de css code */
html{height:120%;}
body{height:100%;margin:0px auto;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;font-size:14px;color:<?php echo $grotevlakkenborderonder;?>;background:<?php echo $bodyachtergrond;?>;}
h1,h2,h3,h4,h5,h6,p{padding-left:10%;padding-right:5%;}
h1{margin-top:2.6em;margin-bottom:3.3em;line-height:96%;font-size:110%;font-style:italic;white-space:nowrap;}
h2{line-height:115%;font-size:90%;}
a{outline:none;}a img,img{border:none;}
#logo{position:absolute;top:2em;left:3em;width:2em;}#logo a{text-decoration:none;}
#links,#midden,#rechts{overflow:hidden;margin-top:13.1em;position:absolute;color:<?php echo $tekstkleur;?>;background:<?php echo $grotevlakken;?> url('png/glans.png') repeat-x top left;}	
span.attentie{color:#ffbb00;background:<?php echo $grotevlakken;?>;}
#inhoud{color:<?php echo $grotevlakkenbordertop;?>;background:url("png/glans.png") top left  repeat-x <?php echo $grotevlakken;?>;overflow:hidden;margin-top:4.4em;left:8.2em;position:absolute;width:10.4em;}
#usbstick{position:absolute;top:5em;left:18.65em;}
#usblampje{padding-right:6em;padding-bottom:4em;position:absolute;top:5.9em;left:16.9em;z-index:1;}
#usblampje:hover{background:url('<?php echo $lampje;?>') no-repeat;}
#links{width:28%;left:2%;}
#links a{text-decoration:none;}
#midden{width:46%;left:31%;}
#rechts{width:20%;left:78%;}
.vulling{position:relative;margin-top:6em;}
.vullingveel{position:relative;margin-top:11em;}
.vullingergveel{position:relative;margin-top:15em;}
.menulinkerkolom{position:relative;top:0em;padding-left:1.5em;width:6em;font-size:90%;}
.menurechterkolom{margin-left:10%;}
span.kleinelettertjes{color:#ffffff;background:inherit !important;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;font-size:11px;}
span.groteletters{font-size:250%;}
span.groteletters a{background:url('png/glans.png') repeat-x top left <?php echo $bodyachtergrond;?>;color:<?php echo $grotevlakkenbordertop;?>;
text-decoration:none;border-right:1px solid <?php echo $logohover;?>;}
span.groteletters a:hover{background:url('png/glans.png') repeat-x top left <?php echo $bodyachtergrond;?>;color:<?php echo $logohover;?>;
text-decoration:overline;border-right:1px solid <?php echo $logohover;?>;}
span.groteletters a:active,span.groteletters a:focus{background:url('png/glans.png') repeat-x top left <?php echo $bodyachtergrond;?>;color:#666666;}
#omschrijving{position:absolute;right:98%;margin-right:4em;}
span.homeknop{position:absolute;top:1em;left:1em;font-size:200%;color:<?php echo $tekstkleur;?>;background:url("png/verloop.png") top left  repeat-x <?php echo $bodyachtergrond;?>;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:2px double transparent;padding-left:0.5em;}
span.pijlnaarlinks{position:absolute;top:1em;left:3.2em;font-size:200%;color:<?php echo $tekstkleur;?>;background:url("png/verloop.png") top left  repeat-x <?php echo $bodyachtergrond;?>;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:2px double transparent;padding-left:0.5em;}
span.helpknop,span.sluitknop,span.terugknop,span.terugknop a{font-style:italic;position:absolute;top:1.2em;right:1.5em;font-size:110%;color:<?php echo $tekstkleur;?>;background:url("png/glans.png") top left  repeat-x <?php echo $bodyachtergrond;?>;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:2px double <?php echo $grotevlakkenbordertop;?>;padding-left:0.5em;z-index:2;}
span.helpknop:hover,span.sluitknop:hover,span.terugknop:hover{color:#ffffff;background:url("png/glans.png") top left  repeat-x <?php echo $grotevlakkenhover;?>;}
span.helpknop:active,span.helpknop:focus,span.sluitknop:active,span.sluitknop:focus,span.terugknop:active,span.terugknop:focus{text-decoration:none;color:#ffbb01;background:url("png/glans.png") top left  repeat-x #562500;}
span.terugknop a{text-decoration:none;}
span.terugknop{position:absolute;right:3.3em;}
span.sluitknop{color:#aaaaaa;background:#aa0000;}span.sluitknop:hover{color:#ffffff;background:#ff0000;}
span.sluitknop:active,span.sluitknop:focus{color:#ffffff;background:#ffbb00;}
span.pijlnaarlinks:hover,span.homeknop:hover{color:#ffffff;background:url("png/verloop.png") top left  repeat-x <?php echo $grotevlakkenhover;?>;}
span.homeknop:active,span.homeknop:focus{border-bottom:1px double <?php echo $grotevlakkenbordertop;?>;
border-left:3px solid <?php echo $grotevlakkenbordertop;?>;border-top:3px solid transparent;border-right:1px solid transparent;color:#ffffff;background:url("png/verloop.png") top left  repeat-x <?php echo $grotevlakkenhover;?>;}
span.pijlnaarlinks:active,span.pijlnaarlinks:focus{border-bottom:1px double <?php echo $grotevlakkenbordertop;?>;
border-left:3px solid <?php echo $grotevlakkenbordertop;?>;border-top:3px solid transparent;border-right:1px solid transparent;color:#ffffff;background:url("png/verloop.png") top left  repeat-x <?php echo $grotevlakkenhover;?>;}
span.kleurbalkcss{color:#5C3535;background:inherit !important;}
span.css_pagina{color:#26A1FF;background:inherit !important;}
span.php_pagina{color:#7D59FF;background:inherit !important;}
span.glansblauw{font-size:<?php echo $sizeblokje;?>%;color:#001173;background:url('png/verloop.png') repeat-x top left #001172;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:1px solid <?php echo $grotevlakkenbordertop;?>}
span.glansoranje{position:relative;top:-1.7em;left:1.3em;font-size:<?php echo $sizeblokje;?>%;color:#6E0001;background:url('png/verloop.png') repeat-x top left #6E0000;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:1px solid <?php echo $grotevlakkenbordertop;?>}
span.glansgroen{position:relative;top:-4.4em;left:3.6em;font-size:<?php echo $sizeblokje;?>%;color:#0A2527;background:url('png/verloop.png') repeat-x top left #0A2526;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:1px solid <?php echo $grotevlakkenbordertop;?>}
span.glansgeel{position:relative;top:-4.5em;left:3.7em;font-size:<?php echo $sizeblokje;?>%;color:#42420E;background:url('png/verloop.png') repeat-x top left #42420F;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:1px solid <?php echo $grotevlakkenbordertop;?>}
span.glanspaars{position:relative;top:-7em;left:-0.2em;font-size:<?php echo $sizeblokje;?>%;color:#380029;background:url('png/verloop.png') repeat-x top left #380028;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:1px solid <?php echo $grotevlakkenbordertop;?>}
span.glansturkoois{position:relative;top:-9.9em;left:1.1em;font-size:<?php echo $sizeblokje;?>%;color:#023739;background:url('png/verloop.png') repeat-x top left #023738;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:1px solid <?php echo $grotevlakkenbordertop;?>}
span.glanszwart{position:relative;top:-13.2em;left:2.4em;font-size:<?php echo $sizeblokje;?>%;color:#000001;background:url('png/verloop.png') repeat-x top left #000000;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:1px solid <?php echo $grotevlakkenbordertop;?>}
span.glansrood{position:relative;top:-14.4em;left:2.5em;font-size:<?php echo $sizeblokje;?>%;color:#330001;background:url('png/verloop.png') repeat-x top left #330000;display:block;width:1.3em;text-decoration:none;font-weight:bold;border:1px solid <?php echo $grotevlakkenbordertop;?>}
span.glansblauw:hover{background:url('png/verloop.png') repeat-x top left #0019A8;color:#0019A9;}
span.glansoranje:hover{background:url('png/verloop.png') repeat-x top left #960000;color:#960001;}
span.glansgroen:hover{background:url('png/verloop.png') repeat-x top left #0A3A26;color:#0A3A27;}
span.glansgeel:hover{background:url('png/verloop.png') repeat-x top left #636316;color:#636317;}
span.glanspaars:hover{background:url('png/verloop.png') repeat-x top left #4C0036;color:#4C0037;}
span.glansturkoois:hover{background:url('png/verloop.png') repeat-x top left #035556;color:#035557;}
span.glanszwart:hover{background:url('png/verloop.png') repeat-x top left #111111;color:#111112;}
span.glansrood:hover{background:url('png/verloop.png') repeat-x top left #540000;color:#540001;}
span.glansblauw:active, span.glansblauw:focus, span.glansoranje:active, span.glansoranje:focus, span.glansgroen:active, span.glansgroen:focus, span.glansgeel:active, span.glansgeel:focus, span.glanspaars:active, span.glanspaars:focus, span.glansturkoois:active, span.glansturkoois:focus, span.glanszwart:active, span.glanszwart:focus, span.glansrood:active, span.glansrood:focus{background:url('png/verloop.png') repeat-x top left #ffbb00;color:#ffbb01;}
span.menulinkerkolom a{padding-left:1em;color:#32350C;background:url('png/verloop.png') repeat-x top left <?php echo $menulinksbalkjes;?>;border-right:1em solid <?php echo $borderrechts;?>;border-bottom: 1px solid  <?php echo $borderrechts;?>;margin-top:-7%!important;display:block;width:11em;text-decoration:none;font-weight:bold;}
span.menulinkerkolom a:hover{border-right:1em solid <?php echo $borderrechtshover;?>;}
span.menulinkerkolom a:active,span.menulinkerkolom a:focus{border-right:1em solid #ffbb00;}
#links:hover,#midden:hover,#rechts:hover{color:<?php echo $tekstkleurhover;?>;background:<?php echo $grotevlakkenhover;?> url('png/glans.png') repeat-x top left;}
#midden a{color:<?php echo $tekstkleur;?>;background:inherit !important;}
#midden a:hover{color:<?php echo $hoverlinkkleur;?>;background:inherit !important;}
#midden a:active,#midden a:focus{color:#ffbb02;background:inherit !important;}
#midden p:hover,#rechts p:hover{background: <?php echo $grotevlakkenhover;?>;color:<?php echo $hoverlinkkleur;?>;}
strong.rtop,strong.rbottom{display:block;background:<?php echo $bodyachtergrond;?>;color:inherit !important;}
strong.rtop strong,strong.rbottom strong{color:<?php echo $tekstkleur;?>;display:block;height:1px;overflow:hidden;background:<?php echo $grotevlakkenbordertop;?>;}
strong.rbottom strong{color:<?php echo $tekstkleur;?>;background:<?php echo $grotevlakkenborderonder;?>;}	
strong.r1{margin:0 5px}strong.r2{margin:0 3px}strong.r3{margin:0 2px}strong.rtop strong.r4, strong.rbottom strong.r4{margin:0 1px;height:2px}

de code is hier geeindigd.
// -->
]]>
</programma_code>
<code_link>http://www.dns4.nl/pagina/alle_tekst_files.html</code_link>
</voorbeeld>
</dns4.nl>
