Visuels des tags

[Yunie16]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://second-chances.forumactif.com/

Description du problème

Bonjour !

Je viens vous voir cette fois parce que je souhaiterais modifier le visuel des tags sur mon forum et j'y arrive pas TT J'avais trouvé ici qu'il fallait utiliser le code .mentiontag dans le CSS pour changer le visuel mais quand j'y touche... ça devient tout blanc même si je mets de la couleur. Du coup j'ai remis en par défaut en me disant que je gèrerais ça plus tard, mais là on a commencé à faire des rps et dans mon code rp les tags donnent ceci :

Spoiler:

J'ai cru que c'était la taille du tag qui faisait que, mais ça ne change rien quand j'y touche et je trouve ça assez embêtant...
Est-ce que le ".mentiontag" est compatible avec ma version de forum ? J'ai essayé des variantes genre :
a.mentiontag / #mentiontag / .mentiontag:link

Et le pire c'est que je bosse en navigation privée (sinon le CSS se "casse" et je vois le forum détruit) et moi je vois les modifs, mais dès que je vais en navigation normale c'est tout blanc, comme s'il n'y avait pas de texte, mais on peut cliquer dessus quand même...

Quelqu'un saurait-il m'éclairer siouplait ?

[MlleAlys]

Bonjour,
Auriez-vous un lien où un invité peut voir un fameux tag ?

[Yunie16]

Normalement ce sujet est accessible avec l'exemple de RP où ça s'affiche sans texte :
https://second-chances.forumactif.com/t98-is-there-something-wrong-ft-tae-ho

Et ici le faceclaim où ils s'affichent "normalement" mais que j'aimerais modifier sans background et avec une autre couleur de texte du coup :
https://second-chances.forumactif.com/t21-faceclaims

Quand je modifie, j'arrive généralement à retirer le background, mais c'est comme ci la couleur de texte était bloquée en blanc, je ne comprends pas

[MlleAlys]

Vous avez, dans le cas du rp, un code particulier qui est sensé donner au texte une couleur en dégradé : Le dégradé est mis en fond de bloc, mais en fait appliqué seulement sous le texte, qui du coup lui est mis en transparent pour qu'on voit le dégradé au travers.
Sauf que ici le fond rouge entre les deux bloque l'effet, et le texte transparent ne se voit plus du tout.

On peut soit supprimer le fond rouge pour retrouver le dégradé, soit abandonner le dégradé pour revenir à un codage plus classique et simple.
Comme vous préférez ?


Pour le cas "normal", vous pouvez utiliser ces codes css :

Code:

.mentiontag, .mentiontag:link, .mentiontag:visited {
  background: pink;
  color: black;
}
.mentiontag:hover, .mentiontag:active {
  background: yellow;
  color: red;
}

EDIT : Si vous souhaitez éviter que l'image dans le bloc tooltip qui apparait au survol soit déformée, vous pouvez ajouter le code suivant :

Code:

.tooltip-content img {
  object-fit: cover;
}

[Yunie16]

Wouah ça fonctionne merci **
Et du coup les tags sont visibles aussi dans les rps (pas le changement de couleur au survol mais c'est pas grave, ils fonctionnent xD) donc pas besoin de jouer avec le code du rp, c'est tout parfait comme ça, merci beaucoup !

Du coup je passe en résolu alors ! (et je vous avais fait une potite dédicace dans les crédits parce que vous m'aidez chaque fois, c'est super gentil )

[MlleAlys]

De rien, c'est gentil en tout cas (ma foi, vos questions étaient à ma portée et j'avais la chance d'être en vacances, j'ai pris plaisir à me replonger dans quelques questions de codage pour m'occuper, nostalgie quand tu nous tiens ! )