Dissocier la partie
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Dissocier la partie
Bonjour,
je cherche à modifier l'apparence des messages de mon forum en plaçant un bandeau ou un filet sous la partie qui inclue "titre, nom de l'auteur du message, heure du message).
Ou mieux, serait-il possible de donner une couleur différente à cette partie, pour qu'elle se dissocie du corps du message ?
Merci d'avance de votre aide
je cherche à modifier l'apparence des messages de mon forum en plaçant un bandeau ou un filet sous la partie qui inclue "titre, nom de l'auteur du message, heure du message).
Ou mieux, serait-il possible de donner une couleur différente à cette partie, pour qu'elle se dissocie du corps du message ?
Merci d'avance de votre aide
Dernière édition par Nightkiss le Mer 26 Mai 2010 - 19:20, édité 1 fois
Re: Dissocier la partie
Bonjour,
Pour mettre une autre couleur de fond derrière on pourrait ajouter dans le CSS ( PA > Affichage > Couleurs > Feuille de style CSS ) :
Cordialement.
Pour mettre une autre couleur de fond derrière on pourrait ajouter dans le CSS ( PA > Affichage > Couleurs > Feuille de style CSS ) :
- Code:
.postbody p.author{ background: red; border-left: 2px solid green; border-bottom:2px solid green;}
.postbody h2.topic-title { background: red; border-left: 2px solid green;}
- Code:
.postbody p.author{ border-left: 1px solid #180700; border-bottom:1px solid #180700;-moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
.postbody h2.topic-title { border-left: 1px solid #180700; }
Cordialement.
Ea- Aidactif
- Messages : 23583
Inscrit(e) le : 04/04/2008
Re: Dissocier la partie
J'ai opté pour la 1ère solution. Par contre, j'aimerai que la couleur de fond ne soit pas limitée au texte, mais aille jusqu'au bout de mon cadre de message.
Je cherche sur le net, mais j'avoue que le code CSS et moi, ça fait 2 (minimum ).
Ceci dit, merci déjà beaucoup pour ce début de réponse
P.S.: en plus, j'avais positionné mes boutons "citer, éditer, etc..." en haut des messages et je trouve plutôt comment les positionner en bas... avec la nouvelle couleur, ça se chevauche et ça fait tout moche
Je cherche sur le net, mais j'avoue que le code CSS et moi, ça fait 2 (minimum ).
Ceci dit, merci déjà beaucoup pour ce début de réponse
P.S.: en plus, j'avais positionné mes boutons "citer, éditer, etc..." en haut des messages et je trouve plutôt comment les positionner en bas... avec la nouvelle couleur, ça se chevauche et ça fait tout moche
Re: Dissocier la partie
Avec de l'aide, je suis finalement arrivé à ce code :
Si quelqu'un avait une idée...
Merci d'avance
- Code:
.postbody p.author{-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;background: #5E5E5E}
.postbody h2.topic-title {-moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;background: #5E5E5E}
Si quelqu'un avait une idée...
Merci d'avance
Re: Dissocier la partie
Le soucis de largeur du backgroun a finalement été résolu avec ce code :
Et je n'ai pas non plus trouvé de solution pour déplacer les boutons "citer, supprimer, éditer, etc...) pour qu'ils ne chevauchent pas ce nouveau bandeau... dur dur
- Code:
.postbody p.author{-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;background: #5E5E5E; -moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;width:100%}
Et je n'ai pas non plus trouvé de solution pour déplacer les boutons "citer, supprimer, éditer, etc...) pour qu'ils ne chevauchent pas ce nouveau bandeau... dur dur
Re: Dissocier la partie
Voici la version final du code, qui correspond exactement à ce que je cherchais à faire :
Merci encore de m'avoir mis sur la voie Etana. Ça m'a permis d'aboutir au résultat final avec l'aide précieuse aussi d'un membre de mon forum
- Code:
.postbody p.author{-moz-border-radius-bottomleft: 10px;-webkit-border-bottom-left-radius: 10px;-moz-border-radius-bottomright: 10px;-webkit-border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;background: #5E5E5E; width:100%}
.postbody h2.topic-title {display : block; -moz-border-radius-topleft: 10px;-webkit-border-top-left-radius: 10px;-moz-border-radius-topright: 10px;-webkit-border-top-right-radius: 10px;background: #5E5E5E; width:100%;margin-bottom : 0px !important}
Merci encore de m'avoir mis sur la voie Etana. Ça m'a permis d'aboutir au résultat final avec l'aide précieuse aussi d'un membre de mon forum
Sujets similaires
» Tableau HTML [grosse partie a gauche et 6 partie à droite]
» Espace entre la partie STATISTIQUES et la partie connexion
» Dissocier l'éditeur de message de celui des réponses rapide
» Dissocier deux menus
» Comment dissocier les couleurs de texte ?
» Espace entre la partie STATISTIQUES et la partie connexion
» Dissocier l'éditeur de message de celui des réponses rapide
» Dissocier deux menus
» Comment dissocier les couleurs de texte ?
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum