[PHPBB2] Demande d'aide pour modifier le qui est en ligne

Rappel du premier message :

Bonjour,

J'aimerais savoir s'il est possible de modifier le qui est en ligne j'ai un modèle et je voudrais chose qui ressemble avec la couleur de font Noir ...

https://www.milouze14.com/t24631-sujet-resoluaide-pour-mon-qeel#505513

Le reste comme tu veut........d'autre part est-ce-qu'il possible d'intégrer des widgets du forum?Les mots clés, flux, dernier sujet statistiques. Un grand merci .

Alors c'est parti, je t'ai ajouté le widget des derniers sujets et des statistiques.

La css:

Code:

 /* ------------ QEEL INFOBULLE TFA -------------- */
.left_tfa,.right_tfa
{
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.right_tfa
{
position: absolute;

height: 165px;
margin-left:60px;
font-size:11px !important;
color:white!important;
}
.right_tfa div td{background-color:transparent;}
.right_tfa div td span {font-size:11px !important;color:white!important;}

.left_tfa
{
font-size:11px !important;
color:white!important;
position: absolute;

height: 165px;
margin-left: 60px;
overflow-y: scroll;
padding-left: 10px;
}
.left_tfa a[href^="/t"],.left_tfa a[href^="/u"],.right_tfa div td span a[href^="/u"],.right_tfa div td span a[href^="/u"] span
{
font-size:11px !important;
color:#20aec8!important;
text-decoration:none !important;
}
.left_tfa img{display:none !important;}
.info_gauche td.row1 , .info_gauche span,.info_droite div.gensmall{
  background-color:transparent !important;color:white !important;font-size:11px !important;}
    /* TABLE PRINCIPALE */
    #tout_qeel_TFA{
    width: 100%;
    background-color:#222;
    border:2px solid #20aec8;
  -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    }

    /* INFOBULLE DES GROUPES DU HAUT ET BAS SI PRESENTS */

    .group_bulle{
  cursor:pointer;
    display: inline;
  line-height: 16px;
    position:relative;
    margin: 1px 0;
    padding: 0;

    }

    /* STYLE BOUTON GROUPE */
    .bouts_groups{

    font : 11px Arial;
    text-align : center;
    padding: 3px;
    margin: 0px 1px;
    -moz-border-radius: 0px 0px 8px 8px ;
    -webkit-border-radius: 10px 10px 0px 0px ;
    border-radius:0px 0px 8px 8px ;
    -moz-box-shadow: 0px 0px 1px #000;
    -webkit-box-shadow: 0px 0px 2px #000;
    box-shadow: 0px 0px 4px #000;
    background: url(https://i.servimg.com/u/f87/11/26/21/37/img10.gif);
    border: 1px solid rgba(255,185,15, 0.2) !important; /* bordure transparente pour Firefox et autres compatibles */
    border:1px solid #000000; /* Pour tous les navigateurs à la traine */
    }

   

    /* PARTIE MASQUEE DE L’INFOBULLE */

    .in_bulle {
    display: none;
    margin: 0;
    padding: 0;
    }

    /* INFOBULLES AU SURVOL */

    .in_bulle:hover {
    background: none;
    z-index: 999;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .group_bulle:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:200px;
    display: block;
    margin: 0;
    top:25px;
    left: 45px;
    padding: 3px;
  background-color:#222;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }

    /* PARAGRAPHE DE L'INFOBULLE */

    .in_bulle p{
    width:95%;
    margin: 0 auto;
    padding: 4;
    font: 10px Arial;
    text-align: left;
    color: #FFF;
    margin-top: 5px;
    }

    /* LIEN DANS L'INFOBULLE */

    a.lien_groupe{
    font: 12px Arial;
    text-align: right;
    color: #CC0000;
    margin-top: 5px;
    }

    /* ROTATION DES BOUTONS AU SURVOL */

    .rotation:hover{
    -moz-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    }

    /* PARTIE DE GAUCHE */
    .gauche{
    border:1px solid #000000;
    padding: 4px;
    -moz-border-radius: 00px 0px 0px 00px ;
    -webkit-border-radius: 00px 0px 0px 00px ;
    border-radius:20px 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    box-shadow: 0px 0px 0px #000;
   
    border: 0px solid rgba(255,185,15, 0.2) !important; /* Firefox et autres compatibles */
    border: 0px solid #000000; /* Pour tous les navigateurs à la traine */
    }

    /* INFOBULLE DE GAUCHE */

    .info_gauche{
    position: relative;
    margin: 0;
    padding: 0;
  cursor:pointer;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .info_gauche:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:300px;
    display: block;
    margin: 0;
    top: 10px;
    left:50px;
    padding: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }

    /* INFOBULLE DE DROITE */

    .info_droite{
    position: relative;
    margin: 0;
    padding: 0;
  cursor:pointer;
    }

    /* CONFIGURATION-PARAMÈTRES DE L'INFOBULLE VISIBLE AU SURVOL */

    .info_droite:hover .in_bulle{
    position: absolute;
    z-index: 999;
    width:300px;
    display: block;
    margin: 0;
    top: 10px;
    right:50px;
    padding: 4px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
    border:1px dotted #20aec8;
    }
    .rotation-d:hover{
    -moz-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    }

    /* PARTIE DE DROITE */

    .droite{
    border:1px solid #c8c092;
    padding: 4px;
    -moz-border-radius: 0px 20px 20px 0px ;
    -webkit-border-radius: 0px 20px 20px 0px ;
    border-radius:0px 20px 20px 0px ;
    -moz-box-shadow: 0px 0px 0px #000;
    -webkit-box-shadow: 0px 0px 0px #000;
    box-shadow: 0px 0px 0px #000;
 
    border: 0px solid rgba(255,185,15, 0.4) !important; /* bordure transparente pour Firefox et autres compatibles */
    border:0px solid #DF9500 ; /* Pour tous les navigateurs à la traine */
    }

    /* IMAGE DE GAUCHE AVEC UNE OPACITE*/

    .left_tfa img
    {
    position:absolute;
    width:160px;
    height:160px;
    margin-left:20%;
    opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    filter : alpha(opacity=50); /* IE < 8 */
    }


    /* IMAGE DROITE AVEC UNE OPACITE*/

    .right_tfa img
    {
    position:absolute;
    width:160px;
    height:160px;
    margin-left:20%;
      opacity : 0.5;
    -moz-opacity : 0.5;
    -ms-filter: "alpha(opacity=50)"; /* IE 8 */
    filter : alpha(opacity=50); /* IE < 8 */
    }
    /* ON DONNE TOUTE L OPACITE AU SURVOL*/
    .left_tfa img:hover ,  .right_tfa img:hover
    {
    opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
    filter : alpha(opacity=100); /* IE < 8 */
    }


Ton template Index_body:

Code:

  {JAVASCRIPT}
    <!-- BEGIN message_admin_index -->
    <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
        <!-- BEGIN message_admin_titre -->
        <tr>
            <td class="catHead" height="28"><span class="cattitle">{message_admin_index.message_admin_titre.MES_TITRE}</span></td>
        </tr>
        <!-- END message_admin_titre -->
        <!-- BEGIN message_admin_txt -->
        <tr>
            <td class="row1" rowspan="3" align="center" valign="middle">
            <div class="gensmall">{message_admin_index.message_admin_txt.MES_TXT}</div>
            </td>
        </tr>
        <!-- END message_admin_txt -->
    </table>
    <!-- END message_admin_index -->

    <!-- BEGIN switch_user_login_form_header -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <!-- BEGIN switch_fb_connect_no -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                            <td><input class="post" type="text" size="10" name="username"/> </td>
                            <td>
                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                <span class="gensmall">{L_AUTO_LOGIN}</span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                            <td><input class="post" type="password" size="10" name="password"/> </td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect_no -->

        <!-- BEGIN switch_fb_connect -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td valign="top" width="100%" class="row1" align="center">
                    <table width="100%">
                        <tr>
                            <td width="55%" valign="middle" align="right">
                                <table class="right">
                                    <tr>
                                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                                        <td><input class="post" type="text" size="10" name="username"/> </td>
                                        <td>
                                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                            <span class="gensmall">{L_AUTO_LOGIN}</span>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                        <td><input class="post" type="password" size="10" name="password"/> </td>
                                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                    </tr>
                                </table>
                            </td>
                            <td width="10%" align="center" valign="middle">
                                <span class="genmed fb_or">{switch_user_login_form_header.switch_fb_connect.L_OR}</span>
                            </td>
                            <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{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></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_header -->

    {CHATBOX_TOP}
    {BOARD_INDEX}
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="50%" valign="top">
                <!-- BEGIN switch_user_logged_in -->
                <span class="gensmall"><a href="{U_MARK_READ}" class="gensmall">{L_MARK_FORUMS_READ}</a></span>
                <!-- END switch_user_logged_in -->
                <!-- BEGIN switch_delete_cookies -->
                <br /><span class="gensmall"><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a></span>
                <!-- END switch_delete_cookies -->
            </td>
            <td width="50%" align="right">
                <span class="gensmall">
                    <a href="{U_TODAY_ACTIVE}" class="gensmall">{L_TODAY_ACTIVE}</a><br />
                    <a href="{U_TODAY_POSTERS}" class="gensmall">{L_TODAY_POSTERS}</a><br />
                    <a href="{U_OVERALL_POSTERS}" class="gensmall">{L_OVERALL_POSTERS}</a>
                    <!-- BEGIN switch_on_index -->
                        <!-- BEGIN switch_delete_cookies -->
                        <br /><a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
                        <!-- END switch_delete_cookies -->
                    <!-- END switch_on_index -->
                </span>
            </td>
        </tr>
    </table>

    <!-- BEGIN switch_user_login_form_footer -->
    <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <!-- BEGIN switch_fb_connect_no -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td class="row1" align="center">
                    <table border="0" cellspacing="0" cellpadding="0">
                        <tr>
                            <td><span class="genmed">{L_USERNAME}:</span> </td>
                            <td><input class="post" type="text" size="10" name="username"/> </td>
                            <td>
                                <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                <span class="gensmall">{L_AUTO_LOGIN}</span>
                            </td>
                        </tr>

                        <tr>
                            <td><span class="genmed">{L_PASSWORD}:</span> </td>
                            <td><input class="post" type="password" size="10" name="password"/> </td>
                            <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect_no -->

        <!-- BEGIN switch_fb_connect -->
        <table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
            <tr>
                <td valign="top" width="100%" class="row1" align="center">
                    <table width="100%">
                        <tr>
                            <td width="55%" valign="middle">
                                <table class="right">
                                    <tr>
                                        <td><span class="genmed">{L_USERNAME}:</span> </td>
                                        <td><input class="post" type="text" size="10" name="username"/> </td>
                                        <td>
                                            <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />
                                            <span class="gensmall">{L_AUTO_LOGIN}</span>
                                        </td>
                                    </tr>

                                    <tr>
                                        <td><span class="genmed">{L_PASSWORD}:</span> </td>
                                        <td><input class="post" type="password" size="10" name="password"/> </td>
                                        <td>{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></td>
                                    </tr>
                                </table>
                            </td>
                            <td width="10%" align="center" valign="middle">
                                <span class="genmed fb_or">{switch_user_login_form_footer.switch_fb_connect.L_OR}</span>
                            </td>
                            <td width="35%" class="align_gauche"><fb:login-button size="large" onlogin="window.location='/facebook_connect.forum'" v="2" scope="{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></td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
        <!-- END switch_fb_connect -->
    </form>
    <!-- END switch_user_login_form_footer -->

    <!-- BEGIN disable_viewonline -->
    <!-- DEBUT QEEL INFOBULLE TFA -->
      <br />
    <table id="tout_qeel_TFA">
    <!-- DEBUT MODIFICATIONS DES GROUPES -->
      <tr>
        <td  colspan="2" style="width: 100%;text-align:center;height:16px;">
     
        <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #D70124;">Administrateurs</span>
      <div class="in_bulle">
          <p>
            <b>Administrateurs</b>
            <br />
 
Les administrateurs du forum, ce sont eux qui dirigent ce forum et prennent toutes les décisions, n'hésitez pas à les contacter en cas de problème !
            <br />
         
          </p>
        </div>
      </div>

      <!-- FIN INFOBULLE -->

      <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #410084;">Modératrice Créatrice</span>
      <div class="in_bulle">
          <p>
            <b>Modératrice Créatrice</b>
            <br />
         
            Les modératrices créatrices du forum modèrent les forums, font attention que les règles soient respectées.
            Si trop d'abus de l'un d'entre eux, veuillez contacter un administrateur, merci.
            <br />
       
          </p>
        </div>
      </div>

      <!-- FIN INFOBULLE -->

      <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #a19b03;">Modératrice accueil</span>
      <div class="in_bulle">
          <p>
            <b>Modératrice accueil</b>
            <br />
       
            Les modératrices acceuil du forum modèrent les forums, font attention que les règles soient respectées.
            Si trop d'abus de l'un d'entre eux, veuillez contacter un administrateur, merci.
            <br />
       
          </p>
        </div>
      </div>

      <!-- FIN INFOBULLE -->

      <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #198400;">Créatrice PFS</span>
      <div class="in_bulle">
          <p>
            <b>Créatrice PFS</b>
            <br />
       
            Les créatrices PFS    ......
            <br />
       
          </p>
        </div>
      </div>

      <!-- FIN INFOBULLE -->

      <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #920000;">Modérateur Créateur</span>
      <div class="in_bulle">
          <p>
            <b>Modérateur Créateur</b>
            <br />
            Les modérateurs créateurs du forum modèrent les forums, font attention que les règles soient respectées.
            Si trop d'abus de l'un d'entre eux, veuillez contacter un administrateur, merci.
          </p>
        </div>
      </div>

      <!-- FIN INFOBULLE -->

      <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #840047;">Modérateurs filtres</span>
      <div class="in_bulle">
          <p>
            <b>Modérateurs filtres</b>
            <br />
            Les modérateurs filtres du forum modèrent les forums, font attention que les règles soient respectées.
            Si trop d'abus de l'un d'entre eux, veuillez contacter un administrateur, merci.         
            <br />
         
          </p>
        </div>
      </div>

      <!-- FIN INFOBULLE -->
   
      <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #E3EA0B;">Groupe des chevronnés</span>
      <div class="in_bulle">
          <p>
            <b>Groupe des chevronnés</b>
            <br />
          Le groupe des chevronnés .....
            <br />
       
          </p>
        </div>
      </div>
      <!-- FIN INFOBULLE -->
            <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #E3EA0B;">Nouveau Membre</span>
      <div class="in_bulle">
          <p>
            <b>Nouveau Membre</b>
            <br />
          Les nouveaux Membres sont...
            <br />
       
          </p>
        </div>
      </div>
      <!-- FIN INFOBULLE -->
      <div style="clear:both;"></div>
        </td>
      </tr>

    <!-- FIN MODIFICATIONS DES GROUPES --> 

    <!-- DEBUT MODIFICATIONS DU QEEL COTE GAUCHE --> 

      <tr style=" padding:5px;">
        <td class="gauche" style="width: 50%;" valign="middle">
      <!-- IMAGE  DE GAUCHE -->
          <div class="left_tfa"><b>Les derniers sujets</b><div>Patientez</div></div>
       
         
      <!-- FIN TEXTE EN ROTATION DE GAUCHE -->
      <div style="clear:both;"></div>
          <table width="100%" border="0">
            <tr>
              <td >   
                     
      <!-- DEBUT INFOBULLE gauche -->         
      <div class="info_gauche">
        <img class="rotation" style="float:left;" alt="Record" title="Record des membres en ligne" src="https://i.servimg.com/u/f87/11/26/21/37/112.png" />
      <div class="in_bulle">
          <p>
            {RECORD_USERS}<br />  {LOGGED_IN_USER_LIST}
          </p>
        </div>
      </div>
      <!-- FIN INFOBULLE gauche -->   
       
              </td>
            </tr>
   
            <tr>
              <td>
       
      <!-- DEBUT INFOBULLE gauche -->         
      <div class="info_gauche">
        <img class="rotation" style="float:left" alt="Anniversaire" title="Les anniversaires sur le forum" src="https://i.servimg.com/u/f87/11/26/21/37/113.png" />
      <div class="in_bulle">
                <table width="100%" id="qeeltd">
            <span id="anniversaire">{L_WHOSBIRTHDAY_TODAY}
              {L_WHOSBIRTHDAY_WEEK}</span>
       
              </table>
      <!-- FIN INFOBULLE gauche -->         
              </td>
            </tr>

            <tr>
              <td>
       
      <!-- DEBUT INFOBULLE gauche -->         
      <div class="info_gauche">
        <img class="rotation" style="float:left;" alt="Dernières visites" title="Dernières visites" src="https://i.servimg.com/u/f87/11/26/21/37/114.png" />
      <div class="in_bulle">
          <div>
            <table>{L_CONNECTED_MEMBERS}</table>
          </div>
        </div>
      </div>
      <!-- FIN INFOBULLE gauche -->     
              </td>
            </tr>
          </table>
        </td>
    <!-- FIN MODIFICATIONS DU QEEL COTE GAUCHE --> 

    <!-- DEBUT MODIFICATIONS QEEL COTE DROIT --> 

        <td class="droite" style="width: 50%;" valign="middle">
      <!-- IMAGE DE DROITE -->
          <div class="right_tfa"><b>Les statistiques</b><div>Patientez</div></div>
      <!-- FIN TEXTE EN ROTATION DE DROITE -->
      <div style="clear:both;"></div>   
          <table width="100%" border="0" valign="middle">
            <tr>
                <td>                 
      <!-- DEBUT INFOBULLE droite -->         
      <div class="info_droite">
        <img class="rotation-d" style="float:right;" alt="Stats" title="Les statistiques du forum"  src="https://i.servimg.com/u/f87/11/26/21/37/115.png" />
        <div class="in_bulle">
          <div class="gensmall">{TOTAL_POSTS}<br />{TOTAL_USERS}</div>
        </div>
      </div>
      <!-- FIN INFOBULLE droite -->     
                </td>
            </tr>

            <tr>
                <td>
      <!-- DEBUT INFOBULLE droite -->         
      <div class="info_droite">
        <img class="rotation-d" style="float:right;" alt="Dernier inscrit" src="https://i.servimg.com/u/f87/11/26/21/37/116.png" title="Dernier  inscrit" />
        <div class="in_bulle">
          <div class="gensmall"> {NEWEST_USER}</div>
        </div>
      </div>
      <!-- FIN INFOBULLE droite -->     
              </td>
            </tr>
         
            <tr>
              <td>
      <!-- DEBUT INFOBULLE droite -->         
      <div class="info_droite">
        <img  class="rotation-d" style="float:right;" alt="Utilisateurs en ligne" src="https://i.servimg.com/u/f87/11/26/21/37/117.png" title="Utilisateur en lignes" />
      <div class="in_bulle">
          <div class="gensmall">{TOTAL_USERS_ONLINE}</div>
        <div class="gensmall">{Google}</div>
        </div>
      </div>
      <!-- FIN INFOBULLE droite -->       
            </td>
          </tr>
        </table>
      </td>
      </tr>
    <!-- FIN MODIFICATIONS QEEL COTE DROIT -->

    <!-- DEBUT MODIFICATIONS GROUPES DU BAS -->
      <tr>
        <td  colspan="2" style="width: 100%; padding-left: 25px;">
     
 
        </td>
      </tr>

    <!-- FIN MODIFICATIONS DES GROUPES DU BAS -->
      </table>
    <!-- FIN QEEL INFOBULLE TFA -->
    <!-- END disable_viewonline -->
    {CHATBOX_BOTTOM}
    <br clear="all" />
    <!-- BEGIN switch_legend -->

    <!-- 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,
        oauth: true
    });
    //]]>
    </script>
    <!-- END switch_fb_index_login -->


Tu pourras déposer le texte des infobulle suivant les groupes dans ce template.

Ensuite le script qui fera disparaitre provisoirement les derniers sujets et les statistiques au survol des petites image afin d'avoir un visu correcte des infobulles.
Le script contient aussi les deux requêtes pour les derniers sujets et les statistiques.



Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mets un titre explicite.
Coches sur l'index.


Déposez ceci:

Code:


$(function(){
$.get('/portal' , function(data){
var h= $(data).find('.portal').find('.marquee').html();
$('.left_tfa div').html(h);
});});

$(function(){
$.get('/portal' , function(data){
var M14_stats=$(data).find('#M14_Stats tr:eq(1)').html();

$('.right_tfa div').html(M14_stats);
});});


$(function(){
$('.info_gauche').hover(function(){
$('.left_tfa').css('opacity','0');
}, function(){
$('.left_tfa').css('opacity','1');
});
 
  $('.info_droite').hover(function(){
$('.right_tfa').css('opacity','0');
}, function(){
$('.right_tfa').css('opacity','1');
});
});



Penses a cliquer sur le bouton Valider


Puis on va donner un in à la table du widget Stats afin de le récurer facilement lors de la requête:

Dans le template mod_statistics:
Affichage/Templates/Portail/mod_statistics

Remplaces ceci:

Code:

<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

par ceci:

Code:

<table id="M14_Stats"class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Penses à enregistrer puis à valider en cliquant respectivement sur Enregistrer puis

donc je commence a partir de la Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript????????????

coucou voilas les deux dernière action sont faite quand au infos bulle je me repère a quoi ? j'ai un peur de toucher 

Alors pour les infobulles, tu as à plusieurs reprises ce code html dans le template:

Code:

 <!-- DEBUT INFOBULLE -->
             
    <div class="group_bulle">
      <span class="bouts_groups" style="color: #D70124;">Administrateurs</span>
      <div class="in_bulle">
          <p>
            <b>Administrateurs</b>
            <br />
 
Les administrateurs du forum, ce sont eux qui dirigent ce forum et prennent toutes les décisions, n'hésitez pas à les contacter en cas de problème !
            <br />
         
          </p>
        </div>
      </div>

      <!-- FIN INFOBULLE -->


Il suffit de modifier le texte qui se trouve entre les 2 sauts de ligne soleda :
C'est à dire:

Code:

 
<br />
 
Les administrateurs du forum, ce sont eux qui dirigent ce forum et prennent toutes les décisions, n'hésitez pas à les contacter en cas de problème !
            <br />


ok pour le texte je vais laisser comme tu a mis pour moi ces bien et j'ai trouvé pour les couleurs pour le moment je clôture pas milles merci

Oki pas de soucis,
lorsque tu auras décidé de mettre en résolu, n'édites pas ton sujet mais clique en haut de page sur le bouton prévu à cet effet:

merci petit soucis j'ai bien mis les couleurs mais il y a un nouveau membre qui reste en bleu alors qu il devrais être en blanc ?

Re soleda,

je viens de corriger la feuille de style chère amie

Bonjour Milouze je t'avoue que j'ai chercher mais voilas a chacun sont truc ...  je te remercie infiniment te souhaite une belle journée et je marque résolu sans éditer mon message 

Hello soleda,

de rien et je vois que tu as bien retenue la leçon pour mettre en résolu .

-Staff du Forum Milouze14- Hello  Sujet résolu et déplacé dans le forum adéquat. Pour toute information,merci de contacter un Membre du Staff