School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette)

AccueilFAQRechercherMembresGroupesS'enregistrerConnexion

 


Partager | 
 

 [Question]Personnaliser son "qui est en ligne"

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
 

Tite-May

Doyenne

Voir le dossier scolaire

Doyenne

Féminin Rang spécial: Doyenne du Forum : ancienne Directrice
Nombre de messages: 8592
Age: 19
Localisation: Loir et cher
$ops: 10873
Points: 180
Date d'inscription: 28/04/2009
Distinctions: *** Assistante personnelle de Miettes ***

 
MessageSujet: [Question]Personnaliser son "qui est en ligne"   Lun 18 Juil - 10:30

Toutes les questions concernant ce tutos se poseront ici.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://school-of-pub.fr
 

Petite Folle

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 11
Age: 15
$ops: 15
Points: 5
Date d'inscription: 29/10/2011
 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Lun 12 Déc - 20:02

Bonjour,

que dois-je mettre dans lorsque je veux changer {Record_user}, {LOGGED_IN_USER_LIST} ainsi que "Il y a actuellement 0 utilisateur(s) sur la ChatBox : " par "Il y actuellement 0 étudiant(s) dans la Cafétéria : "

Merci
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mysth-university.forumgratuit.org
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Lun 12 Déc - 21:01

Hello Smile

Tu parles bien pour la CB là ? Pas pour le forum ? Tu es sûre de tes variables ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Petite Folle

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 11
Age: 15
$ops: 15
Points: 5
Date d'inscription: 29/10/2011
 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Mar 13 Déc - 5:58

Je ne comprends pas vraiment.
Pour faire clair, dans mon forum, je voudrais changer :
(hose en touré) comment dois-je faire ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mysth-university.forumgratuit.org
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l'émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Mar 13 Déc - 10:50

Coucou Smile

Tout est expliqué dans le tuto.

Citation:
Le record du nombre d'utili....


-> variable = {TOTAL_USERS_ONLINE}

Citation:
utilisateur en ligne


-> variable = {LOGGED_IN_USER_LIST}

Citation:
pour la CB


-> il faut que je regarde quelle est la variable

Et à chaque fois c'est le même principe

Code:
<span id="nom">{variable}<script type="text/javascript">document.getElementById('nom').innerHTML=document.getElementById('nom').innerHTML.replace(/Mot de base/,"Nouveau mot");</script></span>


Je te propose de le faire déjà pour les 2 premiers points Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Petite Folle

Etudiante

Voir le dossier scolaire

Etudiante

Féminin Nombre de messages: 11
Age: 15
$ops: 15
Points: 5
Date d'inscription: 29/10/2011
 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Mar 13 Déc - 20:23

Oui sauf qu'il n'y a pas le code que l'on doit mettre après
Code:
getElementById
et c'est sur ca que je bloque.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://mysth-university.forumgratuit.org
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Lun 19 Déc - 14:39

Bah c'est toi qui choisit le nom Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Sin

Retraitée

Voir le dossier scolaire

Retraitée

Féminin Rang spécial: Ancienne Pitre spécialisée dans les Olympiades
Nombre de messages: 3473
Age: 16
$ops: 1842
Points: 235
Date d'inscription: 10/02/2010
Distinctions: Miss Pitre #3
Déléguée d'Octobre 2011
Assistante personnelle de Jen

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Lun 23 Jan - 17:17

Hey Smile

J'avais déjà modifier une fois mon QEEL (avec l'aide de Miettes), seulement maintenant que le design a changé il faut que je ré-adapte mon QEEL et là pas moyen de trouver comment faire --" En gros voilà ce que j'ai :



Et ce que j'aimerais :



J'pense qu'il y en aura besoin donc mon template :

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>
         <!-- END switch_user_logged_in -->
         <!-- BEGIN switch_delete_cookies -->
         <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
         <!-- END switch_delete_cookies -->
         </span>
      </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 -->
