Changer couleur de fond d'une chat box(PunBB)
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Changer couleur de fond d'une chat box(PunBB)
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)
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...
Je doit avoir fait quelque chose de travers mais je ne sais pas quoi !
Merci d'avance à ceux qui vont m'aider !
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)
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...
Je doit avoir fait quelque chose de travers mais je ne sais pas quoi !
Merci d'avance à ceux qui vont m'aider !
Dernière édition par Eriam le Dim 26 Sep 2010 - 15:41, édité 1 fois
Eriam- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Re: Changer couleur de fond d'une chat box(PunBB)
Bonjour,
Peux tu nous fournir entre balises [code] la portion de ton CSS relative à la chatbox ??
Peux tu nous fournir entre balises [code] la portion de ton CSS relative à la chatbox ??
Re: Changer couleur de fond d'une chat box(PunBB)
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)
Voila !
PS :
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...
- 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- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Re: Changer couleur de fond d'une chat box(PunBB)
Essayer avec ce code peut être ?
- Code:
body.chatbox {
background-color: #F5CE31;
background-image: none;
}
Re: Changer couleur de fond d'une chat box(PunBB)
Aucun effet aussi...
Eriam- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Re: Changer couleur de fond d'une chat box(PunBB)
Aucun template modifié ??
Re: Changer couleur de fond d'une chat box(PunBB)
non apart celui-ci :
index_body:
si mes souvenir sont bon c'était pour enlever la liste des groupes
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>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password" /></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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} :
{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>
<label><span class="genmed">{L_PASSWORD} :</span> <input class="post" type="password" size="10" name="password"/></label>
<label><span class="gensmall">{L_AUTO_LOGIN}</span> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
{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}" /> {L_NEW_POSTS}
<img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS}
<img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {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- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Re: Changer couleur de fond d'une chat box(PunBB)
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.
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.
Eriam- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Re: Changer couleur de fond d'une chat box(PunBB)
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
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
Re: Changer couleur de fond d'une chat box(PunBB)
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...
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- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Re: Changer couleur de fond d'une chat box(PunBB)
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.
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.
Re: Changer couleur de fond d'une chat box(PunBB)
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- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Re: Changer couleur de fond d'une chat box(PunBB)
Bonjour,
Essayez ceci:
Sinon pouvez-vous nous donner le code de la chatbox latérale que vous avez utilisé?
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é?
Re: Changer couleur de fond d'une chat box(PunBB)
Non...cela ne fonctionne toujours pas...
Où puis-je trouver le code latérale de ma chatbox ?
(Merci beaucoup de vos aides !)
Où puis-je trouver le code latérale de ma chatbox ?
(Merci beaucoup de vos aides !)
Eriam- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Re: Changer couleur de fond d'une chat box(PunBB)
Ah non désolée je croyais que vous aviez utilisé une chatbox latérale ><!
Je vais voir si je trouve quelque chose.
Je vais voir si je trouve quelque chose.
Re: Changer couleur de fond d'une chat box(PunBB)
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;}
Amicalement
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
Re: Changer couleur de fond d'une chat box(PunBB)
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):
Dans cette variable on peut voir ceci qui nous empêche de modifier le corps de la Chatbox:
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:
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;;
}
Re: Changer couleur de fond d'une chat box(PunBB)
Hello Kiirii
ce code marche sous PHPBB2
effectivement je viens de vérifier sous PHPBB3 et il ne change pas tout non plus
pas de forum de test de PunBB , mais tu as surement raison
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
Re: Changer couleur de fond d'une chat box(PunBB)
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 !
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- ****
-
Messages : 286
Inscrit(e) le : 29/01/2010
Sujets similaires
» couleur de texte sur le chat fond noir
» Comment changer la couleur de fond de la chat box ?
» Changer couleur bouton "creer nouveau sujet" réponse topic + changer couleur fond recherche sous-forum
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Changer la couleur de la PA, sans changer le fond des forums & catégories
» Comment changer la couleur de fond de la chat box ?
» Changer couleur bouton "creer nouveau sujet" réponse topic + changer couleur fond recherche sous-forum
» Je n'arrive pas changer la couleur fond de page et fond de cadre du forum. Jr
» Changer la couleur de la PA, sans changer le fond des forums & catégories
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum