Akesato
{ Membre }
Messages : 86
| Bonjour, Pour mon forum j'ai utilisé ce qeel que je trouvais jolie : http://www.css-actif.com/t10173-qui-est-en-ligne-3-en-1 Malheureusement il ne comprenait pas la liste des membres connecter au cours des X heures, du coup j'ai voulu essayer de le rajouter moi-même en le mettant dans un cadre comme pour les membres sur la CB. Bah j'aurais mieux fait de rien faire car j'y arrive pas, et quand j'essaye, le cadre se trouve au dessus de la liste des membres, je voulais donc savoir si c'était possible à réaliser et si oui, comment ? Merci d'avance. Lien du forum → http://rpg-saiyuki.actifforum.com/ CSS : - Code:
-
/* [DEBUT DU CSS] ============================== Structure de Qui Est En Ligne Proposée par Benjamin55 le 22/02/2011 Correction complète par CSSActif le 30/06/2012 ================================================ http://www.css-actif.com ================================================ */
/* ********************** PROPRIETES GENERALES ************************* */
/* AFFICHAGE DES TABLES */ #QeelBenj55 table { background: #d3d3d3; /* couleur de fond de la table */ border: 2px solid #990000; /* bordure de la table : épaisseur style couleur */ margin:5px auto; /* les coins arrondis pour les différents navigateurs */ -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
/* AFFICHAGE DES CELLULES */ #QeelBenj55 table td { background: none; height: 100px; /* hauteur minimale des cellules */ color:#000000; /* couleur du texte */ font-size:10px; /*taille du texte*/ font-family: Verdana,Arial,Helvetica,sans-serif; /* police d'écriture */ }
/* Classe unique pour les arrondis */ #QeelBenj55 .CoinsArrondis { -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; }
/* Classe unique de mise en forme des différentes boites (vous pourrez toujours personnaliser plus loin */ #QeelBenj55 .Boxes { margin:4px auto; /* marges extérieures haut/bas et droite/gauche */ background: #EBFCED; /* couleur du fond*/ border: 2px solid #A6D7CC; /*bordure : épaisseur style couleur */ color: #000000; /* couleur du texte */ padding:2px; /*marges intérieures */ }
/* Les Crédits */ #QeelBenj55 .QeelCredits { font-size:9px; text-align:center; }
/* ********************** PREMIERE LIGNE : image du Qui Est En Ligne ************************* */
#QeelBenj55 .IlluQeel { /* indiquez ici les propriétés de la cellule si vous voulez qu'elle soit différente des autres */ }
#QeelBenj55 .IlluQeel img{ /* indiquez ici les propriétés de l'image si nécessaire (bordure, transparence...) */ }
/* ********************** DEUXIEME LIGNE : Statistiques générales ************************* */
/* CASES DE LA DEUXIEME LIGNE : propriétés communes aux trois cases */ #QeelBenj55 .BoxStatsQeel { height: 150px; width: 255px; display:table-cell; vertical-align:middle; }
/* case de gauche de la deuxième ligne. */ .PremiereCase { /* rajoutez les propriétés que vous souhaitez différentes de celles de BoxStatsQeel */ }
/* case centrale de la deuxième ligne */ .DeuxiemeCase { /* rajoutez les propriétés que vous souhaitez différentes de celles de BoxStatsQeel */ }
/* case de droite de la deuxième ligne */ .TroisiemeCase { /* rajoutez les propriétés que vous souhaitez différentes de celles de BoxStatsQeel */ }
/* effet déroulant des boites */ #QeelBenj55 .Scrolling { max-height: 150px; /* hauteur maximale (= hauteur de .BoxStatsQeel)*/ overflow:auto; /* scroll automatique quand la hauteur est dépassée */ }
#QeelBenj55 .Groupes a{ display:block; /* Un groupe par ligne */ }
/* ********************** TROISIEME LIGNE : Chatbox ************************* */
/* Boite contenant la chatbox */ #QeelBenj55 .chatbox { width:800px; /* largeur de la boite */ border: 1px dashed #999999; /* bordure */ margin: 5px auto; /* marge haut/bas et droite/gauche */ }
/* boite contenant les statistiques de la CB */ #QeelBenj55 .BoxStatsCB { width: 800px; /* largeur de la boite */ }
/* ********************** QUATRIEME LIGNE : Légende des icones ************************* */
#QeelBenj55 .BoxLegende { width: 800px; /* largeur de la boite */ padding:10px; /* marges intérieures */ }
/* [FIN DU CSS] ================================ Structure de Qui Est En Ligne Proposée par Benjamin55 le 22/02/2011 Correction complète par CSSActif le 30/06/2012 ================================================ http://www.css-actif.com ================================================ */ HTML : - Code:
-
<!-- [DEBUT DU CODE] =========================== Structure de Qui Est En Ligne Proposée par Benjamin55 le 22/02/2011 Correction complète par CSSActif le 30/06/2012 ================================================ http://www.css-actif.com ================================================ --> <!-- BEGIN disable_viewonline --> <div id="QeelBenj55">
<table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td align="center" class="IlluQeel"> <img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /> </td> </tr> </table>
<table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td align="center"> <div class="Boxes BoxStatsQeel CoinsArrondis PremiereCase"> <div class="Scrolling"> <span id="totalu"> {TOTAL_USERS} <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"Il y a");</script> <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"voyageur dans notre monde");</script> <script type="text/javascript">document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"voyageurs dans notre monde,");</script> </span> <br /> <span id="pilou"> {TOTAL_POSTS} <script type="text/javascript">document.getElementById('pilou').innerHTML=document.getElementById ('pilou').innerHTML.replace(/Nos membres ont posté un total de /,"ils ont raconté ");</script> <script type="text/javascript">document.getElementById('pilou').innerHTML=document.getElementById ('pilou').innerHTML.replace(/messages/,"récits,");</script> </span> <br /> <span id="pouic"> {NEWEST_USER} <script type="text/javascript">document.getElementById('pouic).innerHTML=document.getElementById ('pouic').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"le dernier voyageur arrivé est");</script> </span> <br /> </div> </div> </td> <td align="center"> <div class="Boxes BoxStatsQeel CoinsArrondis DeuxiemeCase"> <div class="Scrolling"> {RECORD_USERS} <br /> <span id="TotalUsersOnline">{TOTAL_USERS_ONLINE}</span> <br /> {LOGGED_IN_USER_LIST} </div> </div> </td> <td align="center"> <div class="Boxes BoxStatsQeel CoinsArrondis TroisiemeCase"> <div class="Scrolling Groupes"> <a href="http://rpg-saiyuki.actifforum.com/g14-aberration"><span style="color: #227A76;">Aberration</span></a> <a href="http://rpg-saiyuki.actifforum.com/g12-divinite"><span style="color: #403496;">Divinité</span></a> <a href="http://rpg-saiyuki.actifforum.com/g10-yokai"><span style="color: #C90000;">Yokaï</span></a> <a href="http://rpg-saiyuki.actifforum.com/g13-enfant-taboo"><span style="color: #663399;">Enfant taboo</span></a> <a href="http://rpg-saiyuki.actifforum.com/g11-humain"><span style="color: #000000;">Humain</span></a> </div> </div>
</td> </tr> </table>
<table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td align="center"> <div class="Boxes BoxStatsMEMBRE CoinsArrondis">{L_CONNECTED_MEMBERS} </div> </td> </tr> </table> <table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td align="center"> <div class="Boxes BoxStatsCB CoinsArrondis"> {TOTAL_CHATTERS_ONLINE} : {CHATTERS_LIST} </div> </td> </tr> </table>
<table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td align="center"> <div class="Boxes BoxLegende CoinsArrondis">
<img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /> {L_NEW_POSTS} <img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /> {L_NO_NEW_POSTS} <img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /> {L_FORUM_LOCKED}
</div> </td> </tr> </table> <div class="QeelCredits">Structure du QEEL par Benjamin55 (code de base), proposé et corrigé sur <a href="http://www.css-actif.com">CSSActif</a>. Merci de ne pas retirer ce crédit.</div> </div> <script type="text/javascript"> document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/utilisateur en ligne/,"voyageur présent au Tôgenkyô"); document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/utilisateurs en ligne/,"voyageurs présents au Tôgenkyô"); document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Enregistré/,"Membre"); document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Enregistrés/,"Membres"); document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invisible et/,"Timide,"); document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invisibles et /,"Timides,"); document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invité/,"Étranger"); document.getElementById('TotalUsersOnline').innerHTML=document.getElementById('TotalUsersOnline').innerHTML.replace(/Invités/,"Étrangers"); </script> <!-- [FIN DU CODE] =========================== Structure de Qui Est En Ligne Proposée par Benjamin55 le 22/02/2011 Correction complète par CSSActif le 30/06/2012 ============================================== http://www.css-actif.com ============================================== --> <!-- END disable_viewonline --> {CHATBOX_BOTTOM} <br clear="all" />
{AUTO_DST}
<!-- BEGIN switch_fb_index_login -->
|
Dernière édition par Akesato le Sam 31 Aoû 2013, 17:17, édité 1 fois | |
|
Nihil
{ Modérateur }
Messages : 1216
| Effectivement, si tu souhaites que l'on puisse t'aider il est important de nous donner ton template, ainsi que le css. Rajouter le lien de ton forum est un plus, car ça peut nous permettre de bien voir le problème "en direct". | | |
|
Akesato
{ Membre }
Messages : 86
| Et voila merci de la réponse rapide. J'espère que ça vous aidera. | | |
|
Nihil
{ Modérateur }
Messages : 1216
| Alors, dans ton code, autour de L_CONNECTED_MEMBERS, il faut mettre des balises table - Code:
-
<table>{L_CONNECTED_MEMBERS}</table> Cela devrait régler ton problème Après une petite recherche : http://www.css-actif.com/t5189-manipuler-la-liste-des-derniers-membres-connectes | | |
|
Akesato
{ Membre }
Messages : 86
| En effet j'ai quand même essayer et ça marche mieux merci =) Je pensais que c'était pas utile car y'avais déjà un < table > avec des informations avant, comme ce-ci : - Code:
-
<table width="100%" border="0" cellspacing="1" cellpadding="0"> <tr> <td align="center"> <div class="Boxes BoxStatsMEMBRE CoinsArrondis">{L_CONNECTED_MEMBERS} </div> </td> </tr> </table> Mais enfaite fallait quand même le faire ^^" Merci problème résolu =D | | |
|
Nihil
{ Modérateur }
Messages : 1216
| Contente d'avoir pu t'aider, c'est un problème courant, et effectivement c'est juste trop embêtant quand on ne connait pas l'astuce. N'hésite pas à éditer le titre de ton sujet en rajoutant "résolu" pour faciliter le tri | | |
|