<table class="forumline" width="670" height:"400" border="0" cellspacing="1" cellpadding="0" id="qeel" align="center">
   
  <tr>
    <td class="row1" width="450" height="350" style="border:0 !important;"> <center><div id="bloc_gp1"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Elites</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 1</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 2</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 3</a></span></div><div id="bloc_gp2"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 4</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 5</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 6</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Administration</a></span></div><div id="bloc_gp2"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Professeurs</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Personnes hors université</a></span></div></center>
  <span class="gensmall">Bienvenue à la Black-Bird University, troisième meilleure université au monde. Je pense, en qualité que directeur, que pour que vous compreniez l'ampleur de notre université, il vous en faut les statistiques. Les voici donc :<br />
      <span id="total_users">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('total_users').innerHTML=document.getElementById('total_users').innerHTML.replace(/Nous avons/,"Nous comptons actuellement"); document.getElementById('total_users').innerHTML=document.getElementById('total_users').innerHTML.replace(/membres enregistrés/,"étudiants.");</script> <span id="total_posts">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('total_posts').innerHTML=document.getElementById('total_posts').innerHTML.replace(/Nos membres ont posté un total de/,"Ces étudiants souhaitent, pour la plupart, plus que tout réussir leurs études et par conséquent ont rendus un total de"); document.getElementById('total_posts').innerHTML=document.getElementById('total_posts').innerHTML.replace(/messages/,"devoirs en temps et en heure.");</script> <span id="newest_user">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('newest_user').innerHTML=document.getElementById('newest_user').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Notre dernier étudiant arrivé se nomme");</script>. Petit dernier, tout le monde l'aide à s'intégrer au mieux à l'université. <span id="total_user_online">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Il y a en tout/,"Nos relevés indiquent qu'il y a actuellement"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/utilisateur en ligne ::/,"étudiants en train de travailler d'arrache-pied dont"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Enregistré,/,"étudiant,"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Invisible et/,"fantôme et"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Invité/,"visiteur.");</script> <span id="logged_in_user_list">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('logged_in_user_list').innerHTML=document.getElementById('logged_in_user_list').innerHTML.replace(/Utilisateurs enregistrés :/,"Ces étudiants parcourant l'école à la recherche du mystère ne sont autre que");</script>. <br />
<span id="record_users">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('record_users').innerHTML=document.getElementById('record_users').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Notre plus grand nombre d'étudiant à la bibliothèque en train de travailler est de");</script>. <br />
<span id="l_connected_members">{L_CONNECTED_MEMBERS}</span><script type="text/javascript">document.getElementById('l_connected_members').innerHTML=document.getElementById('l_connected_members').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"Au cours de ces 24 dernières heures, les étudiants qui ont été présents étaient");</script></span>

<span id="l_connected_member">{L_CONNECTED_MEMBER}</span><script type="text/javascript">document.getElementById('l_connected_member').innerHTML=document.getElementById('l_connected_member').innerHTML.replace(/Membre connecté au cours des 24 dernières heures :/,"Au cours de ces 24 dernières heures, les étudiants qui ont été présents étaient");</script></span></td>
  </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td class="row1">
         <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
         </span>
      </td>
   </tr>
   <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- 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 -->


Et mon CSS :

