Des codes petits et légers pour différentes utilisations, qui ne sont pas assez importants pour en faire un sujet dédié.
Différencier les liens internes des liens externes
Sommaire
Différencier les liens internes des liens externes
JeiAdministrateur
Lun 15 Aoû 2022, 17:29
JeiAdministrateur
Lun 15 Aoû 2022, 19:17
Différencier les liens internes des liens externes
phpbb2 :
Créer un nouveau code JavaScript sur toutes les pages et y ajouter le code suivant:
Chaque lien externe aura désormais la classe external-link tandis que les liens internes (locaux) auront la classe internal-link. Vous pouvez les personnaliser comme vous le souhaitez.
Un exemple (celui-ci nécessite Material Design Icons):
Code:
$(function() {
$('.postbody div a').each(function() {
if(location.hostname === this.hostname || !this.hostname.length) {
$(this).addClass('internal-link');
} else {
$(this).addClass('external-link');
}
});
});Chaque lien externe aura désormais la classe external-link tandis que les liens internes (locaux) auront la classe internal-link. Vous pouvez les personnaliser comme vous le souhaitez.
Un exemple (celui-ci nécessite Material Design Icons):
Code:
a.external-link::after {
content: "\F03CC";
font-family: 'Material Design Icons';
margin-left: 2px;
display: inline-block;
color: #9f2424;
font-size: 10pt;
vertical-align: super;
}|
|
|