hoger contrast navigatie knoppen
je kan het contrast van de navigatie-knoppen verhogen

home | index | menu | help

Er is geen CSS ondersteuning.

		
		
 navigatie 
 knoppen 
 hoger 
 beter 
 contrast 

		

Ik kreeg de opmerking dat de kleuren van deze navigatie-knoppen nogal "flets" waren. Ik heb deze pagina bijgevoegd om even uit te leggen dat het echt niet noodzakelijk is om alles klakkeloos over te nemen van de dns5-site. Natuurlijk kan je alles wijzigen naar jouw eigen smaak. Ik moedig iedereen, zo veel mogelijk, aan om flink met te code te gaan "stoeien". Ik heb voor deze knoppen de CSS een klein beetje aangepast, en de CSS staat hieronder.

		<style type="text/css" media="screen">
			.container a{text-decoration:none;color:#ddffdd;background:inherit;}
			.container{margin-left:100px;}
			.knoppen{
				border-left:3px solid #007700;
				border-right:3px solid #007700;
				float:left;
				font-size:0.6em;
				background:#78A098;
				width:10em;
				color:#ddffdd;
				text-align:center;
				font-weight:bold;			}
			.knoppen span a{
				font-weight:bold;
				font-size:150%;
				position:absolute;
				margin-top:-0.28em;
				margin-left:-2em;}
			.knoppen span a:active,.knoppen span a:focus{
				background:#559E31;
				color:#FFFF68;}
			.knoppen:hover{
				background:#559E31;
				color:#eeffdd;}
			strong.rtop{border-top:4px solid #007700;}
			strong.rbottom{border-bottom:3px solid #007700;}
			strong.rtop,strong.rbottom{display:block;background:#007700;color:inherit !important;}
			strong.rtop strong,strong.rbottom strong{color:#000000;display:block;height:1px;overflow:hidden;background:#78A06E;}
			strong.rbottom strong{color:#000000;background:#78A06E;}	
			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;}
		</style>
		

Klik op deze link om terug te gaan naar de originele procedure. En ik heb hier nog een voorbeeld van een navigatie die echt te druk en te opdringerig is.

cache 15-08-2010