DLink is een eenvoudig Javascript dat alle links binnen een bepaalde sectie markeert met een favicon en specifieke kleur. Het markeren van een link met bepaalde kleuren en het herkennen van mailto's, pdf en anderssoortigen binnen je site was al mogelijk met CSS, maar het ophalen van een favicon van een andere site wordt toch een stuk lastiger. Nu niet meer.

Plaats de volgende javascript in de header van je site:

<script type="text/javascript" src="http://oopstudios.com/dlink/dlink.js"></script>

Pas vervolgens je html zo aan dat de delen waar je het script op wilt toepassen worden gemarkeerd met een class:

<div class="dlink">
your <a href="#">link filled</a> content...
</div>

En als laatste is het natuurlijjk leuk om de nieuwe linkherkenning nog een beetje te stijlen. Bijvoorbeeld als volgt:

a.internal  {color: #D47700;}
a.external  {color: #0074D4;}
a.subdomain {color: #D43500;}
a.email     {color: #00B235;}

Dat is alles. Zoals je kunt zien draait het inmiddels ook op deze site. Ik moet alleen nog uitzoeken waarom interne links een wazig wereldbol icoon krijgen i.p.v. Dustpuppy.

Meer informatie en meer configuratiemogelijkheden kun je vinden op DLINK.