Sujets similaires

Bonjour,
Il y a quelque mois, peut-être trois, j'avais trouvé ici, et ailleurs la modification d'un template afin d'incorporer une chat box sur le côté du forum en spoiler, comme sur CSS actif. Hier, j'ai fouillé et cherché un peu partout, ici et sur forumactif le forum d'entraide, je ne tombe plus que sur d'affreux code à mettre dans la page d'accueil, se que je ne veux absolument pas. Quelqu'un aurait-il encore l'ancien procédé pour moi ?

EDIT //: J'ai trouvé le code en question, par contre, je ne sais plus dans quel template le mettre pour que ça fasse comme sur CSS actif ...

Code:: <table id="lnrbox"><tr><td>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png')?'block':'none';
this.src=(this.src=='http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png')?'http://img25.xooimage.com/files/4/8/d/fermer-18899ae.png'
:'http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png';"/></td></tr></table>

Bonjour
tu doit mettre ce code dans le head du template index-body

Je ne vois pas de classe toute seule, seulement < td class="catHead" height="28" >, se qui n'est très certainement pas le bon endroit pour le placer.

Oupsss je me suis tromper de template .....
c'est dans overall_header_new, tu le met soit au debut soit à la fin du head.

Voici se que j'obtiens :
http://img43.xooimage.com/files/3/7/4/azertf-1889fe0.png
Et le template est :
overall_header_new :

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>
<iframe src="/chatbox/chatbox.forum?page=front&" id="chatboxpop" scrolling="no" style="width: 650px; height: 400px;
display: none;" marginwidth="0" marginheight="0" frameborder="0"></iframe></td><td style="vertical-align: bottom;">
<img src="http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png" onClick="document.getElementById('chatboxpop')
.style.display=(this.src=='http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png')?'block':'none';
this.src=(this.src=='http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.png')?'http://img25.xooimage.com/files/4/8/d/fermer-18899ae.png'
:'http://img45.xooimage.com/files/1/7/f/ouvrir-18899a6.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>

Rooh mais Thalie c'pas là Razz

C'est dans overall_footer que tu dois le mettre, juste avant /body Wink

Je viens de tester dans overall_footer, juste avant le < body >, le premier, je ne le vois pas du tout apparaître.
EDIT : // Devant le < /body >
Ca me l'affiche en bas, cool, mais dans mon cadre de forum et non sur les côtés =/

Bonjour !

Le problème est-il toujours d'actualité ?

Au plaisir ! ♪

Il te suffit simplement d'intégrer la mise en page que tu souhaites dans le css, comme ceci :

Code:: #lnrbox
{position: fixed;
top: 100px;
left: 0px;
background-color: #f3d19a;
background-image: url(' ');
border: 2px solid #915743;
z-index: 999;}

Explications:

position: fixed;
fait que ta chatbox reste toujours fixe

top: 100px;
définit la taille par rapport au haut de ton forum, si tu veux qu'elle 'commence' en bas, tu remplaces top par bottom
100 px signifie qu'elle sera décollée de 100px du haut de ton forum, plus tu augmentes, plus l'écart sera grand

left: 0px;
définit la taille par rapport à la gauche de ton forum, si tu veux qu'elle soit à droite, tu remplaces left par right
0px signifie qu'elle sera collée au bord de ton forum, plus tu augmentes, plus l'écart sera grand

background-color: #f3d19a;
définit la couleur de fond de ta chatbox, tu peux mettre un code hexadécimal ou le nom de ta couleur

background-image: url(' ');
si tu veux insérer une image dans le fond de ta chatbox, pense à choisir une image de la même taille que ta chatbox, et si possible une image plutôt faible en opacité

border: 2px solid #915743;
cela concerne le contour de ta chatbox, 1px pour la taille, solid pour le type de bordure (solid = pleine, dotted = pointillés, dashed = tirets, groove = en relief ...)

z-index: 999;
(euh... j'avoue ne pas savoir désolée)

Edit : Ton code est bien à placer dans le template Général -> over_header_new, juste après la balise head (comme tu l'as déjà fait).

et moi comment faire je suis en punbb

Bonjour ^^

Le problème est-il résolu ?

Chatbox en spoiler via les templates et non la PA ?

Chatbox en spoiler via les templates et non la PA ?

Sujets similaires

Sujets similaires

Partenaires Or