Qui est en ligne personnalisé selon un schéma
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Qui est en ligne personnalisé selon un schéma
Hello,
J'pense que j'ai mis mon ancien post en résolu, désolée =/. J'fais un copier/coller.
Bon, encore une autre qui gosse après sont QEEL... Ah, je suis désolée, j'ai passé l'après-midi à chercher un tutoriel et tout et tout, mais je suis vraiment une courge avec le codage. (Voyez, mon cerveau invente des expressions tellement il est en surchauffe TT__TT)
J'ai déjà essayé de faire des tableau, mais quand j'arrive dans le template, ça fonctionne plus, y'a plein de termes bizarres et le tableau rend pas vraiment comme il le devrait x_X. Ça fait plein de truc tout croche, en plus avec les scripts et tout le baratin déjà personnalisé... du coup, je suis toute perdue. Ou sinon, le bazar qui règne dans le template me perd complètement.
Voici ce que j'ai présentement (n'aller pas voir sur mon forum, c'est un aperçu de mon template modifié mais pas posté)
Les cadres blancs sont transparents, juste pour qu'on puisse les voir. Il y a un pointillé pour le titre/QEEL, parce que je ne sais pas si c'est possible de le faire arrêter là où il est indiqué dans le schéma. Les lignes vert flash représentent que les bords sont au même niveau, désolée si le schéma n'est pas tout à fait droit =/. Les cadres noirs, c'est pour une semi transparence et les barres bleues sont des scrollbars. Pour les groupes, en vert foncé, je serai capable par la suite de les modifier comme je le voudrai, au pire, je vous ferez encore signes ;P
Si vous pouviez m'expliquer comment faire pour personnaliser, ça serait vraiment agréable. Par expliquer, j'entends que si jamais il y a une code qui est posté, que je sache la fonction des différents éléments. Si possible. Histoire que je sois capable de bidouiller dessus ultérieurement.
PS : Je suis fondatrice et mon forum est en PhpBB2. J'utilise habituellement Google Chrome.
Merci de votre attention,
Ciela
J'pense que j'ai mis mon ancien post en résolu, désolée =/. J'fais un copier/coller.
Bon, encore une autre qui gosse après sont QEEL... Ah, je suis désolée, j'ai passé l'après-midi à chercher un tutoriel et tout et tout, mais je suis vraiment une courge avec le codage. (Voyez, mon cerveau invente des expressions tellement il est en surchauffe TT__TT)
J'ai déjà essayé de faire des tableau, mais quand j'arrive dans le template, ça fonctionne plus, y'a plein de termes bizarres et le tableau rend pas vraiment comme il le devrait x_X. Ça fait plein de truc tout croche, en plus avec les scripts et tout le baratin déjà personnalisé... du coup, je suis toute perdue. Ou sinon, le bazar qui règne dans le template me perd complètement.
Voici ce que j'ai présentement (n'aller pas voir sur mon forum, c'est un aperçu de mon template modifié mais pas posté)
- 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="QEEL" width="100%" border="0" cellspacing="10" cellpadding="10" -moz-border-radius: 35px; -webkit-border-radius: 35px; border-radius: 35px>
<tr>
<td class="catHead" colspan="2" height="28">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow"><center><FONT size=5 face="Georgia"><b><i>¤ Qui est en ligne ? ¤</i></b></FONT></center></a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
</tr>
<tr>
<td class="row1" rowspan="4" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
<td class="row1" width="100%"><span class="gensmall"><span id="first">{TOTAL_POSTS}{TOTAL_USERS}{NEWEST_USER}{TOTAL_USERS_ONLINE}</span>
<script type="text/javascript">document.getElementById('first').innerHTML=document.getElementById('first').innerHTML.replace(/Nos membres ont posté un total de (.+) message(s?)Nous avons (.+) membre(s?) enregistré(s?).L'utilisateur enregistré le plus récent est (.*)Il y a en tout (.+) utilisateur(s?) en ligne :: (.+) Enregistré(s?), (.+) Invisible(s?) et (.+) Invité(s?)/,"<div STYLE='text-align:justify'>Alors que ce monde, Alter-Mundus, n'est né que depuis moins d'un siècle, plusieurs de ses habitants ont réussi à se faire remarquer et à entrer dans la légende, dont $3 en particulier, de $1 manière$2 différente$2. Le dernier a avoir été aperçu est $6.<p>En ce moment, les nombreux territoires de Mystigia sont parcourus par $7 Lupus Draconis, ou autre$8 bête$8 peuplant cet univers, dont $9 cherchant la gloire dans une quête personnelle, $11 oeuvrant dans l'ombre pour servir un dessein secret et $13 voyageur$14 errant à la recherche de quelque chose d'intéressant.").replace(/:: (.+) Moteur(s?) de recherche/,"De plus, ils sont observés par $1 individu$2 venant d'une autre dimension.</div>");
</script>
<span id="second">
{RECORD_USERS}</span>
<script type="text/javascript">document.getElementById('second').innerHTML=document.getElementById('second').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"<p>Le record du nombre de chemins croisés en même temps dans ce périple est de");
</script>
<span id="third">
{LOGGED_IN_USER_LIST}</span>
<script type="text/javascript">document.getElementById('third').innerHTML=document.getElementById('third').innerHTML.replace(/Utilisateurs enregistrés :/,"Créatures explorant les Terres présentement :");
</script>
<tr id="qeel8" style="display:none;"><td></td></tr>{L_CONNECTED_MEMBERS}<script type="text/javascript">document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML=document.getElementById('qeel8').nextSibling.firstChild.firstChild.innerHTML.replace(/Membres connectés/,"Créature ayant sillonné Mystigia");</script>
{L_WHOSBIRTHDAY_TODAY}<span id="anniv"></span>
<script type="text/javascript">document.getElementById('anniv').parentNode.innerHTML=document.getElementById('anniv').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire aujourd'hui :/,"Aujourd'hui est un jour spécial, car c'est le jour de naissance de ").replace(/Aucun membre ne fête son anniversaire aujourd'hui/,"Aujourd'hui est un jour comme les autres.");</script>
<span id="week">{L_WHOSBIRTHDAY_WEEK}</span>
<script type="text/javascript">document.getElementById('week').parentNode.innerHTML=document.getElementById('week').parentNode.innerHTML.replace(/Membres fêtant leur anniversaire dans les 7 prochains jours:/,"Préparez-vous, car nous fêterons prochainement l'anniversaire de").replace(/Aucun membre ne fête son anniversaire dans les 7 prochains jours/,"Profitez-en pour vous amuser!");</script></span>
<td class="row1"><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></td>
</tr>
<!-- 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 -->
Les cadres blancs sont transparents, juste pour qu'on puisse les voir. Il y a un pointillé pour le titre/QEEL, parce que je ne sais pas si c'est possible de le faire arrêter là où il est indiqué dans le schéma. Les lignes vert flash représentent que les bords sont au même niveau, désolée si le schéma n'est pas tout à fait droit =/. Les cadres noirs, c'est pour une semi transparence et les barres bleues sont des scrollbars. Pour les groupes, en vert foncé, je serai capable par la suite de les modifier comme je le voudrai, au pire, je vous ferez encore signes ;P
Si vous pouviez m'expliquer comment faire pour personnaliser, ça serait vraiment agréable. Par expliquer, j'entends que si jamais il y a une code qui est posté, que je sache la fonction des différents éléments. Si possible. Histoire que je sois capable de bidouiller dessus ultérieurement.
PS : Je suis fondatrice et mon forum est en PhpBB2. J'utilise habituellement Google Chrome.
Merci de votre attention,
Ciela
Dernière édition par Arc-En-Ciela le Mar 10 Juil 2012 - 14:56, édité 1 fois
Re: Qui est en ligne personnalisé selon un schéma
Bonjour,
Etape 1.
Réaliser un tableau qui contient les éléments au bon emplacement:
Le code,en reprenant les éléments du qeel, est le suivant:
Etape 2:
Ajouter des div et des class pour faire les contours de chaque élément et une largeur aux cellules:
Pour la largeur des cellules(td) on se sert de width="XXXpx;".
Le code devient alors:
Etape 3.
On corrige les imperfections:
center le titre (align="center"), retirer les fond des connectés au cours de 24 heures et des anniversaires (avec des id et la feuille CSS), faire descendre les groupes(valign="bottom"). Le code devient alors:
Normalement, c'est assez proche du résultat souhaité, du moins je l'espère.
Pour les groupes, je n'ai pas très bien compris ce que vous souhaitez, mais je pense qu'il va falloir faire un tableau et rentrer chaque groupe manuellement dans le QEEL à l'aide du code ci-dessous.
Bien sincèrement.
Etape 1.
Réaliser un tableau qui contient les éléments au bon emplacement:
- Spoiler:
Le code,en reprenant les éléments du qeel, est le suivant:
- Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" background="{L_ONLINE_IMG}" style="background-repeat: no-repeat; background-position: center;">
<tr>
<td>
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
<td>
</td>
<td>
<span class="gensmall">{LOGGED_IN_USER_LIST}</span>
</td>
</tr>
<tr>
<td>
<span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}<br />
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}</span>
</td>
<td>
<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
</td>
<td>
<table>{L_CONNECTED_MEMBERS}</table>
</td>
</tr>
<tr>
<td colspan="3">
{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}
<!-- BEGIN switch_chatbox_activate -->
<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 -->
Etape 2:
Ajouter des div et des class pour faire les contours de chaque élément et une largeur aux cellules:
- Spoiler:
Pour la largeur des cellules(td) on se sert de width="XXXpx;".
Le code devient alors:
- Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" background="{L_ONLINE_IMG}" style="background-repeat: no-repeat; background-position: center;">
<tr>
<td width="320px">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
<td>
</td>
<td width="320px">
<div class="les_connectes">
<span class="gensmall">{LOGGED_IN_USER_LIST}</span>
</div>
</td>
</tr>
<tr>
<td width="320px">
<div class="les-stats_qeel">
<span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}<br />
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}</span>
</div>
</td>
<td>
<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
</td>
<td width="320px">
<div class="les_co24">
<table>{L_CONNECTED_MEMBERS}</table>
</div>
</td>
</tr>
<tr>
<td colspan="3">
<table width="100%">{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table>
<!-- BEGIN switch_chatbox_activate -->
<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 -->
- Code:
.les_connectes{
border: 3px solid purple;
border-radius: 20px;
padding: 5px;
margin: 5px;
width: 300px;
height: 100px;
overflow-y: auto;}
.les-stats_qeel{
border: 3px solid purple;
border-radius: 20px;
padding: 5px;
margin: 5px;
width: 300px;
height: 100px;
overflow-y: auto;}
.les_co24{
border: 3px solid purple;
border-radius: 20px;
padding: 5px;
margin: 5px;
width: 300px;
height: 100px;
overflow-y: auto;}
Etape 3.
On corrige les imperfections:
center le titre (align="center"), retirer les fond des connectés au cours de 24 heures et des anniversaires (avec des id et la feuille CSS), faire descendre les groupes(valign="bottom"). Le code devient alors:
- Code:
<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0" background="{L_ONLINE_IMG}" style="background-repeat: no-repeat; background-position: center;">
<tr>
<td width="320px" valign="middle" align="center">
<!-- BEGIN switch_viewonline_link -->
<span class="cattitle"><a class="cattitle" href="{U_VIEWONLINE}" rel="nofollow">{L_WHO_IS_ONLINE}</a></span>
<!-- END switch_viewonline_link -->
<!-- BEGIN switch_viewonline_nolink -->
<span class="cattitle">{L_WHO_IS_ONLINE}</span>
<!-- END switch_viewonline_nolink -->
</td>
<td>
</td>
<td width="320px">
<div class="les_connectes">
<span class="gensmall">{LOGGED_IN_USER_LIST}</span>
</div>
</td>
</tr>
<tr>
<td width="320px">
<div class="les-stats_qeel">
<span class="gensmall">{TOTAL_POSTS}<br />
{TOTAL_USERS}<br />
{NEWEST_USER}<br />
{TOTAL_USERS_ONLINE}<br />
{RECORD_USERS}</span>
</div>
</td>
<td valign="bottom" align="center">
<span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span>
</td>
<td width="320px">
<div class="les_co24">
<table id="lastco">{L_CONNECTED_MEMBERS}</table>
</div>
</td>
</tr>
<tr>
<td colspan="3">
<table width="100%" id="anniv">{L_WHOSBIRTHDAY_TODAY}
{L_WHOSBIRTHDAY_WEEK}</table>
<!-- BEGIN switch_chatbox_activate -->
<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 -->
- Code:
#lastco .row1, #anniv .row1{
background: none;}
Normalement, c'est assez proche du résultat souhaité, du moins je l'espère.
- Spoiler:
Pour les groupes, je n'ai pas très bien compris ce que vous souhaitez, mais je pense qu'il va falloir faire un tableau et rentrer chaque groupe manuellement dans le QEEL à l'aide du code ci-dessous.
- Code:
<a href="url de la page du groupe"><span color="couleur du groupe">nom du groupe</span></a>
Bien sincèrement.
Invité- Invité
Re: Qui est en ligne personnalisé selon un schéma
Bonjour,
Oh my god Oo, je m'en vais tester ça immédiatement en essayant d'y insérer mes anciens codages (pour les changements de mots & tout & tout). Pour les groupes, je voulais faire un tableau avec 10 cellules, soit deux lignes et 5 colonnes. Je vais voir si je suis capable de m'en tirer toute seule 8D.
Je vous reviens avec le constat,
EDIT : Pour l'instant, ça marche très bien ! J'ai même réussi à faire mon tableau pour les groupe et à le sortir de l'autre tableau, parce que finalement, c'était plus ou moins la place où je voulais le mettre. J'essaie de voir si je suis capable de personnaliser...
Merci énormément,
Ciela
Oh my god Oo, je m'en vais tester ça immédiatement en essayant d'y insérer mes anciens codages (pour les changements de mots & tout & tout). Pour les groupes, je voulais faire un tableau avec 10 cellules, soit deux lignes et 5 colonnes. Je vais voir si je suis capable de m'en tirer toute seule 8D.
Je vous reviens avec le constat,
EDIT : Pour l'instant, ça marche très bien ! J'ai même réussi à faire mon tableau pour les groupe et à le sortir de l'autre tableau, parce que finalement, c'était plus ou moins la place où je voulais le mettre. J'essaie de voir si je suis capable de personnaliser...
Merci énormément,
Ciela
Re: Qui est en ligne personnalisé selon un schéma
Salut !
Donc, ça marche hyper bien ! J'apprécie beaucoup les explications données : j'ai réussi à faire pas mal de changements à partir de ton code.
Y'a juste quelques petits détails : la cellule contenant les statistiques, (la cellule en bas à gauche) est-ce qu'il est possible de la monter sans décaler les deux cellules de droites ? En effet, la hauteur de l'image du "Qui est en ligne ?" empêche de mettre la cellule plus haut. J'ai essayé avec des "margin" négatif, mais l'espace entre les cellules de droite se modifie aussi. J'ai aussi tenté avec un ".les-stats_qeelwidth", un truc que j'ai trouvé en faisant des recherches, mais ça ne fonctionne juste pas XD. J'pense que ça fonctionne juste avec un certain type de code XD. Sinon, c'est pas très grave ^^.
Merci encore pour ton aide précieuse,
Ciela
Donc, ça marche hyper bien ! J'apprécie beaucoup les explications données : j'ai réussi à faire pas mal de changements à partir de ton code.
Y'a juste quelques petits détails : la cellule contenant les statistiques, (la cellule en bas à gauche) est-ce qu'il est possible de la monter sans décaler les deux cellules de droites ? En effet, la hauteur de l'image du "Qui est en ligne ?" empêche de mettre la cellule plus haut. J'ai essayé avec des "margin" négatif, mais l'espace entre les cellules de droite se modifie aussi. J'ai aussi tenté avec un ".les-stats_qeelwidth", un truc que j'ai trouvé en faisant des recherches, mais ça ne fonctionne juste pas XD. J'pense que ça fonctionne juste avec un certain type de code XD. Sinon, c'est pas très grave ^^.
- Spoiler:
Merci encore pour ton aide précieuse,
Ciela
Re: Qui est en ligne personnalisé selon un schéma
Bonjour,
Redonnez-moi votre template avec les modifications apportées et votre CSS que je teste , pour voir s'il y a une solution .
Bien sincèrement.
Redonnez-moi votre template avec les modifications apportées et votre CSS que je teste , pour voir s'il y a une solution .
Bien sincèrement.
Invité- Invité
Re: Qui est en ligne personnalisé selon un schéma
Bonjour,
Voici le template index-body :
Et mon CSS complet:
Et mon CSS associé au QEEL si vous préférez ^^
Merci de votre aide (j'viens de me rendre compte que je vous avais tutoyée tout à l'heure, excusez-moi si vous préférez être vouvoyée),
Ciela
Voici le template index-body :
Et mon CSS complet:
Et mon CSS associé au QEEL si vous préférez ^^
Merci de votre aide (j'viens de me rendre compte que je vous avais tutoyée tout à l'heure, excusez-moi si vous préférez être vouvoyée),
Ciela
Re: Qui est en ligne personnalisé selon un schéma
En fusionnant les cellules de la colonne de gauche, on peut faire bouger le cadre du bas à l'aide d'un margin-top négatif.
Donc seules les class des connectés et des stats sont à modifier.
Dans le template on déplace la div contenant les stats dans la première cellule, et on ajoute "rospan="2" pour fusionner les 2 cellules de la colonne, et on n'oublie pas de retirer la cellule qui se trouve en trop .
(Tutoiement ou vouvoiement, ça n'a aucune importance, j'ai juste gardé une vieille habitude du boulot et je vouvoie par automatisme )
Bien sincèrement.
Donc seules les class des connectés et des stats sont à modifier.
Dans le template on déplace la div contenant les stats dans la première cellule, et on ajoute "rospan="2" pour fusionner les 2 cellules de la colonne, et on n'oublie pas de retirer la cellule qui se trouve en trop .
(Tutoiement ou vouvoiement, ça n'a aucune importance, j'ai juste gardé une vieille habitude du boulot et je vouvoie par automatisme )
Bien sincèrement.
Invité- Invité
Re: Qui est en ligne personnalisé selon un schéma
Bonjour,
Merci, c'est vraiment parfait !
Juste pour être sûre d'avoir tout compris : l'image/texte Qui est en ligne est maintenant dans la même cellule que les Stats, sauf que la div autour des stats permet de choisir leur emplacement. L'espace qu'il y avait entre les cellules a été supprimé parce qu'il n'y a plus qu'une cellule. C'est bon ?
Merci encore !
Ciela
Merci, c'est vraiment parfait !
Juste pour être sûre d'avoir tout compris : l'image/texte Qui est en ligne est maintenant dans la même cellule que les Stats, sauf que la div autour des stats permet de choisir leur emplacement. L'espace qu'il y avait entre les cellules a été supprimé parce qu'il n'y a plus qu'une cellule. C'est bon ?
Merci encore !
Ciela
Re: Qui est en ligne personnalisé selon un schéma
Bonjour,
C'est exactement ça, vous avez tout compris!
Au lieu d'avoir un tableau avec 4 cellules:
Le tableau n'a que 3 cellules:
Donc en encadrant les élément de div, on peut affiner leur position les uns par rapport aux autres .
Bien sincèrement.
C'est exactement ça, vous avez tout compris!
Au lieu d'avoir un tableau avec 4 cellules:
élément 1 | élément 3 |
élément 2 | élément 4 |
élément 1 élément 2 | élément 3 |
élément 4 |
Bien sincèrement.
Invité- Invité
Re: Qui est en ligne personnalisé selon un schéma
Bonjour,
Donc merci beaucoup pour votre aide (j'ai même réussi à modifier l'apparence de mes forums avec vos conseils \o/ ).
Ciela
Donc merci beaucoup pour votre aide (j'ai même réussi à modifier l'apparence de mes forums avec vos conseils \o/ ).
Ciela
Sujets similaires
» QEEL Tableau Personnalisé (Schéma Réalisé)
» Trier les membres selon un champ du profil personnalisé.
» Qui est en ligne personnalisé
» personnalisé qui est en ligne
» Qui est en ligne personnalisé
» Trier les membres selon un champ du profil personnalisé.
» Qui est en ligne personnalisé
» personnalisé qui est en ligne
» Qui est en ligne personnalisé
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum