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

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 .

Hello soleda,

ce modèle me dit quelque chose, comment as tu trouver ce qeel car il provient d'une mes créations assez lointaine dirons nous.

Pour modifier le qeel, pas de soucis ensuite pour le reste il vaut mieux s'abstenir car ce dernier est bien trop compliqué a coder sur la version phpbb2.

Donc en faite, tu désires avoir les groupes en haut et le reste en dessous?
Soit précise dans ta demande .


Quelle est la couleur de fond noire ?

oui milouze c'est bien ce que je te disais ce matin oui fait de ton mieux et comme tu veux j'ai une grande confiance en ton travail on peut y mettre les widget dedans ?

Milouze14 a écrit:Hello soleda,

ce modèle me dit quelque chose, comment as tu trouver ce qeel car il provient d'une mes créations assez lointaine dirons nous.

et pour cette question?

ben ici je tes répondue en mp"oui pour l'image ce matin dans mon MP je tes dit que je chercher un code dans ton forum et j'ai trouver l'image que je tes mis . 

Oui,je sais :

je voudrais modifier le qui est en ligne et en cherchant le code dans ton forum je suis tombé sur l'image que je te pose ci-dessous....

Tu as le lien sur mon fofo stp

je vais voir si je le trouve dit moi j'ai un soucie j'ai enlevé des Widgets en page d’accueil et j'ai des lien par défaut du forum tous décalé ...........je vais voir si je te retrouve le lien

On reste dans le contexte de ta demande.

Pour résoudre ton soucis , ajoutes ceci:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
Déposes ceci:

Code:


.bodylinewidth
{
    width: 80% !important;
}



Penses à valider les modifications en cliquant sur le bouton Valider

oui merci beaucoup j'y vais et reviens pour te trouver le lien grand merci

Code:

/*********************************************CONTOUR CATEGORIES*/
.forumline
{
max-width: 1100px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
margin-top: 10px;
border: 2px dotted #000000;
border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-webkit-border-radius: 10px;
-htm-border-radius: 10px;
box-shadow: 0px 0px 4px #000000;
-moz-box-shadow: 0px 0px 4px#000000;
-o-box-shadow: 0px 0px 4px# #000000;
-webkit-box-shadow: 0px 0px 4px#000000;
-htm-box-shadow: 0px 0px 4px #000000;
}
/*********************************************FIN CONTOUR CATEGORIES*/
.signature_div img {
  max-height:150px;
  max-width:400px;
}
.postprofile {
width: 150px;
}
  
tr.post span.postdetails.poster-profile a[href^="/u"] img{
height:150px !important;
width:150px !important;
}  
#notif_unread.M14_NotiF_blink
{
color:Yellow !important;


}padding: 20px 30px 10px 10px;

/*Le bouton pour l ouverture de la fenetre*/
.M14_open_Body
{
width: 16px;
height: 16px;
right: 10px;
float: right;
cursor:pointer;
}
/*Le bouton pour la fermeture de la fenetre*/
.M14_close_Body
{
position: absolute;
width: 16px;
height: 16px;
top: 10px;
right: 10px;
cursor:pointer;
}
/*On place les transitions sur les messages*/
.postbody
{
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*La fenetre agrandie*/
#M14_Effet_body.postbody
{
/*On donne une position relative*/
position: relative;
/*On demande une marge negative a gauche pour la correction de la fenetre*/
left:-80px;
/*La couleur de fond*/
background: white;
/*La couleur de police*/
color:black;
/*La taille de police*/
font-size:14px;
/*On donne un espace conséquent si besoin peut etre supprime*/
padding: 20px 30px 10px 10px;
/*on agrandit sur la largeur et la hauteur sur la plupart des navigateurs*/
-ms-transform: scale(1.2,1.2);
-webkit-transform: scale(1.2,1.2);
transform: scale(1.2,1.2);
  /*la couleur de bordure*/
border:2px solid #006699;
  /*Les bordures arrondies sur la plupart des navigateurs*/
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
/* REPONSE AUTOMATIQUE */
    /*Auteur du sujet*/
    a.M14_Auteur
    {
    margin-left:5px;
    text-decoration:none !important;  
    }
    /*Avatar*/
    img.M14_Avatar
    {
    max-width:100px;
    max-height:100px;
    }
    /*Le corps du message*/
    #M14_postbody
    {
    font-style:italic;
    font-size:13px;
    color:green;
    }


désolé je te donne le css sa marche pas rien ne change

Ben, je ne vois pas ce que t'ai donné plus haut dans ta feuille de style

je les enlevé je pensé quil y avais une erreur je le place ou ?

Je viens de t'envoyer un M.P

Alors , il va me falloir le nom de chaque groupe et leur fonction afin de mettre en place l'infobulle Soleda.

On voit tout cela demain matin chère amie.

oui pas de problème merci beaucoup c'est très gentil bonne soirée.

Si tu peux me donner tout cela ce soir, je te donnerais l'astuce demain matin

Code:

[url=https://www.tutorielgraphismepfs.com/g1-administrateurs]Administrateurs[/url]
[url=https://www.tutorielgraphismepfs.com/g16-moderatrice-creatrice]Modératrice Créatrice[/url]
[url=https://www.tutorielgraphismepfs.com/g19-moderatrice-accueil]modératrice accueil[/url]
[url=https://www.tutorielgraphismepfs.com/g12-creatrice-pfs]Créatrice PFS[/url]
[url=https://www.tutorielgraphismepfs.com/g10-moderateur-createur]Modérateur Créateur[/url]
[url=https://www.tutorielgraphismepfs.com/g7-moderateurs-filtres]Modérateurs filtres[/url]
[url=https://www.tutorielgraphismepfs.com/g9-groupe-des-chevronnes]Groupe des chevronnés[/url]
[url=https://www.tutorielgraphismepfs.com/g17-nouveau-membre]Nouveau Membre[/url]

pour les couleurs place comme tu veut je les changerais après merci

Hello soleda,

hum et le texte (qui sera affiché au survol du groupe) ?

coucou ben je pense sinon place comme se que tu veut car je saie pas trop.merci.

Tu peux regarder ce forum test phpbb2:

http://testdesforums.1fr1.net/

Est ce que cela te convient ?
J'ai ajouté les derniers sujet et les stats

wooooo! magnificos !!!!!!! superbe quel beau travail c'est parfait un grand merci.

Merci,
encore un truc a peaufiner chère amie et je te donne tout çà

super je tes envoyer un mp 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