couleur dans la barre d outils de la chattbox

[mugenzaraki]

bonjour, bonjour

J'ai installé un chatbox intégré dans la toolbar

mais dans la barre d'outils je n'arrive pas à changer le " point d'interrogation ; le message ( entouré en rouge on le voit pas bien d'ailleurs) ; et le bouton envoyer  je voudrais les mettre en orange comme le reste

et pour finir le cadre autour ( fleche rouge )  je voudrais aussi changer la couleur



merci beaucoup pour vos reponses

[MlleAlys]

Bonjour,
pour modifier le fond de tous les boutons, essayez le code suivant :

Code:

#chatbox_footer #divcolor, #chatbox_footer #divsmilies, #chatbox_footer #help-button, #chatbox_footer #submit_button, #chatbox_footer .format-message + label {
  background: COULEUR !important;
}

Remplacez COULEUR par le code de la couleur souhaitée (en gardant bien le !important juste après)

[mugenzaraki]

c'est parfait merci beaucoup

il ne me manque plus que le " message " a coté des bouton

et le cadre

[MlleAlys]

Pour la couleur de "message", ajoutez le code suivant :

Code:

#chatbox_footer label[for="message"] {
  color: COULEUR;
}

Remplacez COULEUR par le code de la couleur de votre choix.

Pour ce qui est du cadre, il me faudrait le code que vous avez utilisé pour mettre la chatbox dans la toolbar si possible ^^

[mugenzaraki]

voila le code javascript

Code:

jQuery(document).ready(function() { jQuery('body').append('<table id="M14_Chat_Box"style="display:none;position:fixed; top:30px;left:10%;background-color: #;z-index:10000;"><tr><td><div scrolling="no" style="width: 800px; height: 400px; marginwidth="0" marginheight="0" frameborder="0" title="ChatBox du Forum Crazy Mocs">
        <iframe src="/chatbox/index.forum?page=front" style="width: 800px; height: 380px;" ></iframe>
        </div></td><td id="M14_Close"style="vertical-align: bottom;cursor:pointer;"title="Fermer la Chatbox"><img src="http://i37.servimg.com/u/f37/11/44/92/25/fermer10.png"/></td></tr></table>'); } );
       
        $(function(){
        $(function(){
        $('<span id="M14_Chat"style="cursor:pointer;"title="Rejoindre la Chatbox"> <img src="http://i39.servimg.com/u/f39/11/26/21/37/ouvrir10.png"alt="Rejoindre la ChatBox"  align="absmiddle"/></span>').insertBefore('#fa_menu');
        })});
       
        $(function(){
        $(function(){
        $('#M14_Chat').click(function(){
        $('#M14_Chat_Box').fadeIn(800);
        });
        });});
       
        $(function(){
        $(function(){
        $('#M14_Close').click(function(){
        $('#M14_Chat_Box').fadeOut(800);
        });
        });});

[MlleAlys]

Merci,
ajoutez le code suivant dans votre feuille de style :

Code:

#M14_Chat_Box iframe {
  border: 2px solid red;
}

Modifiez le style de la bordure selon votre choix (ici bordure de 2px de large de couleur rouge)

[mugenzaraki]

c'est parfait merci beaucoup pour votre aide

Forum actif c 'est le top