Bugs d'affichage QEEL, profils et titre de forum

[Destin01]

Détails techniques

Version du forum : ModernBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://v2-test-fauves.forumactif.com/

Description du problème

Bonjour bonjour !

Je viens poster ici car j'ai quelques soucis d'affichage sur mon forum. Je débute en codage, donc soyez indulgents

Un groupe exclu sur le QEEL (aperçu : https://zupimages.net/up/22/18/wlm4.jpg) : Nous avons trois groupes sur le QEEL. Or, on dirait que le code "exclu" le dernier. Comme vous pourrez le voir, par exemple, le hover ne s'applique pas et j'ignore pourquoi. J'ai essayé de modifier les class dans le template, mais c'est le meilleur résultat que j'ai pu obtenir jusqu'ici ...

La taille des images des champs de contact dans le profil des messages (aperçu : https://www.zupimages.net/up/22/18/769d.jpg) : Lorsque j'ai voulu ajouter les champs de contact dans le profil, j'ai remarqué que les champs de contact "additionnels" (c'est-à-dire ceux que j'ai créé pour afficher la fiche de présentation et la fiche de liens) affichaient une image extrêmement zoomée (la taille d'origine est la même que pour celle du profil, puisque ce sont celles de base de FA). J'ai essayé plusieurs codes pour en réduire la taille via le CSS, mais là encore, sans résultat ...
A l'origine, la class était entre l'avatar et les champs de profil, mais ça s'intégrait carrément à la partie des champs de profil (aperçu: https://www.zupimages.net/viewer.php?id=22/18/ifw0.jpg).

Enfin, là, c'est sûrement plus simple, je n'arrive pas à trouver dans quel template se trouve le titre du forum (aperçu : https://zupimages.net/up/22/18/ifw0.jpg). Il y a un H2 intégré directement dans le template qui renvoie au root du CSS, mais forcément, je ne peux pas l'enlever si je ne sais pas où le trouver ahah !

Merci d'avance pour votre aide qui ne pourra que m'être précieuse

[MlleAlys]

Bonsoir ^^

- Pour le troisième groupe du qeel : la class h3 est déjà associée à un code css qui style une couleur noire :

Code:

h3, .h3 {
  border-color: #;
  color: #000;
  border-style: solid;
  border-width: 0 0 1px;
  font-family: 'Mulish','Verdana','Roboto',sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: .3px;
  margin-bottom: 12px;
  padding-bottom: 3px;
}

Attention, h1, h2 et h3 sont des balises html utilisées pour des titres ("header"), numérotés en fonction de leur hiérarchie. Peut être mieux vaudrait-il ne pas utiliser ces classes là pour autre chose que des titres, de façon à éviter ces bugs.

- Concernant les images dans le profil : Vous avez un code css qui force les images à prendre 100% de la largeur disponible :

Code:

.left_post img {
  width: 100%;
  height: 100%;
}

Je suppose que ce code est au départ destiné à l'avatar. Il faudrait donc soit avoir un sélecteur plus précis pour qu'il ne concerne que l'avatar (et non les autres images) : Vous pouvez modifier le code en :

Code:

.avatar_post img {
  width: 100%;
  height: 100%;
}

- Pour le titre du forum, la capture est la même que celle du problème précédent, je ne sais pas tellement de quel élément vous parle exactement. ^^"

[Destin01]

Bonjour et merci beaucoup pour ta réponse

C'était bien ça pour les deux soucis auxquels tu as apporté une réponse, c'est super, j'ai pu régler le souci

Et pour le titre, effectivement, je me suis trompée dans mon c/c, je te remets la bonne capture :

Spoiler:

La div semble être "titre_categorie", qui s'applique sans difficultés sur la page d'accueil, mais pas sur l'affichage des forums. Sans doute à cause du h2, que je ne parviens pas à trouver dans le template pour le retirer du coup ...

(Je précise que les codes ne sont pas les miens, ainsi que crédité dans le QEEL, d'où mon tatonnage et mon ignorance quant à certaines modifications à apporter   )

Merci encore !

[MlleAlys]

Dans le template index_box (affichage des catégories), c'est la variable {catrow.tablehead.L_FORUM} qui contient à la fois le titre du forum et la balise h2 qui l'entoure.
Vous pouvez utiliser un css pour indiquer que les balises h2 à l'intérieur des blocs .titre_categorie doivent garder la mise en forme de ceux-ci ( grâce à "inherit" ) :

Code:

.titre_categorie h2 {
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  font-style: inherit;
}

[Destin01]

Ah bah je ne risquais pas de le trouver ce H2, puisqu'il n'apparaissait pas dans le template ahah !
Je mets en résolu du coup

Merci beaucoup, bonne soirée !