Changer couleur de fond d'une chat box(PunBB)

4 participants

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

Résolu Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Sam 25 Sep 2010 - 14:09

Bonjour,

Après avoir suivit le tutoriel sur la chatbox dans question et réponse fréquentes,

Je n'arrive toujours pas à changer le fond de ma chatbox sur mon forum(PUNBB) Rolling Eyes

Pourtant je vais dans la feuille de style CSS et colle le code que l'on me donne, je valide, et il ne se passe rien... Shocked

Je doit avoir fait quelque chose de travers mais je ne sais pas quoi ! Crying or Very sad

Merci d'avance à ceux qui vont m'aider ! I love you


Dernière édition par Eriam le Dim 26 Sep 2010 - 15:41, édité 1 fois
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Neptunia Sam 25 Sep 2010 - 15:15

Bonjour,

Peux tu nous fournir entre balises [code] la portion de ton CSS relative à la chatbox ??
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Sam 25 Sep 2010 - 15:19

Euh --" je le fournit en entier car je n'ai pas réussi à "voir" la portion relatif à la chatbox dsl (je suis nouveau sous PunBB)

Code:
#textarea_content iframe#text_editor_iframe,#text_editor_textarea,*+ html #textarea_content iframe#text_editor_iframe,*+ html #text_editor_textarea,* html #textarea_content iframe#text_editor_iframe,* html #text_editor_textarea,*+ html #text_editor_textarea.quick_reply_textarea,* html #text_editor_textarea.quick_reply_textarea{
background-color: #FFDBB7;border: 4px groove #6B3700;
}

#pun-intro{
background-color: #;
background-image: url('https://i.servimg.com/u/f82/13/62/39/05/templa21.png');
background-repeat: no-repeat;
height: 225px ;
width: 950px;
padding:0;
margin:0;
}

#pun-navlinks{
background-color: #;
background-image: url('https://i.servimg.com/u/f82/13/62/39/05/templa19.png');
background-repeat: repeat-y;
width:950px ;
}

#page-body{
background-color: #;
background-image: url('https://i.servimg.com/u/f82/13/62/39/05/templa19.png');
background-repeat: repeat-y;
width:950px ;
margin:0;
padding-top: 10px;
}


#pun-foot{
background-color: #;
background-image: url('https://i.servimg.com/u/f82/13/62/39/05/templa22.png');
background-position: bottom center;
background-repeat: no-repeat;
height: 155px;
width: 950px;
}


#main-content{
width: 820px;
margin-left: 65px;
padding-bottom: 3px;
}

#pun-navlinks li a {
padding: 0px;
margin: 0px;
text-decoration: none;
}

#pun-about{
background-color: # none;
border width: 1px #af4e07;
border-style: dotted;
line-height: 150%;
text-align: right;
max-width: 820px;
max-width: 830px;
padding: 0px 36px 0px 36px;
margin: 0px 63px  0px 63px ;
}

#onlinelist{
border: 1px dotted #af4e07;
}

#pun-visit {
border: 1px dotted #af4e07;
}

#stats{
border: 1px dotted #af4e07;
}

.main-box{
border: 1px dotted #af4e07;
}

.pun .paged-head{
border: 1px dotted #af4e07;
}

 .pun .paged-foot{
border: 1px dotted #af4e07;
}

.h2{
color: #af4e07}


.page-title{
color: #ffdbb7;
}
.pun table .tdtopics .status { position: relative !important; }

.pun table.table th {
  padding: 0.5em 0;
  border-style: dotted ;
  border-width: 1px;
  border-color: #af4e07;
  background-image: url('https://i.servimg.com/u/f88/13/38/22/64/b213.jpg');
  }

.pun table.table td {
   padding: 0.6em 0 0.7em;
   border-width: 1px;
   border-style: none dotted  dotted dotted;
   line-height: 130%;
   background-color: #;
   border-color: #af4e07 dotted 1px;
   }

button.button2, input.button2 {
font-size: 0.7em;
border: 3px groove #af4e07;
width: auto !important;
padding: 1px 0px;
font-family: Verdana,Arial,Helvetica,sans-serif;
color: #000000;
background-repeat: repeat-x;
background-color: #FAFAFA;
background-image: url('https://i.servimg.com/u/f88/13/38/22/64/ff11.jpg');
background-position: top;
overflow: visible;
vertical-align:middle;
}


button.button2:hover, input.button2:hover {
background-image: url('https://i.servimg.com/u/f82/13/62/39/05/f212.jpg');
background-position: top;
color: #000000;
border: 3px ridge #af4e07;
background-position: 0 100%;
}










.frm-buttons input{
border: 3px groove #af4e07;
background-image: url('https://i.servimg.com/u/f88/13/38/22/64/ff11.jpg');
background-position: top;
color: #000000;
}
.frm-buttons input:hover{
border: 3px ridge #af4e07;
background-image: url('https://i.servimg.com/u/f82/13/62/39/05/f212.jpg');
background-position: center;
color: #000000;
}


.forum_avatar {
float: right; margin: 0; padding: 0;
}
.forum_avatar img {
margin-left: -58px;
margin-bottom: -58px;
}

body.chatbox {
    background-color: #F5CE31;
}

Voila !

PS :
Code:
body.chatbox {
    background-color: #F5CE31;
}

Est ce que j'ai rajouter mais celà n'a rien changer...

Edit : si sa peut aidez le fond actuelle de ma chatbox est l'image de fond de mon forum...
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Neptunia Sam 25 Sep 2010 - 15:36

Essayer avec ce code peut être ?
Code:

body.chatbox {
    background-color: #F5CE31;
    background-image: none;
}
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Sam 25 Sep 2010 - 15:39

Aucun effet aussi...

Crying or Very sad
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Neptunia Sam 25 Sep 2010 - 15:56

Aucun template modifié ??
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Sam 25 Sep 2010 - 15:59

non apart celui-ci :
index_body:
Code:
{JAVASCRIPT}
<!-- BEGIN switch_user_logged_in -->
<div id="pun-visit" class="clearfix">
   <ul>
       <li><a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a></li>
       <li><a href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a></li>
      <li><a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a></li>
      <li><a href="{U_MARK_READ}">{L_MARK_FORUMS_READ}</a></li>
   </ul>
   <p>{LOGGED_AS}. {LAST_VISIT_DATE}</p>
</div>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<div id="pun-visit">
   <p>{L_NOT_CONNECTED} {L_LOGIN_REGISTER}</p>
</div>
<!-- END switch_user_logged_out -->

<!-- BEGIN message_admin_index -->
<div class="main">
   <!-- BEGIN message_admin_titre -->
   <div class="main-head">
      <h1 class="page-title">{message_admin_index.message_admin_titre.MES_TITRE}</h1>
   </div>
   <!-- END message_admin_titre -->

   <!-- BEGIN message_admin_txt -->
   <div id="pun-announcement">
      <p>{message_admin_index.message_admin_txt.MES_TXT}</p>
   </div>
   <!-- END message_admin_txt -->
</div>
<!-- END message_admin_index -->

<!-- BEGIN switch_user_login_form_header -->
<div class="main">
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username" /></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_header.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_header.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
</div>
<!-- END switch_user_login_form_header -->

{CHATBOX_TOP}
{BOARD_INDEX}

<!-- BEGIN disable_viewonline -->
<div id="pun-info" class="main">
   <div class="main-content">
      <div id="stats">
         <p class="right">{TOTAL_POSTS}</p>
         <p>{TOTAL_USERS}</p>
         <p>{NEWEST_USER}</p>
      </div>
      <div id="onlinelist">
         <img src="{L_ONLINE_IMG}" alt="{L_WHO_IS_ONLINE}" />
         <p class="right">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->
            <!-- BEGIN switch_viewonline_nolink -->
            {L_WHO_IS_ONLINE}
            <!-- END switch_viewonline_nolink -->
         </p>
         <p>{TOTAL_USERS_ONLINE}<br />
         {RECORD_USERS}

         <br />
         {LOGGED_IN_USER_LIST}

         {L_ONLINE_USERS}
         {L_CONNECTED_MEMBERS}<br />
         {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}</p>
         <div class="clear"></div>

      

      </div>
      <!-- BEGIN switch_chatbox_activate -->
      <div id="onlinechat">
         <p class="page-bottom">
         {TOTAL_CHATTERS_ONLINE}&nbsp;:&nbsp;
         {CHATTERS_LIST}<br />
         <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
               insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            </script>
         <!-- END switch_chatbox_popup -->
         </p>
      </div>
      <!-- END switch_chatbox_activate -->
   </div>
</div>
<!-- END disable_viewonline -->

<!-- BEGIN switch_user_login_form_footer -->
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
   <div class="user_login_form main-box center">
      <label><span class="genmed">{L_USERNAME} :</span> <input class="post" type="text" size="10" name="username"/></label> &nbsp;
      <label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label> &nbsp;
      <label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label> &nbsp;
      {S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" />
      <!-- BEGIN switch_fb_connect -->
      <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
      <fb:login-button size="large" onlogin="facebook_login()" v="2" perms="{switch_user_login_form_footer.switch_fb_connect.L_FB_PERMISSIONS}">{switch_user_login_form_footer.switch_fb_connect.L_FB_LOGIN_BUTTON}</fb:login-button>
      <!-- END switch_fb_connect -->
   </div>
</form>
<!-- END switch_user_login_form_footer -->

{CHATBOX_BOTTOM}

<!-- BEGIN switch_legend -->
<ul id="pun-legend">
   <li>
      <img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />&nbsp;{L_NEW_POSTS}
      <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />&nbsp;{L_NO_NEW_POSTS}
      <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />&nbsp;{L_FORUM_LOCKED}
   </li>
</ul>
<!-- END switch_legend -->

{AUTO_DST}

<!-- BEGIN switch_fb_index_login -->
<div id="fb-root"></div>
<script type="text/javascript">
//<![CDATA[
FB.init({
   appId: '{switch_fb_index_login.FACEBOOK_APP_ID}',
     status: true,
     cookie: true,
     xfbml: true
});
//]]>
</script>
<!-- END switch_fb_index_login -->

si mes souvenir sont bon c'était pour enlever la liste des groupes
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Neptunia Sam 25 Sep 2010 - 16:04

Pourriez vous me faire une copie d'écran de votre chatbox, apres avoir saisi 3 ou 4 messages ?

Je retrouve la couleur de fond #fcca97 à 20 reprises dans votre css global, mais ce screenshot me permettrait peut être de savoir sur lesquelles de ces valeurs agir.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Sam 25 Sep 2010 - 16:09

Changer couleur de fond d'une chat box(PunBB) 49962282

voilà !
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Neptunia Sam 25 Sep 2010 - 16:27

J'ai eu bien fait de vous demander ce screenshot, je ne voyais pas la même chose.
Je voyais un fond uni de la couleur de fond d'une rangée de texte sur 2 et non une image.

Avez vous essayé depuis un autre navigateur ?
Si déjà testé, avez vous essayé de purger le cache ?
Voici le tutoriel Vider le cache Internet.

Dernière hypothèse :
► Panneau Admin
► Onglet Général
► Menu Forum ► Configuration
► Resynchroniser votre forum : Cocher la case et cliquer sur :enreg:
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Sam 25 Sep 2010 - 16:35

Avez vous essayé depuis un autre navigateur ? firefox et IE8
Si déjà testé, avez vous essayé de purger le cache ? oui
Resynchroniser votre forum c fait

résultat : aucun toujour le même fond...
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Neptunia Sam 25 Sep 2010 - 16:42

On va tenter autre chose et ca sera hélas ma dernière idée.

Essayez de changer ce fond dans votre PA par un autre, pour voir si le fond de la chatbox suit ou pas.
Si en changeant le fond du forum, la chatbox prend enfin la couleur désirée, remettez votre fond étoilé pour contrôler ce que ca donne.
Neptunia

Neptunia
Membre actif

Féminin
Messages : 17853
Inscrit(e) le : 08/08/2010

https://www.galaxie-series.net/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Sam 25 Sep 2010 - 16:45

le fond actuelle de mon forum n'est pas celui d'origine donc oui la chat box prend le même fond que mon forum
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Kiirii Sam 25 Sep 2010 - 17:56

Bonjour,

Essayez ceci:
Code:

body.chatbox {
    background-color: #F5CE31;!important
}

Sinon pouvez-vous nous donner le code de la chatbox latérale que vous avez utilisé?
Kiirii

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Dim 26 Sep 2010 - 12:59

Non...cela ne fonctionne toujours pas...

Où puis-je trouver le code latérale de ma chatbox ?


(Merci beaucoup de vos aides !)
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Kiirii Dim 26 Sep 2010 - 13:52

Ah non désolée je croyais que vous aviez utilisé une chatbox latérale ><!
Je vais voir si je trouve quelque chose.
Kiirii

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Convivialite Dim 26 Sep 2010 - 14:00

Bonjour

voici un code qui va changer la couleur de ton chatt

j'ai mis ta couleur #F5CE31

là tu peux changer la taille de l'écriture {font-size: 15px;}

Code:
#chatbox_header {height: 30px;background-color: #F5CE31;}#chatbox p {line-height: 1.2em;}.chatbox_row_1 {padding: 4px;background-color: #F5CE31;}.chatbox_row_2 {padding: 4px;background-color: #F5CE31;}.chatbox_row_3 {padding: 4px;background-color: #F5CE31;}
body.chatbox {min-width: 550px !important;background-image: none;padding: 0;margin: 0;background-color: #F5CE31;}#chatbox_members {position: absolute;top: 30px;bottom: 30px;width: 180px;overflow: auto;border-right: 1px solid ;}#chatbox {position: absolute;top: 30px;left: 181px;right: 0;bottom: 30px;overflow: auto;line-height: 10px;}.chatbox_row_1,.chatbox_row_2,.chatbox_row_3 {font-size: 15px;}.chatbox-options {text-align:right;}#chatbox_messenger_form .gen,#chatbox_messenger_form .text-field,#chatbox_messenger_form {float:right;}#chatbox_footer {position: absolute;bottom: 0;left: 0;right: 0;height: 30px;}#chatbox_footer table.text-styles {float: right;}#chatbox_footer .text-field {float: left;}#chatbox_header {height: 30px;background-color: #F5CE31;}#chatbox p {line-height: 1.2em;}.chatbox_row_1 {padding: 4px;background-color: #F5CE31;}.chatbox_row_2 {padding: 4px;background-color: #F5CE31;}.chatbox_row_3 {padding: 4px;background-color: #F5CE31;}


Amicalement
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Kiirii Dim 26 Sep 2010 - 14:48

Convivialité tes changements servent à changer le fond des cellules de chat pas le fond du chat.

Malheureusement il est impossible de changer le fond entier de la chatbox (sous PunBB du moins). Quand on va dans les templates on a cette variable (pour la chatbox située en bas de la page):
Code:
{CHATBOX_BOTTOM}

Dans cette variable on peut voir ceci qui nous empêche de modifier le corps de la Chatbox:
Spoiler:

Comme vous pouvez le voir la chatbox est créée dans une page html à part importée dans le forum. Étant donné qu'elle est dans une balise <body> elle prend la partie body du css donc ton image de fond de forum.

Tu peux partiellement remédier à ça en intégrant une couleur dans ces attributs:
Code:

#chatbox_members, #chatbox{
background-color: #F5CE31;;
}
Seulement il y aura encore un bout de la chatbox où on verra le fond du forum.
Kiirii

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

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

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Convivialite Dim 26 Sep 2010 - 15:24

Hello Kiirii
ce code marche sous PHPBB2
Spoiler:

effectivement je viens de vérifier sous PHPBB3 et il ne change pas tout non plus
Spoiler:

pas de forum de test de PunBB , mais tu as surement raison thumleft
Convivialite

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer couleur de fond d'une chat box(PunBB)

Message par Eriam Dim 26 Sep 2010 - 15:40

Effectivement cela fait le même effect que sous PHPBB3 donc on à DEUX GROSSE bande de fond du mon forum...

C'est quand même "nul" que celà est été régler sur le fond du forum...
(Il faut aussi que le FdF revoie ses tuto ^^)

Donc il n'y à aucun moyen pour changer le reste...c'est pas grave c'est déjà beaucoup mieux !

Donc merci à vous 3 !
Eriam

Eriam
****

Masculin
Messages : 286
Inscrit(e) le : 29/01/2010

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

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

- Sujets similaires

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