
School of Pub, où la perfection est à la portée de chacun. (Dixit Audidounette) |
|
| | [Question]Personnaliser son "qui est en ligne" | |
| | Auteur | Message |
|---|
| | Tite-May 

Voir le dossier scolaire Doyenne 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 ***
| | |
 | |  | | | | Petite Folle 

Voir le dossier scolaire Etudiante Nombre de messages: 11 Age: 15 $ops: 15 Points: 5 Date d'inscription: 29/10/2011
| | |
 | Sujet: 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 |
|  | |  | |  | | | | Petite Folle 

Voir le dossier scolaire Etudiante Nombre de messages: 11 Age: 15 $ops: 15 Points: 5 Date d'inscription: 29/10/2011
| | |
 | |  | |  | Sujet: Re: [Question]Personnaliser son "qui est en ligne" Mar 13 Déc - 10:50 | |
| Coucou  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}
-> 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  |
|  | | | | Petite Folle 

Voir le dossier scolaire Etudiante Nombre de messages: 11 Age: 15 $ops: 15 Points: 5 Date d'inscription: 29/10/2011
| | |
 | |  | |  | |  | | | | Sin 

Voir le dossier scolaire Retraitée 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
| | |
 | Sujet: Re: [Question]Personnaliser son "qui est en ligne" Lun 23 Jan - 17:17 | |
| Hey  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 ^^ |
|  | |  | |  | | | | Sin 

Voir le dossier scolaire Retraitée 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
| | |
 | |  | |  | Sujet: Re: [Question]Personnaliser son "qui est en ligne" Mar 24 Jan - 14:13 | |
| Ok d'acc  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; } |
|
|  | | | | Sin 

Voir le dossier scolaire Retraitée 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
| | |
 | |  | |  | |  | | | | [Question]Personnaliser son "qui est en ligne" | |
|
| Page 1 sur 1 |
| | Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|