Comment modifier l'apparence de fond d'un message

[Hyruama]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour,

Je cherche à trouver le moyen de modifier certaines choses relatives à l'apparence de fond d'un message. De base je ne suis pas certain de comprendre la composition de ce fond, que je vois personnellement comme étant une en-tête (cadre vert sur mon image) et un corps (cadre bleu sur mon image), séparés par une ligne (cadre rouge sur mon image). Mais rien dans l'onglet Couleur de mon panneau d'administration n'a l'air de pouvoir jouer sur ces composantes.



Il y a plusieurs choses que j'aimerais comprendre et sur lesquelles je souhaiterais agir :

1) La première concerne la ligne bleue qui sépare l'en-tête du corps du message (l'encadré rouge sur mon image). Est-il possible de : supprimer, modifier la couleur, ou jouer sur la largeur/épaisseur de cette ligne ? Si oui, comment ?

2) De base, l'en-tête et le corps du message ont une couleur légèrement différente : est-il de fait possible d'agir séparément sur la couleur de l'en-tête et du corps ? Comment s'y prendre ?

Merci d'avance pour votre aide.

Belle fin de journée.

[chattigre]

Bonjour,
Vous-y connaissez-vous en CSS ?
Je vais partir sur un oui vu que vous avez indiqué que votre CSS est personnalisé, dites moi si vous avez besoin de plus d'assistance
Je vous conseille de regarder de ce coté :
Distinguer certains messages
Modifier l'aspect des lignes
(Attention, des rectifications ont été apportées sur certains codes dans les différents messages du sujet).
Bonne journée

[*Splash*]

Hi,

Avec  ce code en CSS :

Code:

.post-head {
   border-color: transparent;
   background-color: #CD853F!important;
}

border-color: transparent la ligne bleue disparaît, pour changer la couleur il faut remplacer « transparent » par un code couleur
background-color: #CD853F permet de jouer sur la couleur de fond de l'en-tête. Il faut laisser la mention !important pour le changement de couleur

[Hyruama]

Merci à vous deux.

Hi,

Avec  ce code en CSS :

Code:

.post-head {
   border-color: transparent;
   background-color: #CD853F!important;
}

border-color: transparent la ligne bleue disparaît, pour changer la couleur il faut remplacer « transparent » par un code couleur
background-color: #CD853F permet de jouer sur la couleur de fond de l'en-tête. Il faut laisser la mention !important pour le changement de couleur

Cela fonctionne correctement.  
Par contre j'ai du mal à retrouver où agir sur la couleur du corps du message. Saurais-tu m'aiguiller s'il te plaît ?

(Et question subsidiaire hors sujet : mon panneau d'administration est ces derniers jours inutilisable sous Firefo : en-dessous des titres (Affichage, Général, Modules, etc.) j'ai juste un graaaand rectangle gris avec le logo de forumactif. Je ne sais absolument rien faire. Aucun problème sous Chrome. Une idée du problème ?)

[chattigre]

Bonsoir
Pour la couleur de fond, il faudra faire cela en CSS.
Par exemple votre rang avec une classe Administrateur et une couleur de fond orange en phpBB3...

Code:

 .post.bgAdministrateur {
background : orange ;
}

[*Splash*]

Hi,
Tu peux essayer ceci en CSS :

Code:

.postbody {
    background-color: #d3d3d3;
}

[Hyruama]

Bonsoir
Pour la couleur de fond, il faudra faire cela en CSS.
Par exemple votre rang avec une classe Administrateur et une couleur de fond orange en phpBB3...

Code:

 .post.bgAdministrateur {
background : orange ;
}

Hello. J'ai l'impression que tu te fourvoies par rapport à ma demande initiale : je ne cherche pas à modifier les messages d'un type d'utilisateur, mais bien tout ceux du forums.

Hi,
Tu peux essayer ceci en CSS :

Code:

.postbody {
    background-color: #d3d3d3;
}

Salut,

Alors j'ai fait des tests, et ceci en ressort. La couleur du .postbody est le orange foncé, qui s'établit juste à l'endroit où j'ai du texte si je ne dis pas de bêtises. Est-ce normal ? Je cherche évidemment à ce que la couleur concerne tout le bas du message également. Merci de ton aide.

[*Splash*]

Avec ce code en remplacement :

Code:

.row2 {
    background-color: #d3d3d3;
}
.postprofile {
    background-color: #fff;
}

.row2 pour la couleur de fond de message (avec un autre code en utilisant .row1 tu alternes la couleur de fond dans les messages)
.postprofile correspond au fond de la partie profil




Et une réponse avec une couleur de fond de message différente (.row1)

[chattigre]

Oups, oui désolé, et en plus j'étais parti un instant sur un forum en phpBB3... bref, reprenons ^^

Comme tu le vois, les couleurs sont alternées entre 2 messages, par défaut (en gros) un message gris / un blanc / un gris / un blanc...

Des exemples avec des couleurs bien moches mais bien identifiables...
(Ceci change la couleur de l'ensemble du fond du message et du profil du posteur)

Si tu veux garder cette alternance de deux couleurs :

Code:

.row1 {
background-color: lightgreen ;
}

.row2 {
background-color:lightblue ;
}

Pour avoir tous les messages de la même couleur :

Code:

.row1, .row2 {
background-color:salmon ;
}

Pour garder le profil dans une autre couleur :

Code:

.postprofile {
background-color: orangered ;

Prévois-tu d'utiliser des signatures ?
Quelle devra-être la couleur de fond du bloc de la signature ?

[*Splash*]

Quel est l'intérêt de répéter la même chose ?

[chattigre]

L'intérêt c'est surtout que tu m'as grillé
Non, sans blague, c'est parce que j'étais en train d'écrire mon message quand tu as posté le tien...
J'ai écris mon message en même temps que je cherchais les classes et du coup j'ai mis longtemps à l'écrire... de plus, le système de notifications a un petit décalage... ^^
Désolé

[*Splash*]

Avec ce décalage, s'il s'amplifie, nous risquons d'avoir des notifs de mai en juin

[Hyruama]

Merci pour vos réponses.

Je parviens de fait à m'en sortir, mais j'aurais une question subsidiaire : est-il possible de jouer avec des bordures sur chacune des parties d'un message ? Et notamment avoir ces 4 cas particuliers ?

1) Ajouter des bordures uniquement sur le corps du message ?
2) Ajouter des bordures uniquement sur l'en-tête du message ?
3) Ajouter des bordures uniquement autour du profil ?
4) Ajouter des bordures autour de tout l'ensemble (un peu comme dans le sujet sur le "message administrateur différent", mais appliquer ça à tous les messages "non-administrateur" aussi.

Merci d'avance.

[*Splash*]

Tu peux utiliser la class border-color pour faire ce que tu recherches

[chattigre]

Merci pour vos réponses.

Je parviens de fait à m'en sortir, mais j'aurais une question subsidiaire : est-il possible de jouer avec des bordures sur chacune des parties d'un message ? Et notamment avoir ces 4 cas particuliers ?

1) Ajouter des bordures uniquement sur le corps du message ?
2) Ajouter des bordures uniquement sur l'en-tête du message ?
3) Ajouter des bordures uniquement autour du profil ?
4) Ajouter des bordures autour de tout l'ensemble (un peu comme dans le sujet sur le "message administrateur différent", mais appliquer ça à tous les messages "non-administrateur" aussi.

Merci d'avance.

Pour appliquer cela à tous les messages, il suffit d'ajouter le code CSS adapté à ta feuille de style

Pour les bordures ton CSS va se  présenter ainsi :

Code:

/* On précise la classe de l'élément */
.postbody {
border: 10px solid black; /* Taille, style, puis couleur de l'ensemble des bordures de l'élément */

Tu peux aussi différencier chaque bordure avec les propriétés

Code:

border-top /* bord haut */
border-right /* bord droit */
border-bottom /* bord bas */
border-left /* bord gauche */

Au choix ^^

Petit rappel des classes des éléments souhaités :

Code:

.postbody /* Corps du message */
.post-head /* En tête du message */
.postprofile /* Profil */
.row1 /* Ensemble du message style 1 */
.row2 /* Ensemble du message style 2 */

 

Tu peux utiliser la class border-color pour faire ce que tu recherches

La propriété plutôt ^^

[Hyruama]

Et bien grand merci à vous deux, j'arrive à jouer un peu avec tout ces paramètres, les choses sont assez claires!

J'aurais encore une question, toutefois, concernant l'encart du profil : il apparaît que sur ce forum (: https://tambouille-raleuses.forumactif.com/t469-modernbb-modifier-la-visualisation-de-la-presence-en-ligne), lorsque je scrolle dans la page, l'encart du profil "me suit" et ne reste pas fixe en haut du message. Comment est-il possible de faire ça ??

[*Splash*]

Hi
Je pense que l'on dévie doucement de la question de départ.
Le mieux serait d'ouvrir un autre sujet consacré à cette histoire de profil qui suit au scroll

[Hyruama]

Pas de problème.

Et puis j'aurai sûrement encore plein d'autres questions, vous me reverrez.

Encore merci à tous les deux!