Comment changer la couleur du "bloc" qui sert de page d'accueil ?

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

Résolu Comment changer la couleur du "bloc" qui sert de page d'accueil ?

Message par Invité le Sam 21 Juin 2014 - 11:07

Bonjour.  Smile 

Il y a quelques temps, un membre codeur sur un forum de publicité a créé une petite page d'accueil pour mon forum. Néanmoins, les couleurs qu'il a choisies ne vont pas avec les couleurs dominantes de mon forum... puisque cette personne est partie en vacances jusqu'à Septembre, je me permets de venir vous demander de l'aide sur le forum de support officiel.

Voici le code de la page d'accueil :

Code:
<div class="panel introduction" style="margin: 3px 1px; padding: 4px 10px 8px; color: rgb(102, 102, 102); border: 1px solid rgb(195, 224, 241); border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 1px 1px 1px; font-size: 10.399999618530273px; background-image: url(http://illiweb.com/fa/optimisation_fdf/fr/bg_pannel.png); background-color: rgb(229, 241, 249); background-position: 50% 100%; background-repeat: repeat-x;">
   
   <div class="inner" style="margin: 0px; padding: 0px;">
      
      <div class="mes-txt" style="margin: 0px 0px 1em; padding: 0px; font-size: 1.2em; line-height: 1.4em;">
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             <span id="acc-welc" style="margin: 0px; padding: 5px 0px 0px 25px; color: rgb(0, 165, 205); display: block; font-family: arial; font-size: 1.7em; font-style: italic; min-height: 40px; background: url(http://illiweb.com/fa/optimisation_fdf/fr/puce10.png) 0% 0% no-repeat scroll transparent;">Bienvenue {USER&amp;#8288;NAME} sur XXXX <span style="margin: 0px; padding: 0px; color: rgb(124, 186, 44);">XXXX</span></span>Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             <br />
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             <strong> Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             Voici la liste de sujets à relire régulièrement :
         </div>
         
         <div>
             <span style="-webkit-transition: initial initial initial; transition: initial initial initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial;"><a class="indtitl" style="margin: 0px; padding: 0px 0px 0px 14px; color: rgb(3, 114, 190); cursor: pointer; text-transform: uppercase; -webkit-transition: 1s; transition: 1s; background: url(http://illiweb.com/fa/fdf3/right10.png) no-repeat transparent;"></a></span><a href="www.nomduforum.com/t1-regles-generales-et-charte-du-forum#1">RÈGLES GÉNÉRALES ET CHARTE DU FORUM</a>
         </div>
         
         <div>
             <br />
         </div>
         
         <div>
            
            <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
                Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
            </div>
            
            <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
                Cordialement,
            </div>
            
            <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
                L'Administration.
            </div>
            
         </div>
         
         <div>
             <br />
         </div>
         
      </div>
      
   </div>
</div>

J'aimerais que le "bloc" soit rouge clair au lieu de bleu clair. J'ai cherché partout dans le code, et je ne vois aucune balise [color].
Pourriez-vous m'aider s'il-vous-plaît ?  Mr. Green

Merci beaucoup, et désolé si ma demande n'est pas adaptée à ce forum de support...
Bonne journée, cordialement.


Dernière édition par Zéphyre le Lun 23 Juin 2014 - 13:39, édité 1 fois

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment changer la couleur du "bloc" qui sert de page d'accueil ?

Message par elsa2607 le Sam 21 Juin 2014 - 15:07

Bonjour,

Ce ne sont pas des balises color comme ça : [color] ce sont des "color: rgb(XXX;XXXX;XX).
Il y a aussi des images qui font les couleurs.
J'ai essayé de faire un rouge à partir du bleu ( ça fait un peu rose ...) mais j’espère que ça conviendra Smile

Code:
<div class="panel introduction" style="margin: 3px 1px; padding: 4px 10px 8px; color: rgb(102, 102, 102); border: 1px solid #a04c4c; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 1px 1px 1px; font-size: 10.399999618530273px; background-image: url(http://i.imgur.com/JRqKDEj.png); background-color: #f8e1e1; background-position: 50% 100%; background-repeat: repeat-x;">
   
   <div class="inner" style="margin: 0px; padding: 0px;">
      
      <div class="mes-txt" style="margin: 0px 0px 1em; padding: 0px; font-size: 1.2em; line-height: 1.4em;">
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             <span id="acc-welc" style="margin: 0px; padding: 5px 0px 0px 25px; color: #000; display: block; font-family: arial; font-size: 1.7em; font-style: italic; min-height: 40px; background: url(http://i.imgur.com/pCFacUw.png) 0% 0% no-repeat scroll transparent;">Bienvenue {USER⁠NAME} sur XXXX <span style="margin: 0px; padding: 0px; color: #a04c4c;">XXXX</span></span>Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             <br />
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             <strong> Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici. </strong>
         </div><strong> </strong>
         <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
             Voici la liste de sujets à relire régulièrement :
         </div><strong> </strong>
         <div>
             <span style="-webkit-transition: initial initial initial; transition: initial initial initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial;"><a class="indtitl" style="margin: 0px; padding: 0px 0px 0px 14px; color: rgb(3, 114, 190); cursor: pointer; text-transform: uppercase; -webkit-transition: 1s; transition: 1s; background: url(http://i.imgur.com/qyCL7On.png) no-repeat transparent;"></a></span><a href="www.nomduforum.com/t1-regles-generales-et-charte-du-forum#1">RÈGLES GÉNÉRALES ET CHARTE DU FORUM</a>
         </div><strong> </strong>
         <div>
             <br />
         </div><strong> </strong>
         <div>
            
            <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
                Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
            </div>
            
            <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
                Cordialement,
            </div>
            
            <div id="indexmenu" style="margin: 0px; padding: 0px; text-align: justify;">
                L'Administration.
            </div>
            
         </div><strong> </strong>
         <div>
             <br />
         </div><strong> </strong>
      </div><strong> </strong>
   </div><strong></strong>
</div>

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment changer la couleur du "bloc" qui sert de page d'accueil ?

Message par Invité le Sam 21 Juin 2014 - 15:32

Bonjour. Smile

Merci beaucoup de votre aide, c'est parfait !
Seulement, si vous pouviez "noircir" un peu la couleur rose, ça serait encore plus parfait !

Sinon, si c'est tout juste parfait, merci, merci beaucoup.
Cordialement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment changer la couleur du "bloc" qui sert de page d'accueil ?

Message par elsa2607 le Sam 21 Juin 2014 - 16:21

Voila
Code:
<div style="margin: 3px 1px; padding: 4px 10px 8px; color: rgb(102, 102, 102); border: 1px solid #a04c4c; border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; box-shadow: 1px 1px 1px; font-size: 10.399999618530273px; background-image: url(http://i.imgur.com/iHIvV2O.png); background-color: #e3c3bb; background-position: 50% 100%; background-repeat: repeat-x;" class="panel introduction">
   
   <div style="margin: 0px; padding: 0px;" class="inner">
      
      <div style="margin: 0px 0px 1em; padding: 0px; font-size: 1.2em; line-height: 1.4em;" class="mes-txt">
         
         <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
             <span style="margin: 0px; padding: 5px 0px 0px 25px; color: #000; display: block; font-family: arial; font-size: 1.7em; font-style: italic; min-height: 40px; background: url(http://i.imgur.com/sk0bq6R.png) 0% 0% no-repeat scroll transparent;" id="acc-welc">Bienvenue {USER⁠NAME} sur XXXX <span style="margin: 0px; padding: 0px; color: #a04c4c;">XXXX</span></span>Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
             Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
             <br />
         </div>
         
         <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
             Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
         </div>
         
         <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
             <strong> Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici. </strong>
         </div><strong> </strong>
         <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
             Voici la liste de sujets à relire régulièrement :
         </div><strong> </strong>
         <div>
             <span style="-webkit-transition: initial initial initial; transition: initial initial initial; background-attachment: initial; background-size: initial; background-origin: initial; background-clip: initial; background-position: initial;"><a style="margin: 0px; padding: 0px 0px 0px 14px; color: rgb(3, 114, 190); cursor: pointer; text-transform: uppercase; -webkit-transition: 1s; transition: 1s; background: url(http://i.imgur.com/qyCL7On.png) no-repeat transparent;" class="indtitl"></a></span><a href="www.nomduforum.com/t1-regles-generales-et-charte-du-forum#1">RÈGLES GÉNÉRALES ET CHARTE DU FORUM</a>
         </div><strong> </strong>
         <div>
             <br />
         </div><strong> </strong>
         <div>
            
            <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
                Texte ici, texte ici, texte ici, texte ici, texte ici, texte ici.
            </div>
            
            <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
                Cordialement,
            </div>
            
            <div style="margin: 0px; padding: 0px; text-align: justify;" id="indexmenu">
                L'Administration.
            </div>
            
         </div><strong> </strong>
         <div>
             <br />
         </div><strong> </strong>
      </div><strong> </strong>
   </div><strong></strong>
</div>

elsa2607
***

Féminin
Messages : 161
Inscrit(e) le : 25/09/2011

http://graphisya.forumactif.org/
elsa2607 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Comment changer la couleur du "bloc" qui sert de page d'accueil ?

Message par Invité le Lun 23 Juin 2014 - 13:38

Bonjour ! ^^

Problème résolu, merci beaucoup.
Cordialement.

Invité
Invité


Invité 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