couleur dans la barre d outils de la chattbox

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

Résolu couleur dans la barre d outils de la chattbox

Message par mugenzaraki le Jeu 4 Juin 2015 - 1:21

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


Dernière édition par mugenzaraki le Jeu 4 Juin 2015 - 18:15, édité 1 fois

mugenzaraki
***

Messages : 103
Inscrit(e) le : 02/05/2015

http://www.larmee-infernale.com/
mugenzaraki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur dans la barre d outils de la chattbox

Message par MlleAlys le Jeu 4 Juin 2015 - 10:29

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)

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: couleur dans la barre d outils de la chattbox

Message par mugenzaraki le Jeu 4 Juin 2015 - 14:27

c'est parfait merci beaucoup

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

et le cadre

mugenzaraki
***

Messages : 103
Inscrit(e) le : 02/05/2015

http://www.larmee-infernale.com/
mugenzaraki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur dans la barre d outils de la chattbox

Message par MlleAlys le Jeu 4 Juin 2015 - 18:03

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 ^^

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: couleur dans la barre d outils de la chattbox

Message par mugenzaraki le Jeu 4 Juin 2015 - 18:05

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);
        });
        });});

mugenzaraki
***

Messages : 103
Inscrit(e) le : 02/05/2015

http://www.larmee-infernale.com/
mugenzaraki a été remercié(e) par l'auteur de ce sujet.

Résolu Re: couleur dans la barre d outils de la chattbox

Message par MlleAlys le Jeu 4 Juin 2015 - 18:09

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)

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: couleur dans la barre d outils de la chattbox

Message par mugenzaraki le Jeu 4 Juin 2015 - 18:14

c'est parfait merci beaucoup pour votre aide

Forum actif c 'est le top Very Happy

mugenzaraki
***

Messages : 103
Inscrit(e) le : 02/05/2015

http://www.larmee-infernale.com/
mugenzaraki 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