Sujets similaires

Sujet: chatbox Ven 22 Jan 2010, 12:07

Bonjour,

je fais une recherche sur le forum concernant ce que je veux vous demander mais je n'ai pas trouver de réponse a ma question donc la voici :

comment fait t'on pour mettre un chatbox sur le forum avec un bouton sur le coté du forum comme votre forum ?

merci !

Sujet: Re: chatbox Lun 25 Jan 2010, 10:53

Bonjour alors pour avoir la chat box sur le coté, ce n'est pas très compliqué en faite.
Tu vas dans le templates overall_header_new et dans le head, n'importe ou (perso moi je l'ai m'y à la fin) tu place ça:

Code:: <table id="lnrbox"><tr><td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="LIEN IMAGE POUR OUVRIR LA CB" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='LIEN IMAGE POUR OUVRIR LA CB')?'block':'none';
this.src=(this.src=='LIEN IMAGE POUR OUVRIR LA CB')?'LIEN IMAGE POUR FERMER LA CB'
:'LIEN IMAGE POUR OUVRIR LA CB';"/></td></tr></table>

Tu vas ensuite dans ton css et tu met ça:

Code:: #lnrbox
{
position: fixed;
bottom: 50px;
left: 0px;
background-color: #COULEUR;
background-position: center;
border: 1px solid #COULEUR;
border-bottom: 4px solid #COULEUR;
z-index: 999;
}

Ensuite libre à toi de changer le css.

Sujet: Re: chatbox Lun 25 Jan 2010, 15:13

merci je vais essayer et je t'en redonne des nouvelles

Est ce que la question est résolu ?

Thalie, sans le CSS, ça marche aussi...Mais à quoi sert le CSS dans ce cas là ?

Le css sert à personnaliser un peu la chatbox.

Coucou ,

J'ai essayé d'appliquer ce que tu a écrit Thalie , mais cela ne marche âs :

Voici ce que j'ai mis dans dans le template overall_header_new:

Code:: <table id="lnrbox"><tr><td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 100px; height: 56px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="http://i45.tinypic.com/2r29d12.png" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='http://i45.tinypic.com/2r29d12.png')?'block':'none';
this.src=(this.src=='http://i45.tinypic.com/2r29d12.png')?'http://i47.tinypic.com/34fe24n.png'
:'http://i45.tinypic.com/2r29d12.png';"/></td></tr></table>

Et dans le Css :

Code:: #lnrbox
{
position: fixed;
bottom: 50px;
left: 0px;
background-color: #E8E8E8;
background-position: center;
border: 1px solid #01B6DC;
border-bottom: 4px solid #01B6DC;
z-index: 999;
}

Quelqu'un peut m'aider ?

tu la bien mit dans le head ?
Je peut voir ce que ça donne ?

Oui , je l'ai mis ici : overall_header_new

Rien ne s'affiche sur le forum ( il est en construction maintenant Wink

)

je peux voir ton code en entier s'il te plait.

le voila :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
   
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      pm.focus();
   
   
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      report.focus();
   
   
      ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
   
});


   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;

//]]>
</script>
{GREETING_POPUP}

<style type="text/css">
#hitskin_preview {
   margin: 0; padding: 0;
   position: fixed;
   top: 0; left: 0;
   width: 100%;
   height: 65px;
   background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
   color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
   position: absolute;
   top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
   z-index: 2;
   background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
   float: left;
   margin: 3px 0 0 0;
   padding: 0 0 0 10px;
   font: italic normal 25px Arial,sans serif;
   color: #fff;
}
#hitskin_preview h1 img {
   vertical-align: middle;
}
#hitskin_preview em {
   color: #7CBA2C;
   font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}

