highlight letters
super-makkelijk en cross-browser

home | index | menu | help

Er is geen CSS ondersteuning.

		
		

highlight letters

		
		

Het was niet zozeer het probleem (van een trouwe fan van de dns5) om in css3 letters een "beetje op te fleuren", maar om dat te doen voor alle gangbare browsers. Als je deze pagina met IE bekijkt zie je dat het ook gewoon werkt. Een kwestie van het juiste IE-filter in een [if IE] plaatsen. Eigenlijk zou deze pagina niet "highlight" letters moeten heten, maar "dim" letters (bij nader inzien). Maar ik ga niets meer veranderen...

Om deze letters op het scherm te krijgen hoef je alleen maar een "h1" met een "a-tag" in de body van jouw pagina te plaatsen ( <h1><a href="#">tekst</a></h1> ). Natuurlijk kan je deze procedure aan alles "hangen" wat je maar wilt...
Hieronder de CSS die je in de head van jouw pagina moet plaatsen.

		
<style type="text/css" media="screen">
	h1 a{
		display:block;
		text-decoration:none;
		margin:0 0 30px 0;
		color:#BDDFEF;
		text-shadow:-2px 3px 5px #C78CFF;
		font-style:italic;
		font-weight:bold;
		font-size:60px;
		font-family:'Times New Roman',Times,serif}
	h1 a:hover{color:#92BED1}
</style>
<!--[if IE]>
	<style type="text/css" media="screen">
		h1 a{
			filter:progid:DXImageTransform.Microsoft.Shadow(color=#C78CFF,direction=180);
			width:100%;color:#BDDFEF}
	</style>
<![endif]-->	
		

cache 25-01-2011