Rendre un lien non-cliquable en CSS.

Rendre un lien non-cliquable en CSS.

L'intérêt de cette astuce peut paraître très spécifique, mais dans le cas d'un forum sous ForumActif ou on ne choisit pas toujours si quelque chose est un lien ou non et ou on n'a que peu d'impact sur le contenu des variables, cela peut toujours servir.

Un exemple d'usage de cette propriété serait dans le cas ou on transforme un forum en bloc utilisé pour exposer des liens. Par exemple ceci :

Spoiler:

Ce forum contenant les fiches validées comprend des liens vers les sous forums où sont rassemblées les fiches validées par groupe. Mais si on ne souhaite pas donner l'accès au forum "fiches validées" directement, il peut être intéressant de rendre le lien non cliquable. Sur forumactif, on ne peut pas accéder à un titre de forum en particulier du fait des variables et des boucles.

Mais grâce au CSS, on peut sélectionner le lien directement et, via le CSS, utiliser la propriété "pointer-events".

Dans le cas présent, j'obtiens :

Code:


#c1 .forAll:nth-child(4) .forLeft .forTitle a {
    pointer-events: none;
}

Il s'agit simplement de sélectionner directement le lien et, grâce au pointeur-event désactive, le curseur ne réagira pas au survol et le lien ne sera pas cliquable.

Pour savoir comment sélectionner directement un element d'un seul forum sur l'index, vous pouvez voir mon tutoriel sur Sélectionner et personnaliser les catégories et forums individuellement.