#hitskin_preview .content {
   text-align: right;
}
#hitskin_preview .content p {
   margin: 4px 1em 0px 1em;
   font-size: 13px;
   line-height: 1.8em;
   color: #fff;
   font-weight: bold;
}
#hitskin_preview .content p span {
   font-weight: normal;
   font-size: 0.8em;
}
body {
   margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>



<div id="login_popup">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>


<a name="top"></a>
{JAVAscript}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               <td align="center" width="100%" valign="middle">
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}<br /> </span>
               </td>
               

               
               <td align="center" width="100%" valign="middle">
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}</span>
               </td>
               

               
               <td align="center" width="100%" valign="middle">
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}<br />  </span>
               </td>
               <td>
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
               </td>
               
            </tr>
         </table>

         <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
            <tr>
               <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
            </tr>
         </table>

         <div style="clear: both;"></div>

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td {CLASS_TABLE_TYPE} align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                     <tr>
                        <td valign="top" width="{C1SIZE}">
                           <div id="{ID_LEFT}">
                              
                              {giefmod_index1.MODVAR}
                                 
                                 <div style="height:{SPACE_ROW}px"></div>
                                 
                              
                           </div>
                        </td>
                        <td valign="top" width="100%">

                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>
<table id="lnrbox"><tr><td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="http://i45.tinypic.com/2r29d12.png" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='http://i45.tinypic.com/2r29d12.png')?'block':'none';
this.src=(this.src=='http://i45.tinypic.com/2r29d12.png')?'http://i47.tinypic.com/34fe24n.png'
:'http://i45.tinypic.com/2r29d12.png';"/></td></tr></table>

ok alors ton code n'est pas bien placé, il n'est pas dans le head de ton template.

met le juste après :

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>

Merci beaucoup pour ton aide =)
Ca marche ^^

Salut,

Ma chatbox ne 'ouvre pas par contre :s

Merci de m'aidez svp

Peux-tu nous donner ton code s'il te plaît et éventuellement nous dire les modifications que tu y a apporté ? Wink

Voici mes code :

Spoiler:

Code:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}" xml:lang="{L_LANG_HTML}" xmlns="http://www.w3.org/1999/xhtml">
<head>

<table id="lnrbox"><tr><td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 800px; height: 400px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="http://i61.servimg.com/u/f61/14/21/68/18/8606ch10.png" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='http://i61.servimg.com/u/f61/14/21/68/18/8606ch10.png')?'block':'none';
this.src=(this.src=='http://i61.servimg.com/u/f61/14/21/68/18/8606ch10.png')?'http://i61.servimg.com/u/f61/14/21/68/18/54006c10.png
:'http://i61.servimg.com/u/f61/14/21/68/18/8606ch10.png';"/></td></tr></table>


<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}" />
<meta http-equiv="content-script-type" content="text/javascript" />
<meta http-equiv="content-style-type" content="text/css" />
{META_FAVICO}
{META}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}" />
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}" />
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}" />
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>

<script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script>
<link type="text/css" rel="stylesheet" href="{JS_DIR}jquery/ticker/ticker.css" />

<script type="text/javascript">
//<![CDATA[
$(document).ready(function(){
   
      pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
      pm.focus();
   
   
      report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
      report.focus();
   
   
      ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {switch_ticker.STOP_TIME});
   
});


   var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = false, logInBackgroundClass = false;

//]]>
</script>
{GREETING_POPUP}

<style type="text/css">
#hitskin_preview {
   margin: 0; padding: 0;
   position: fixed;
   top: 0; left: 0;
   width: 100%;
   height: 65px;
   background: url('http://2img.net/i/fa/hitskin/hitskin_bar.png') repeat-x left -15px;
   color: #fff;
}
* html #hitskin_preview { /* Fix for IE6 since it doesn't implement fixed positionning */
   position: absolute;
   top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop : document.body.scrollTop);
   z-index: 2;
   background: transparent url('http://2img.net/i/fa/hitskin/hitskin_bar-ie6.gif') repeat-x left -15px;
}
* html { /* Gunlaug's Speed fix for the above positionning fix. Sorry for the fix for the fix */
background: #fff url(foo) fixed;
}
#hitskin_preview h1 {
   float: left;
   margin: 3px 0 0 0;
   padding: 0 0 0 10px;
   font: italic normal 25px Arial,sans serif;
   color: #fff;
}
#hitskin_preview h1 img {
   vertical-align: middle;
}
#hitskin_preview em {
   color: #7CBA2C;
   font-weight: bold;
}
#hitskin_preview a {
color: #fff;
}
#hitskin_preview a:hover {
text-decoration: underline;
}

#hitskin_preview .content {
   text-align: right;
}
#hitskin_preview .content p {
   margin: 4px 1em 0px 1em;
   font-size: 13px;
   line-height: 1.8em;
   color: #fff;
   font-weight: bold;
}
#hitskin_preview .content p span {
   font-weight: normal;
   font-size: 0.8em;
}
body {
   margin-top: 40px !important;
}
{hitskin_preview.HITSKIN_RTL_CSS}
</style>

</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">

<div id="hitskin_preview" style="display: block;">
   <h1><img src="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1>
   <div class="content">
      <p>
         {hitskin_preview.L_THEME_SITE_PREVIEW}
         <br />
         <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
      </p>
   </div>
</div>



<div id="login_popup">
   <table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
      <tr height="25">
         <td class="catLeft">
            <span class="genmed module-title">{SITENAME}</span>
         </td>
      </tr>
      <tr height="{LOGIN_POPUP_MSG_HEIGHT}">
         <td class="row1" align="left" valign="top">
            <div id="login_popup_buttons">
               <form action="{S_LOGIN_ACTION}" method="get">
                  <input type="submit" class="mainoption" value="{L_LOGIN}" />
                  <input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
                  <input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
               </form>
            </div>
            <span class="genmed">{LOGIN_POPUP_MSG}</span>
         </td>
      </tr>
   </table>
</div>


<a name="top"></a>
{JAVAscript}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
   <tr>
      <td class="bodyline">
         <table width="100%" cellspacing="0" cellpadding="0" border="0">
            <tr>
               
               <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
               <td align="center" width="100%" valign="middle">
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}<br /> </span>
               </td>
               

               
               <td align="center" width="100%" valign="middle">
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a><br />
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}</span>
               </td>
               

               
               <td align="center" width="100%" valign="middle">
                  <div class="maintitle">{MAIN_SITENAME}</div>
                  <br />
                  <span class="gen">{SITE_DEscriptION}<br />  </span>
               </td>
               <td>
                  <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
               </td>
               
            </tr>
         </table>

         <table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
            <tr>
               <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
            </tr>
         </table>

         <div style="clear: both;"></div>

         
         <div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
            <table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
               <tr>
                  <td {CLASS_TABLE_TYPE} align="left" class="row1">
                     <div id="fa_ticker_container">
                        <div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
                           <div class="fa_ticker_content">
                              
                              <div>{switch_ticker.ticker_row.ELEMENT}</div>
                              
                           </div>
                        </div>
                     </div>
                  </td>
               </tr>
            </table>
         </div>
         

         <div id="page-body">
            <div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
               <table cellpadding="0" cellspacing="0" width="100%" class="three-col">
                  <tbody>
                     <tr>
                        <td valign="top" width="{C1SIZE}">
                           <div id="{ID_LEFT}">
                              
                              {giefmod_index1.MODVAR}
                                 
                                 <div style="height:{SPACE_ROW}px"></div>
                                 
                              
                           </div>
                        </td>
                        <td valign="top" width="100%">

                        </td>
                     </tr>
                  </tbody>
               </table>
            </div>
         </div>
      </td>
   </tr>
</table>
</body>
</html>

Mon, CSs :

Spoiler:

Code:: .forumline{background-color: transparent}

td.row1,td.row3.over:hover {
filter:alpha(opacity=80);
opacity:0.80;
}

td.row2,td.row1.over:hover {
filter:alpha(opacity=80);
opacity:0.80;
}

td.row3{
filter:alpha(opacity=80);
opacity:0.80;
}

a { text-decoration: none; }

div, table {
-moz-border-radius:10px;
border: none;
}
textarea, .textarea.post, input.post {
-moz-border-radius:8px;
}

.quote {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
background-image:url=http://i61.servimg.com/u/f61/14/21/68/18/2hqdtv10.jpg;
padding:10px;}

.code {
-moz-border-radius-bottomleft:20px;
-moz-border-radius-bottomright:20px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
background-image:url=http://i61.servimg.com/u/f61/14/21/68/18/2hqdtv10.jpg;
padding:10px;}
background-color: #000000;

.forumline{
-moz-border-radius:6px;
}

/*Online_Offline-------------------------------------------------*/
.offlinebutton {
background-color: transparent;
border: none;
background-image: url('http://i61.servimg.com/u/f61/14/21/68/18/offlin10.png');
background-repeat : no-repeat;
background-position : center;
min-width: 147px;
width: 147px;
min-height: 18px;
height: 18px;
}

th.secondarytittle {-moz-border-radius-topleft :10px;}
th.lastmess {-moz-border-radius-topright :10px;}
th.secondarytitle {
-moz-border-radius-topleft: 10px;
-webkit-border-radius-topleft: 10px;}

.cadreava{
padding : 5px;
background-color:#5e6b44;
-moz-border-radius:5px;
}

.cadrepro{
background-color:#5e6b44;
-moz-border-radius:5px;
}

var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));

try {
var pageTracker = _gat._getTracker("UA-13005748-1");
pageTracker._trackPageview();
} catch(err) {}

.nom {
background-color: #295359;
margin: 0px 0px 0px 0px;
font-family: Georgia, "Courier New", "Comic Sans Ms","Trebuchet MS", "Arial Black", Arial, Verdana, serif;
font-size: 15px;
font-weight: bold;
text-indent: 5%;
text-transform: capitalize;
text-align: left;
color: White;
border-width: 5px;
border-color: white;
border-style: solid ;
border-left: 2px solid white;
border-top: 2px solid white;
border-right: 2px solid white;
border-bottom: 2px solid white;
-moz-border-radius-topright: 30px;
-webkit-border-radius-topright: 30px;
width: 300px;
}

.nom_souligne {
border-bottom: 1px solid white;
}

a:link {text-transform: Capitalize; letter-spacing: 1px; text-decoration: none!important; text-shadow: #000000 1px 1px 1px;}

a.mainmenu {
color: #FFFFFF;
background-color: #FF0000;
padding: 3px;
}

a.mainmenu:hover {
color: #7420AF;
background-color: #943043;
}

.limitation-signature img {
max-width: 500px;
max-height: 200px;

}

.quote {
background-image: url(http://i61.servimg.com/u/f61/14/21/68/18/sans_t12.jpg) !important;
background-repeat: no-repeat !important;
background-position: left top !important;
padding-left: 20px;
}

#lnrbox
{
position: fixed;
bottom: 50px;
left: 0px;
background-color: #FFFFFF;
background-position: center;
border: 1px solid #FFFFFF;
border-bottom: 4px solid #FFFFFF;
z-index: 999;
}

Sujet: Re: chatbox Jeu 11 Mar 2010, 16:10

Thalie a écrit:: Bonjour alors pour avoir la chat box sur le coté, ce n'est pas très compliqué en faite.
Tu vas dans le templates overall_header_new et dans le head, n'importe ou (perso moi je l'ai m'y à la fin) tu place ça:
... Ensuite libre à toi de changer le css.

Bonsoir,

Je viens encore crier au secours car là j'ai l'air un peu bête, j'ai cherché mais pas trouvé. Dites-moi comment l'on fait pour avoir accès à overall_header_new voir les autres fichiers de mon forum ?

Merci pour votre réponse

Sujet: Re: chatbox Ven 12 Mar 2010, 03:06

Alors, pour répondre à ta question CdL, il faut que tu ailles dans la partie administration, puis dans Affichage. Là, cherche le menu Templates, normalement il devrait être sous le menu Avatars. Tu cliques sur la catégorie Général et tu le cherches dans la liste (par ordre alphabétique) du tableau qui s'affiche Smile

! Sa description est la suivante : Haut de page.

Cordialement.

PS : il se peut que tu ne les vois pas, je ne sais pas pourquoi sur certains forums, même en étant administrateur, on ne peut pas avoir accès à ce menu, peut-être est-il lié à la personne ayant créé le forum ?

Sujet: Re: chatbox Ven 12 Mar 2010, 04:51

Ok je suis passée en mode fondateur, effectivement je vois maintenant ce menu. Mais seuls les templates des versions phpBB2 ou PunBB sont affectés par ces modifications. (c'est peut-être dû aux vieux forums où le ne voit pas les menus)

Je suis en phpBB3. Ce forum est en quelle version pour me donner un ordre d'idée ?

Merci pour ta réponse Norore.

chatbox

chatbox

Sujets similaires

Sujets similaires

Partenaires Or