Url pas colorisé ni souligné version pc

[Verlinovation]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 18-06-2022
Lien du forum : https://blendertribu.forumactif.com

Description du problème

Bonjour,

J'ai remarqué que sur ordinateur, l'url n'est pas colorisé ni souligné. Ce problème n'est pas apparent sur tablette et smartphone. Que dois-je faire ?

[Oka.mi]

Bonjour,

De quel url parlez-vous ? Pouvez-vous illustrer le problème rencontré via des captures d'écran ?

[Verlinovation]

Voici en pièce jointe.

Fichiers joints

Capture1.JPG Vous n'avez pas la permission de télécharger les fichiers joints.(26 Ko) Téléchargé 4 fois

Capture2.JPG Vous n'avez pas la permission de télécharger les fichiers joints.(26 Ko) Téléchargé 3 fois

[Oka.mi]

Bonjour,

Je vois, alors pour répondre à vos questions

J'ai remarqué que sur ordinateur, l'url n'est pas colorisé ni souligné. Ce problème n'est pas apparent sur tablette et smartphone. Que dois-je faire ?

Le lien est colorisé, c'est juste que la couleur paramétrée par défaut ne permet pas de la distinguer clairement de la couleur du texte.
Pour cela, vous pouvez vous rendre dans l'onglet Affichage > Images et Couleurs > Couleurs et modifier les couleurs des liens selon leur statut


Ensuite, le fait que le lien ne soit pas souligné sur la version pc est dû à cette règle, présente dans le CSS de base (celui qui vient par défaut avec votre version)

Code:

a {
  text-decoration: none;
}

Sur mobile, on a un css différent, qui indique que les liens <a> sont de couleur #0598E4 (un bleu) et souligné (text-decoration: underline), ce qui explique le rendu différent :

Code:

.post-content a {
    color: #0598E4;
    text-decoration: underline;
    border-bottom-width: 1px;
    font-weight: 500;
}

Pour y remédier, il vous faut donc, d'une part, modifier la couleur des liens dans l'onglet montré plus haut, et ajouter dans votre feuille CSS personnalisée

Code:

a {
  text-decoration: underline;
}

pour que cela vienne écraser ce qui est écrit dans le CSS de base et donne l'effet souligné aux liens.

[Verlinovation]

Bonjour,

D'accord, sauf qu'une chose me pose problème: si je change la couleur du lien, cela s'applique à tout le forum, c'est justement ce que je ne désire pas. Si j'applique le code pour la version mobile sur la version pc, est-ce qu'il n'y aura pas de conflits ?

[Oka.mi]

si je change la couleur du lien, cela s'applique à tout le forum, c'est justement ce que je ne désire pas.

Dans ce cas, vous pouvez passer par le CSS, pour cibler spécifiquement les liens présents dans vos messages.

Code:

.postbody a {
  color: red;
}

Il faudra juste remplacer "red" par la couleur souhaitée : https://htmlcolorcodes.com/fr/

Si j'applique le code pour la version mobile sur la version pc, est-ce qu'il n'y aura pas de conflits ?

Je ne suis pas certaine de ce que vous voulez dire par là, mais non, en changeant .post-content a (mobile) ou .postbody a (pc) il n'y a pas de conflit avec l'autre version puisqu'il s'agit d'éléments avec des noms différents.

[Verlinovation]

C'est ce dont j'avais besoin, merci !

Je m'étais mal exprimé pour la deuxième partie: "Si j'applique le code de la version mobile sur la version pc, est-ce qu'il n'y aura pas de conflits ?"

[Oka.mi]

De conflits dans quel sens ?
Comme je disais, comme ce sont des noms différents, on va aller cibler à chaque fois soit le bloc message sur mobile, soit le bloc message sur pc, en fonction de ce qui est présent sur la page, donc pas de conflits à ce niveau : vous pouvez écrire les deux dans la feuille CSS sans que ça ne se superpose.
Si vous parlez d'ajouter le text-decoration: underline sur le .postbody a (nom de l'élément sur le pc), il n'y aura pas de conflits non plus, cette précision vient juste écraser le text-decoration: none du CSS de base et donnera l'effet souligné au lien du postbody (nom du bloc message sur pc).

[Verlinovation]

Ok, parfait. Merci encore !