Code:
/***********CATÉGORIES************/
.sujets_messages
{margin-top: 3px; /* pour faire un léger espace entre le bord et la ligne des "messages & sujets"; on évite de retirer */
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */

-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
background-image: url(http://img4.hostingpics.net/pics/992672dn1pxz.jpg);}


.derniers_sujets
{margin-top: 3px;
padding: 3px; /* pour ne pas que le texte se colle aux bords du cadre; on évite de retirer */*/

/* après on peut rajouter ce qu'on veut : une bordure, une image de fond, un arrondi juste sur deux côtés ... */
border: 1px dashed #FFFFFF;
background-image: url(http://img4.hostingpics.net/pics/992672dn1pxz.jpg);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;}

.titre_categorie {
      background-image: url(http://img4.hostingpics.net/pics/992672dn1pxz.jpg);
      -moz-border-radius-topleft: 10px; /*arrondi angle gauche*/
      -moz-border-radius-topright: 10px; /*arrondi angle droit*/
      -webkit-border-radius-top-left: 10px; /*arrondi angle gauche*/
      -webkit-border-radius-top-right: 10px; /*arrondi angle droit*/
      margin-top: 10px; /*ne pas modifier*/
      margin-bottom: -10px; /*a modifier selon vos goûts*/
      text-align: center; /*alignement du texte*/
      height: auto; /*hauteur à modifier selon vos goûts*/
      width: 500px; /*largeur à modifier selon vos goûts*/
      margin-left: 350px; /*pour déplacer la position des titres des catégories*/
      padding-top: 1px !important; /*espace entre la bordure et le texte*/
      padding-bottom: 5px !important; /*espace entre la bordure et le texte*/
      -moz-text-shadow:  2px 2px 2px #000000; /*ombre sur le texte*/
      -webkit-text-shadow:  2px 2px 2px #00000; /*ombre sur le texte*/
      text-shadow:  2px 2px 2px #000000; /*ombre sur le texte*/
}


/***************PROPRIÉTÉS CSS DES CONTOURS DE CATÉGORIES / FORUM***************/



th { /* Laissez tel quel */
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
box-shadow: 0 0 5px #a1626f;
-moz-box-shadow: 0 0 5px #a1626f;
-webkit-box-shadow: 0 0 5px #a1626f;
padding: 3px;
margin: 9px !important;
}

td.cat,td.catHead,td.catSides,td.catLeft,td.catRight,td.catBottom { /* Laissez tel quel */
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
box-shadow: 0 0 5px #a1626f;
-moz-box-shadow: 0 0 5px #a1626f;
-webkit-box-shadow: 0 0 5px #a1626f;
padding: 3px;
}

.row1,.forumline .row2,.forumline .row3,.forumline .row3Right { /* Laissez tel quel */
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 8px;
box-shadow: 0 0 2px #a1626f;
-moz-box-shadow: 0 0 2px #a1626f;
-webkit-box-shadow: 0 0 2px #a1626f;
margin-top: 9px !important;
}

a.forumlink:link, a.forumlink:visited {
font-family:  serif;
background-color: #FFFFFF;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-top: 3px solid #363642;
border-bottom: 3px double #363642;
color: #000000;
letter-spacing: 3px;
display: block;
}
a.forumlink:hover, a.forumlink:hover:visited {
color: #363642;
text-align: center;
display: block;
border-top: 3px solid #646B82;
border-bottom: 3px double #646B82;
-moz-border-radius: 5px 5px 5px 5px;
}

/***************DIVERS***************/

.mystats_fa{
padding: 3px;
float:right;
font-family: verdana;
font-size: 10px;
font-weight: bold;
}

a.mainmenu {
text-align : center;
text-transform : uppercase ;
color: #000000;
background-color: #FFFFFF;
border-bottom: 1px solid #couleur du soulignement;
}

a.mainmenu:hover{
text-transform : uppercase ;
color: #000000;
background-color: "FFFFFF;
border-bottom: 1px solid #couleur du soulignement;
}

a:link {text-decoration: none;}
a:hover{text-decoration: none !important;}
a { text-decoration: none; }
a:link { text-decoration: none; }
a:hover { text-decoration: none; }

/**************ALIGNEMENT DU TEXTE A DROITE (JUSTIFY)*************/

.postbody {
    padding-left: 30px; /*Justification du côté gauche*/
    padding-right: 30px; /*Justification du côté droit*/
    text-align:justify;
}

/*********LIMITATION DES SIGNATURES / AVATARS TROP GRANDES*********/

.signature_div {
overflow: auto;
 width: 600px;
height: 400px;
}

.limitation-avatar img {
max-width: 200px;
max-height: 320px;
}.


*******************PAGE ACCUEIL**********************
.titre {
 text-transform:uppercase;
 font-size:15px;
 text-align:center;
 margin-bottom: 3px;
 }


.cellules {
 -moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 border: 2px solid #4A4040;
 padding: 5px;
 box-shadow: 3px 3px 3px #888;
 -moz-box-shadow: 3px 3px 3px #888;
 }

.cellules2 {
 -moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 border: 2px solid #4A4040;
 padding: 5px;
 height: 200px;
 overflow: auto;
 box-shadow: 3px 3px 3px #888;
 -moz-box-shadow: 3px 3px 3px #888;
 }

.info .bulle
{                 
    position      :  absolute;
    top            :  -2000em;
    left          :  -2000em;
    width          :  1px;
    height        :  1px;
    overflow      :  hidden;
    cursor: pointer; /* Forme de la souris */
    background    :  #B5B1B1;  /* Définition du fond, sinon on a le même que notre lien */
  border: 2px solid #4A4040; /* Définition des bordures */
  font-size      : 12px;  /* Taille de la police */
  -moz-border-radius: 25px;
 -webkit-border-radius: 25px;
 text-align:center;
}
.info
{     
  position: relative; /* Correction pour maximiser la compatibilité */
  color          : #000000; /* Couleur de notre lien */
  text-decoration : none;    /* Aucun soulignement du texte */
  padding        : 2px 12px 2px 2px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  background      : transparent url('comment.gif') no-repeat right center;
}

.info:hover .bulle, .info:focus .bulle, .info:active .bulle
{
  top: 5px;
  left: 15px;
    width      :  auto;
    height    :  auto;
    overflow  :  visible;
  color: #000000; /* texte dans l'infobulle */
  padding: 10px;
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */
  position: absolute;
}             

.info:hover
{
  border : 0;
}
*****************************************************************

I{border-bottom:none; color:#7d0213;text-decoration: none
}

a:hover{text-transform:uppercase;}
a {font-variant: small-caps;}


*************BORDURES DU FORUM***********

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

.forumline{color: #4A4040;
-moz-border-radius: 14px 14px 14px 14px;
border-bottom: 3px solid  ;
border-top: 1px solid;
border-right: 6px solid ;
border-left: 6px solid ;}

*******************************************



a.forumlink:link, a.forumlink:visited {
font-family:  serif;
background-color:#1F1515;
text-transform : uppercase;
text-align: center;
font-size: 100%;
border-top: 3px solid #363642;
border-bottom: 3px double #363642;
color: #646B82;
letter-spacing: 3px;
display: block;
}
a.forumlink:hover, a.forumlink:hover:visited {
color: #363642;
text-align: center;
display: block;
border-top: 3px solid #646B82;
border-bottom: 3px double #646B82;
-moz-border-radius: 5px 5px 5px 5px;
}

a.mainmenu
{
font-family: valeur;
font-size: valeur;
text-align: center;
padding-left: valeur;
color: #valeur;
font-variant: small-caps;
background-image: url('Lien de votre image');
background-repeat: no-repeat;
background-color: #4a3535;
text-decoration: none;
border: 1px dashed #301313;
border-left: 6px solid #301313;
border-right: 6px solid #301313;
-moz-border-radius:10px;
}

input,textarea, select
{
-moz-border-radius: 5px 5px 5px 5px;
padding-left: 4px;
border: 1px dashed #658fa5;
}



.main
{font-family:  serif;
text-transform : uppercase;
text-align: center;
font-size: 100%;
background-color: #363642;
border-bottom: 2px solid #A6A4A4;
color: #FCFCFC;
letter-spacing: 1px;
display: block;}

.main:hover
{background-color: #A6A4A4;
text-align: center;
display: block;
border-bottom: 2px solid #363642;
}


.postdetails.poster-profile a img {
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-topleft:10px;
-moz-border-radius-topright:10px;
border: 5px solid #1F1515;
}

span.groupes{
font-weight:bold;
text-decoration:none;
font-size:10pt;
font-family:arial;
color:#7A584F;
text-align:center;
border: 1px dashed black;
background-color:white;
margin:6px;
padding:4px;
}

div#bloc_gp1{
  margin-left:20px;
margin-bottom:20px;
  }
 
div#bloc_gp2{
  margin-left:20px;
margin-bottom:20px;
  }

div#bloc_gp3{
  margin-left:20px;
margin-bottom:20px;
  }

table#qeel tr, table#qeel td{border: 0 !important;
}

table#qeel{
padding-top:10px;
 background-image: url('http://i1237.photobucket.com/albums/ff479/Audidounette/TBBU/QEEL-1.jpg');
  width:750px;
}
 
  table#qeel td.row1{
border: none !important;
 background-color:transparent;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
  }


/*--- Emplacement de la Bannière ---*/
body {
      background-repeat: no-repeat;
      background-position: center top;}

div.description, div.dernier_msg, div.infos_forum{
  border: 2px solid #000000;
  color: #000000;
  background-color: #FFFFFF;
  border-radius:12px;
  -webkit-border-radius:12px;
  -moz-border-radius:12px;
  padding:5px;
}

div.description{
  width:90%;
  font-size:12px;
  margin-bottom:0px;
  }
 
div.stats{
  width:50%;
  margin-right:10%;
  margin-left:auto;
  margin-top:0px;
  }
 
div.stats div{
  float:right;
  }

div.dernier_msg, div.infos_forum{
  width:30%;
  font-size:10px;
  text-align:center;
  height:30px;
  }


Je sens bien que c'est un code tout bête mais pas moyen de mettre la main dessus en bidouillant, ça fait trois jours que je cherche sans résultat :S

Merci d'avance ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Mar 24 Jan - 9:38

Euh... Ton forum est bien sous FA hein ?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Sin

Retraitée

Voir le dossier scolaire

Retraitée

Féminin Rang spécial: Ancienne Pitre spécialisée dans les Olympiades
Nombre de messages: 3473
Age: 16
$ops: 1842
Points: 235
Date d'inscription: 10/02/2010
Distinctions: Miss Pitre #3
Déléguée d'Octobre 2011
Assistante personnelle de Jen

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Mar 24 Jan - 11:24

