Problème couleurs fond message

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Problème couleurs fond message

Message par Ryuunosuke Sam 21 Jan 2017 - 14:48

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://poneyarcenciel.forum-pro.fr/

Description du problème

Bonjour , je suis admin d'un forum , ou je refait actuellement le design .
Y a le css modifié par le fondateur , avec une p.A ajouté etc .
Bref j'ai réussi a tout changer mais un problème persiste , quand on écrit un message la couleur reste la meme qu'avant , j'ai essayé de rajouter les balise backgroud post body mais ca change rien parce quand je fais ca ..le fond du message est blanc comme je le veux mais il y a encore le orange qui reste .
Je sais pas si c'est parce que le fondateur a changer un templates , je crois puisque j'ai chercher partout dans le css j'ai rien trouver pour changer ca .

Si quelqu'un peut m'aider . Voila le problème : https://www.zupimages.net/up/17/03/a5yy.png

Mon css :

Code:
#page-body
{
width: 1100px;
margin: auto;
background: url(http://zupimages.net/up/17/02/xpfr.jpg) top center no-repeat #071D33;
border-radius: 100px;
-moz-border-radius: 100px;
-o-border-radius: 100px;
-webkit-border-radius: 100px;
-htm-border-radius: 100px;
border: 3px solid #ffffff;
box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #0000000;
-htm-box-shadow: 0px 0px 10px #000000;
padding-top: 600px;
padding-bottom: 20px;
}

#navigation
{
float: right;
margin-top: 200px;
margin-right: 20px;
}
.mainmenu
{
margin-right: 2px;
}
a.mainmenu
{
opacity: 0,5;
-moz-opacity: 0,5;
-khtml-opacity: 0,5;
filter: alpha(opacity=50);
}
a.mainmenu:hover
{
opacity: 1;
-moz-opacity: 1;
-khtml-opacity: 1;
filter: alpha(opacity=100);
}

.table_complete
{
width: 1090px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #030B1A;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}

.forumline
{
max-width: 1090px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px solid #030B1A;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #515151;
-moz-box-shadow: 0px 0px 4px #515151;
-o-box-shadow: 0px 0px 4px #515151;
-webkit-box-shadow: 0px 0px 4px #515151;
-htm-box-shadow: 0px 0px 4px #515151;
}

/*Boutons*/
code[type=button], code[type=submit], code[type=reset], code, .code {
   padding: 5px 15px;
   margin: 3px 4px;
   display: inline-block;
   color: #FFFFFF;
   font-size: 14px;
   cursor: pointer;
   background: #071D33;
   background: linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   background: -moz-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   background: -webkit-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   background: -o-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   border: 1px solid #EF5404;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
  box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -o-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);   
}


quote[type=button], quote[type=submit], quote[type=reset], quote, .quote {
   padding: 5px 15px;
   margin: 3px 4px;
   display: inline-block;
   color: #FFFFFF;
   font-size: 14px;
   cursor: pointer;
   background: #FFFFFF;
   background: linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
   background: -moz-linear-gradient(top, #FFFFFF 0%,#FFFFFF 100%);
   background: -webkit-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
   background: -o-linear-gradient(top, #FFFFFF 0%, #FFFFFF 100%);
   border: 1px solid #EF5404;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
  box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -o-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
}

spoiler[type=button], spoiler[type=submit], spoiler[type=reset], spoiler, .spoiler {
   padding: 5px 15px;
   margin: 3px 4px;
   display: inline-block;
   color: #7D0F1D;
   font-size: 14px;
   cursor: pointer;
   background: #b5d2ff;
   background: linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   background: -moz-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   background: -webkit-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   background: -o-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   border: 1px solid #67393B;
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
  box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   -o-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.25), inset 1px 1px 0px 0px rgba(255, 255, 255, 0.25);
   
   
}
spoiler[type=button]:hover, spoiler[type=submit]:hover, spoiler[type=reset]:hover, button:hover, .button:hover {
   background: #071D33;
   background: linear-gradient(top, #071D33 0%, #071D33 100%);
   background: -moz-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   background: -webkit-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
   background: -o-linear-gradient(top, #b5d2ff 0%, #277ce6 100%);
}
spoiler[type=button]:active, spoiler[type=submit]:active, spoiler[type=reset]:active, button:active, .button:active{
   opacity:0.8;
}
/*Fin boutons*/

/* contour du FORUMS arrondi */
.navig {
-webkit-border-radius: 30px 30px 30px 30px;
-moz-border-radius: 30px 30px 30px 30px;
border-radius: 30px 30px 30px 30px;
border: 2px dotted #290A54
}

/*Profil*/
.profilentier {
  background: #071D33;
  padding: 4px; 
  border: 1px solid #030B1A;
}

.profilpseudo {
  text-align: center;
  font-family: \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'Playball\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\';
  font-size: 27px;
}

.profilrang {
  text-align:center;
  font-family: times new roman;
  text-transform: uppercase;
}

.profilavatar {
  background: #071D33;
  padding: 2px;
  border: 1px solid #ffffff;
}

.profildescrp {
  text-align:justify;
  font-family: verdana;
  padding: 2px;
  background: #8F8FB5;
  border: 2px dotted #ffffff;
}
/*Fin profil*/

/*message important*/
.fond-titre{
  text-align:justify;
  margin:auto;
  width:75%;
  padding:24px;
  background-color:#FFFFFF;
  border:#ffffff solid 3px;
  box-shadow:0px 0px 5px #FFFFFF;
  color:#ffffff;
}

.titre-message{
  font-family: \\\\\\\'Dancing Script\\\\\\\', cursive;
  text-shadow:0px 0px 2px #000000;
  width:107%;
  font-size:30px;
  margin-left:-24px;
  text-align:center;
  background-color:#030B1A;
  border-bottom: 4px solid #ffffff;
}

.titre-message span{
  font-size:14px;
  text-shadow:none;
  margin-top:-15px;
  position:absolute;
  letter-spacing:1px;}

.sous-titre-message{
  font-family: \\\\\\\'Dancing Script\\\\\\\', cursive;
  text-shadow:0px 0px 2px #2F0F1C;
  font-size:21px;
  margin-right:25px;
  text-decoration:underline;
}
/*fin message*/

/*Barre navigation */
.navig {
position: center;
top: 0px;
width: 1120px;
  height: 20px;
  background-color:  #071D33;
  border: 3px solid #ffffff;
  border-bottom: 3px solid #ffffff;
  border-top: 3px solid #ffffff;
  box-shadow: 0px 0px 10px #000000;
-moz-box-shadow: 0px 0px 10px #000000;
-o-box-shadow: 0px 0px 10px #000000;
-webkit-box-shadow: 0px 0px 10px #000000;
-htm-box-shadow: 0px 0px 10px #000000;
  border-radius:15px;
  overflow:auto;
  padding:5px;
}
a.mainmenu img{
display: none;
}
a.mainmenu {
margin: 5px;
font-family: Times New Roman;
font-size: 15px;
}
/*Fin barre navigation*/

/**QEEL par Cheshire Cat**/
.qeel h1{
  margin-top:60px;
  margin-bottom:0px;
  background-color:#8F8FB5;
  text-align:center;
  font-family: 'BenchNine', sans-serif;
  font-size:35px;
  color:#ffffff;
  text-transform:uppercase;
  letter-spacing:5px;
}
.qeel h2{
  text-align:center;
  font-family: 'Voltaire', cursive;
  font-size:20px;
  color:#ffffff;
}
.qeel .bloc{
  color:##8F8FB5;
  font-family:Arial;
  display:block;
  overflow:auto;
  width:210px;
  height:250px;
  margin:auto;
  text-align:justify;
  border-left:2px solid #ffffff;
  border-right:2px solid #ffffff;
  background-color:#8F8FB5;
  padding-left:8px;
  padding-right:8px;
}
.qeel .membresco24{
  margin-left:-5px;
  color:#8F8FB5;
  font-size:12px;
  font-family:Arial
}
.qeel .legend{
  top:5px;
  margin-bottom:20px;
  margin-left:13px;
  margin-right:13px;
  padding-top:10px;
  padding-left:8px;
  padding-right:8px;
  border-top:2px solid #ffffff;
  background-color:#8F8FB5;
  text-align:center;
}
.qeel .credit{
  font-size:11px;
  float:right;
}
/**FIN QEEL**/

.selectCode { float:right; text-transform: uppercase; cursor:pointer; }
div.cont_code { clear: right; }


/*========================================================================================================
                                          PA par Batty pour Epicode
========================================================================================================*/

.battypa_fond{
 width: 850px;
 padding: 30px 30px 5px 30px;
 background-color: #071D33;
 border-radius: 50px/20px;
 box-shadow: 0px 0px 5px #000;
 margin-left:auto;
 margin-right:auto;
}

.battypa_top{
 width: 850px;
 height: 40px;
 text-align:center;
 margin-left:auto;
 margin-right:auto;
 margin-bottom: -5px;
 font-family: impact;
 text-transform:uppercase;
 font-size:50px;
 color:#8F8FB5;
 text-shadow: 0px 0px 5px #000;
}

.battypa_titre{
 display:block;
 font-family: 'Lobster', cursive;
 font-size:20px;
 color:#ffffff;
 text-shadow: 0px 0px 5px #000;
 text-decoration:none;
 margin-bottom:-10px;
 padding-left:10px;
}

.battypa_conteneur{
 width: 850px;
}

.battypa_blocleft {
width: 315px;
float: left;
}

.battypa_blocright {
width: 300px;
float: right;
}

.battypa_blocmidel {
  padding-top:30px;
overflow: hidden;
height:220px;
}

.battypa_blocleft2 {
width: 140px;
float: left;
}

.battypa_blocright2 {
width: 130px;
float: right;
}

.battypa_blocmidel2 {
overflow: hidden;
}

.battypa_texte{
 width:290px;
 height:200px;
 padding:5px;
 margin-top:10px;
 background-color:#8F8FB5;
 border-radius: 10px;
 box-shadow: 0px 0px 6px #000;
 font-size:13px;
 overflow:auto;
 text-align:justify;
  color:#000000;
}

.battypa_blocmidel a{
 display:block;
 width:200px;
 padding:5px;
 margin:5px;
 background-color:#FFFFFF;
 box-shadow: 0px 0px 6px #000;
 font-size:11px;
 text-transform:uppercase;
 text-decoration: none !important;
 color: #7D0F1D;
 text-align:center;
 }
 
.battypa_blocmidel2 img{
 margin: 15px 5px;
 width:100px;
 height:100px;
 border-radius:50px;
 box-shadow: 0px 0px 5px #000;
 }
 
.battypa_staff{
display:inline-block;
position:relative;
}

.battypa_staff span {
position:absolute;
bottom:0px;
left:0px;
transform:scale(0) rotate(-12deg);
transition:all .5s;
opacity:0;
}

.battypa_staff span a{
font-family: 'Lobster', cursive;
color:#fff;
text-decoration: none !important;
}

.battypa_staff:hover span {
display:block;
width:100px;
text-align:center;
background-color: #8F8FB5;
padding: 5px;

transform:scale(1) rotate(0);
opacity:1;
}
 
.battypa_autre{
 width:105px;
 height:100px;
 padding:6px 10px;
 margin-top:10px;
 background-color:#FFFFFF;
 color: #071D33;
 border-radius: 10px;
 box-shadow: 0px 0px 6px #000;
 font-size:11px;
 overflow:hidden;
}

.battypa_autre a{
 display:block;
 width:auto;
 padding:5px;
 font-size:13px;
 text-transform:uppercase;
 text-decoration: none !important;
 color: #071D33;
 text-align:center;
 }

.battypa_partenaires{
 width:auto;
 height:50px;
 padding:5px;
 margin: 20px 0px;
 text-align:center;
 background-color:#8F8FB5;
 border-radius: 10px;
 box-shadow: 0px 0px 6px #000;
}

.battypa_copyright{
 display: block;
 width:auto;
 font-size: 10px;
 font-family: Arial;
 color:#413029;
 text-align:right;
 padding: 5px 10px;
}

.battypa_copyright a{    padding: 3px;
    border: 2px dotted #071d33;
    background-color: #f2f2f2;
    color: #071d33;
 color:#413029;
 text-decoration: none !important;
 text-transform:uppercase;
}
/*========================================================================================================
                                                PA - END
========================================================================================================*/



Dernière édition par Ryuunosuke le Dim 22 Jan 2017 - 21:21, édité 1 fois
Ryuunosuke

Ryuunosuke
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 21/01/2017

http://poneyarcenciel.forum-pro.fr/
Ryuunosuke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ryuunosuke Sam 21 Jan 2017 - 23:30

up ??
C'est assez urgent svp , merci
Ryuunosuke

Ryuunosuke
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 21/01/2017

http://poneyarcenciel.forum-pro.fr/
Ryuunosuke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Chacha Dim 22 Jan 2017 - 10:05

Problème couleurs fond message 4qhGdLE
Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.


Message par Ryuunosuke Hier à 14:48
Message par Ryuunosuke Hier à 23:30

Ryuunosuke a écrit:up ??
C'est assez urgent svp , merci
Problème couleurs fond message 9Wrx4p4Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné.

Je vous invite à lire :
Chacha

Chacha
Modéractif
Modéractif

Masculin
Messages : 69301
Inscrit(e) le : 21/08/2010

https://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ajesto Dim 22 Jan 2017 - 10:57

Bonjour,
y'a t-il un sujet disponible aux invités ?

Laiorm
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ryuunosuke Dim 22 Jan 2017 - 11:37

Laiorm oui je t'envoie le lien en mp si cela te conviens
Ryuunosuke

Ryuunosuke
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 21/01/2017

http://poneyarcenciel.forum-pro.fr/
Ryuunosuke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ajesto Dim 22 Jan 2017 - 11:56

D'accord ^^
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ajesto Dim 22 Jan 2017 - 19:11

Merci pour le lien, j'ai découvert la source du problème :
En fait le fond des messages n'a pas été modifié dans ton CSS.
Il a été modifié dans ton template viewtopic_body, en effet, il existe cette ligne :
Code:
<div style="padding:3px;border:2px dotted #7D0F1D;background-color:#ffd590;color:#7D0F1D;">
Qui désigne le début du message, on peut y voir le background-color :
Code:
[...] background-color:#ffd590 [...]
Il suffit juste de modifier et voilà ^^

Bien à vous,
Laiorm
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ryuunosuke Dim 22 Jan 2017 - 19:17

Merci ^^
Alors
Le soucis c'est que je suis admin et la fonda est pas la .
J'ai pas acces au template .
Pour ca je voulais savoir si c'etait possible d'avoir un code ou autre qui pourrai resoudre le prob en attendant le retour de la fonda , car elle sais pas quand elle pourra revenie .
Ryuunosuke

Ryuunosuke
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 21/01/2017

http://poneyarcenciel.forum-pro.fr/
Ryuunosuke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ajesto Dim 22 Jan 2017 - 19:31

Non, pas possible, vous êtes obligé de passer par les templates :/
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ryuunosuke Dim 22 Jan 2017 - 19:35

C'est ce que je pensais aussi , puisque quand j'essaie de rajouter ds le css des " backgroud post body " etc ca changer bien la couleur du fond ds la couleur que je voulais , mais la zone de texte rester toujours orange .

Bon me reste plus qu'a faire les prochain thème du forum avec des teintes qui s'accorderont avec ca et prier pour que la fonda revienne vite .

Merci de ton aide en tout cas
Ryuunosuke

Ryuunosuke
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 21/01/2017

http://poneyarcenciel.forum-pro.fr/
Ryuunosuke a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ajesto Dim 22 Jan 2017 - 19:39

En fait si :
Vous pouvez utiliser ceci dans votre CSS :
Code:
.postbody div:first-child {
}
Mais au long terme, je sais pas si seras top :/

EDIT : Du coup pour supprimer le background-color + la bordure, utilisez
Code:
.postbody div:first-child {
    background-color: transparent !important;
    border: 0 !important;
}

Bien à vous,
Laiorm
Ajesto

Ajesto
****

Masculin
Messages : 329
Inscrit(e) le : 17/09/2016

http://codage-actif.forumactif.com/
Ajesto a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème couleurs fond message

Message par Ryuunosuke Dim 22 Jan 2017 - 20:58

C'est top !!!

Merci c'est nikel ca marche

Edite par contre c'est possible d'ajouter un truc a ca pour mettre le texte en blanc? parce que du coup il reste rouge sur le forum

Edite : c'est bon j'ai réussi
Ryuunosuke

Ryuunosuke
Nouveau membre

Masculin
Messages : 6
Inscrit(e) le : 21/01/2017

http://poneyarcenciel.forum-pro.fr/
Ryuunosuke a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum