Je kan de links helemaal naar je eigen wensen aanpassen met CSS. Deze code gebruik je eigenlijk ook al tussen de aanhalingstekens achter style, maar ik ga je even laten zien hoe het makkelijker kan.
CSS zet je tussen de head-tags. Om aan te geven welke tag we gebruiken, geven de
a aan. Nu weet de browser dat we het over een link hebben. Dit is de code die je kan gebruiken voor links:
<style type="text/css">
<!--
a:link {
font-size: 12pt; color: blue; text-decoration: underline;}
a:visited {
font-size: 12pt; color: orange; text-decoration: none;}
a:hover {
font-size: 12pt; color: red; text-decoration: line-through;}
a:active {
font-size: 12pt; color: black; text-decoration: underline;}
-->
</style>
Wat zou er gebeuren als je dit zou toevoegen? Ongebruikte link:
klik hier, gebruikte link:
klik hier, met je muis over de link:
klik hier en een link die actief is
klik hier.
Zo kan je dus links op je eigen pagina's naar eigen wens aanpassen. Het werkt eigenlijk in elke browser, dus daar hoef je je geen zorgen over te maken. Succes!
Edit: Zet dit op elke pagina waar je het wilt toepassen, of link in elke pagina naar het CSS-bestand met behulp van de onderstaande code. Ook deze plaats je in de head-tags. Je hoeft nu niet meer
style="xxx" in je a-tags te gebruiken.
<link rel="stylesheet" type="text/css" href="opmaak.css">
Dit bericht is aangepast door Thundercover: 18 maart 2008 - 17:35