Ouaip ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Mar 24 Jan - 14:13

Ok d'acc Smile

Donc dans ton CSS, tout ce qui concerne ton qeel est là

Code:
span.groupes{
font-weight:bold;
text-decoration:none;
font-size:10pt;
font-family:arial;
color:#7A584F;
text-align:center;
border: 1px dashed black;
background-color:white;
margin:6px;
padding:4px;
}

div#bloc_gp1{
  margin-left:20px;
margin-bottom:20px;
  }
 
div#bloc_gp2{
  margin-left:20px;
margin-bottom:20px;
  }

div#bloc_gp3{
  margin-left:20px;
margin-bottom:20px;
  }

table#qeel tr, table#qeel td{border: 0 !important;
}

table#qeel{
padding-top:10px;
 background-image: url('http://i1237.photobucket.com/albums/ff479/Audidounette/TBBU/QEEL-1.jpg');
  width:750px;
}
 
  table#qeel td.row1{
border: none !important;
 background-color:transparent;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
  }


On va commencer par modifier un peu le template pour ajouter 2 blocs :
-> un qui va encadrer tes groupes
Code:
<div id="placement_gp">
         <div id="bloc_gp1"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Elites</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 1</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 2</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 3</a></span></div><div id="bloc_gp2"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 4</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 5</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 6</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Administration</a></span></div><div id="bloc_gp2"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Professeurs</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Personnes hors université</a></span></div>
      </div>

-> un qui va encadrer le reste des infos
Code:
<div id="info_qeel">
         <span class="gensmall">Bienvenue à la Black-Bird University, troisième meilleure université au monde. Je pense, en qualité que directeur, que pour que vous compreniez l'ampleur de notre université, il vous en faut les statistiques. Les voici donc :<br />
         <span id="total_users">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('total_users').innerHTML=document.getElementById('total_users').innerHTML.replace(/Nous avons/,"Nous comptons actuellement"); document.getElementById('total_users').innerHTML=document.getElementById('total_users').innerHTML.replace(/membres enregistrés/,"étudiants.");</script> <span id="total_posts">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('total_posts').innerHTML=document.getElementById('total_posts').innerHTML.replace(/Nos membres ont posté un total de/,"Ces étudiants souhaitent, pour la plupart, plus que tout réussir leurs études et par conséquent ont rendus un total de"); document.getElementById('total_posts').innerHTML=document.getElementById('total_posts').innerHTML.replace(/messages/,"devoirs en temps et en heure.");</script> <span id="newest_user">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('newest_user').innerHTML=document.getElementById('newest_user').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Notre dernier étudiant arrivé se nomme");</script>. Petit dernier, tout le monde l'aide à s'intégrer au mieux à l'université. <span id="total_user_online">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Il y a en tout/,"Nos relevés indiquent qu'il y a actuellement"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/utilisateur en ligne ::/,"étudiants en train de travailler d'arrache-pied dont"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Enregistré,/,"étudiant,"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Invisible et/,"fantôme et"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Invité/,"visiteur.");</script> <span id="logged_in_user_list">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('logged_in_user_list').innerHTML=document.getElementById('logged_in_user_list').innerHTML.replace(/Utilisateurs enregistrés :/,"Ces étudiants parcourant l'école à la recherche du mystère ne sont autre que");</script>. <br />
         <span id="record_users">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('record_users').innerHTML=document.getElementById('record_users').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Notre plus grand nombre d'étudiant à la bibliothèque en train de travailler est de");</script>. <br />
         <span id="l_connected_members">{L_CONNECTED_MEMBERS}</span><script type="text/javascript">document.getElementById('l_connected_members').innerHTML=document.getElementById('l_connected_members').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"Au cours de ces 24 dernières heures, les étudiants qui ont été présents étaient");document.getElementById('l_connected_member').innerHTML=document.getElementById('l_connected_member').innerHTML.replace(/Membre connecté au cours des 24 dernières heures :/,"Au cours de ces 24 dernières heures, les étudiants qui ont été présents étaient");</script></span>
      </div>


pour qu'on puisse bien les placer grâce au CSS. Tu auras donc ce template
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>
        <!-- END switch_user_logged_in -->
        <!-- BEGIN switch_delete_cookies -->
        <br /><a href="{switch_delete_cookies.U_DELETE_COOKIES}" class="gensmall">{switch_delete_cookies.L_DELETE_COOKIES}</a>
        <!-- END switch_delete_cookies -->
        </span>
      </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 -->
<table class="forumline" width="670" height:"400" border="0" cellspacing="1" cellpadding="0" id="qeel" align="center">
 
  <tr>
    <td class="row1" width="450" height="350" style="border:0 !important;">
      <div id="placement_gp">
         <div id="bloc_gp1"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Elites</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 1</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 2</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 3</a></span></div><div id="bloc_gp2"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 4</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 5</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Classe 6</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Administration</a></span></div><div id="bloc_gp2"><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Professeurs</a></span><span class="groupes"><a href="LIEN_VERS_LE_GROUPE">Personnes hors université</a></span></div>
      </div>
      <div id="info_qeel">
         <span class="gensmall">Bienvenue à la Black-Bird University, troisième meilleure université au monde. Je pense, en qualité que directeur, que pour que vous compreniez l'ampleur de notre université, il vous en faut les statistiques. Les voici donc :<br />
         <span id="total_users">{TOTAL_USERS}</span><script type="text/javascript">document.getElementById('total_users').innerHTML=document.getElementById('total_users').innerHTML.replace(/Nous avons/,"Nous comptons actuellement"); document.getElementById('total_users').innerHTML=document.getElementById('total_users').innerHTML.replace(/membres enregistrés/,"étudiants.");</script> <span id="total_posts">{TOTAL_POSTS}</span><script type="text/javascript">document.getElementById('total_posts').innerHTML=document.getElementById('total_posts').innerHTML.replace(/Nos membres ont posté un total de/,"Ces étudiants souhaitent, pour la plupart, plus que tout réussir leurs études et par conséquent ont rendus un total de"); document.getElementById('total_posts').innerHTML=document.getElementById('total_posts').innerHTML.replace(/messages/,"devoirs en temps et en heure.");</script> <span id="newest_user">{NEWEST_USER}</span><script type="text/javascript">document.getElementById('newest_user').innerHTML=document.getElementById('newest_user').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Notre dernier étudiant arrivé se nomme");</script>. Petit dernier, tout le monde l'aide à s'intégrer au mieux à l'université. <span id="total_user_online">{TOTAL_USERS_ONLINE}</span><script type="text/javascript">document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Il y a en tout/,"Nos relevés indiquent qu'il y a actuellement"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/utilisateur en ligne ::/,"étudiants en train de travailler d'arrache-pied dont"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Enregistré,/,"étudiant,"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Invisible et/,"fantôme et"); document.getElementById('total_user_online').innerHTML=document.getElementById('total_user_online').innerHTML.replace(/Invité/,"visiteur.");</script> <span id="logged_in_user_list">{LOGGED_IN_USER_LIST}</span><script type="text/javascript">document.getElementById('logged_in_user_list').innerHTML=document.getElementById('logged_in_user_list').innerHTML.replace(/Utilisateurs enregistrés :/,"Ces étudiants parcourant l'école à la recherche du mystère ne sont autre que");</script>. <br />
         <span id="record_users">{RECORD_USERS}</span><script type="text/javascript">document.getElementById('record_users').innerHTML=document.getElementById('record_users').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Notre plus grand nombre d'étudiant à la bibliothèque en train de travailler est de");</script>. <br />
         <span id="l_connected_members">{L_CONNECTED_MEMBERS}</span><script type="text/javascript">document.getElementById('l_connected_members').innerHTML=document.getElementById('l_connected_members').innerHTML.replace(/Membres connectés au cours des 24 dernières heures :/,"Au cours de ces 24 dernières heures, les étudiants qui ont été présents étaient");document.getElementById('l_connected_member').innerHTML=document.getElementById('l_connected_member').innerHTML.replace(/Membre connecté au cours des 24 dernières heures :/,"Au cours de ces 24 dernières heures, les étudiants qui ont été présents étaient");</script></span>
      </div>
   </td>
  </tr>
  <!-- BEGIN switch_chatbox_activate -->
  <tr>
      <td class="row1">
        <span class="gensmall">{TOTAL_CHATTERS_ONLINE} :  {CHATTERS_LIST}<br />
            <!-- BEGIN switch_chatbox_popup -->
            <div id="chatbox_popup"></div>
            <script type="text/javascript">
            //<![CDATA[
            insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
            //]]>
            </script>
            <!-- END switch_chatbox_popup -->
        </span>
      </td>
  </tr>
  <!-- END switch_chatbox_activate -->
</table>
<!-- END disable_viewonline -->
{CHATBOX_BOTTOM}
<br clear="all" />
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
  <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>  </td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
  </tr>
</table>
<!-- 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 -->



On commence par les groupes :
-> On va centrer le contenu
-> Imposer une largeur
-> Décaller le bloc par rapport au bloc gauche
Code:
div#placement_gp{
   width:400px;
   margin-left:180px;
   text-align:center;
   }


Ensuite, le texte. On va :
-> Imposer une largeur
-> Mettre des marges automatiques (pour que le bloc soit centrer horizontalement)
-> Ajouter une marge en haut pour qu'il se place en dessous du texte "Qui tente de résoudre le mystère ?"
Code:
div#info_qeel{
   width:600px;
   margin:auto;
   margin-top:100px;
   }


Le tour est joué ^^

Voilà le CSS de ton qeel
Code:
/****** QEEL ******/
 
span.groupes{
   font-weight:bold;
   text-decoration:none;
   font-size:10pt;
   font-family:arial;
   color:#7A584F;
   text-align:center;
   border: 1px dashed black;
   background-color:white;
   margin:6px;
   padding:4px;
}

div#placement_gp{
   width:400px;
   margin-left:180px;
   text-align:center;
   }
   
div#info_qeel{
   width:600px;
   margin:auto;
   margin-top:100px;
   }

div#bloc_gp1{
   margin-left:20px;
   margin-bottom:20px;
}

div#bloc_gp2{
   margin-left:20px;
   margin-bottom:20px;
}

div#bloc_gp3{
   margin-left:20px;
   margin-bottom:20px;
}

table#qeel tr{
   vertical-align:top;
}

table#qeel td{
   border: 0 !important;
}

table#qeel{
   padding-top:24px;
   background-image: url('http://i1237.photobucket.com/albums/ff479/Audidounette/TBBU/QEEL-1.jpg');
   width:750px;
}

table#qeel td.row1{
   border: none !important;
   background-color:transparent;
   box-shadow: none !important;
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
}
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

Sin

Retraitée

Voir le dossier scolaire

Retraitée

Féminin Rang spécial: Ancienne Pitre spécialisée dans les Olympiades
Nombre de messages: 3473
Age: 16
$ops: 1842
Points: 235
Date d'inscription: 10/02/2010
Distinctions: Miss Pitre #3
Déléguée d'Octobre 2011
Assistante personnelle de Jen

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Mar 24 Jan - 19:07

OMG c'est magique x) Ca marche Very Happy Merci beaucoup Miettes Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
 

Miettes

Directrice

Voir le dossier scolaire

Directrice

Féminin Rang spécial: Designer professionnelle, formatrice analystes, codeurs, admins, animateurs, graphistes (photoshop, gimp)
Marraine

Rédactrice en chef du M-SoP

Chroniqueuse de l&#39;émission de SoP

Nombre de messages: 44255
Age: 24
Localisation: Lille
$ops: 21165
Points: 505
Date d'inscription: 01/02/2008
Distinctions: Membre de l'EST-SoP
*** Co-Rédactrice en Chef du M-SoP ***

 
MessageSujet: Re: [Question]Personnaliser son "qui est en ligne"   Mar 24 Jan - 19:53

De rien Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://pvereecken.fr/
 

[Question]Personnaliser son "qui est en ligne"

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
School of Pub :: Les cours :: Questions :: Informatique :: Gestion d'un forum-


Aller en haut
Aller en bas