Ajouter "membres connectés au cours des dernières 24h" sans "casser" le QEEL.

[Joshua Muscoweqan]

Bonjour !
Alors voilà, quelque chose me turlupine depuis un petit moment.. J'ai codé un peu mon QEEL, sauf que je l'ai fait avant d'activer la liste des membres connectés au cours des dernières 24h. Du coup, quand je l'active, mon joli QEEL passe de ça :

Spoiler:

à ça :

Spoiler:

Et j'ai beau trafiquer le codage, rien ne change !
Voici l'endroit qui correspond au QEEL dans mon template :

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><br/><br/>
  <span style="font-size : 60px; font-family: 'Mrs Saint Delafield', cursive; color : white; text-shadow : 0px 0px 10px black; padding-left : 100px; line-height : 0.5px">Ils sont en ligne !</span>
 <div style="padding-left : 20px; padding-right : 20px;"><div style="background-image : url(http://nimga.fr/f/3rdIR.jpg); padding : 20px; border-radius : 30px 0px 30px 0px; font-family : georgia; font-size : 11px;">
    {TOTAL_POSTS}<br/>
    {TOTAL_USERS}<br/>
    {NEWEST_USER}<br/>
    {TOTAL_USERS_ONLINE}<br/>
    {LOGGED_IN_USER_LIST}<br/>
    {L_CONNECTED_MEMBERS}<br/>
    <center>{GROUP_LEGEND}</center><br/>
    <i>{TOTAL_CHATTERS_ONLINE}<br/>
    {CHATTERS_LIST}</i><br/>
  </div></div>
</table><br/><br/>
<!-- END disable_viewonline -->

Quelqu'un sait-il comment je pourrais inclure cette liste dans le cadre blanc ? :3

[Tech]

Bonjour,

Changez déjà la partie du template par celle-ci :

Code:

        <!-- BEGIN disable_viewonline -->
        <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><br/><br/>
          <span style="font-size : 60px; font-family: 'Mrs Saint Delafield', cursive; color : white; text-shadow : 0px 0px 10px black; padding-left : 100px; line-height : 0.5px">Ils sont en ligne !</span>
        <div style="padding-left : 20px; padding-right : 20px;"><div style="background-image : url(http://nimga.fr/f/3rdIR.jpg); padding : 20px; border-radius : 30px 0px 30px 0px; font-family : georgia; font-size : 11px;">
            {TOTAL_POSTS}<br/>
            {TOTAL_USERS}<br/>
            {NEWEST_USER}<br/>
            {TOTAL_USERS_ONLINE}<br/>
            {LOGGED_IN_USER_LIST}<br/>
          <table>{L_CONNECTED_MEMBERS}</table><br/>
            <center>{GROUP_LEGEND}</center><br/>
            <i>{TOTAL_CHATTERS_ONLINE}<br/>
            {CHATTERS_LIST}</i><br/>
          </div></div>
        </table><br/><br/>
        <!-- END disable_viewonline -->

Qu'est-ce que cela donne ? Si il y a toujours un problème, puis-je avoir le forum concerné ou au moins le CSS ?

Cordialement.

[Joshua Muscoweqan]

Merci de votre aide, j'avais déjà essayé de rajouter ces balises et ça n'a rien changé :(
Voilà le lien de mon forum de test : http://amoris-mjukis.skyforum.net/

Et mon CSS :

Code:

/*---------LIGNES ET LIENS---------*/
td.catBottom,th.thBottom,th.thCornerR,th.thCornerL,th.thTop,td.catLeft,th.thLeft,td.catRight,td.row3Right,th.thRight, th.thSides,td.spaceRow,td.catSides {border-width: 0;}
a{text-decoration:none}

/*----------------TITRES------------*/
.titre1 {
  text-shadow: #B08143 0px 0px 10px;
  font-family: 'Gorditas', cursive;
  font-size: 50px;
  color:  #FFFFFF;
  text-align: center;
}
.titre2 {
  padding-left : 40px;
  text-shadow: black 0px 0px 10px;
  font-family: 'Mrs Saint Delafield', cursive;
  font-size: 50px;
  line-height : 5px;
  color: #B08143;
  border-bottom : 10px solid white;
}
/*--------FOND DES POSTS------*/
.postbody{
  padding-left : 20px;
  padding-top : 30px;
  padding-right : 20px;
}
/*---------------- CHATBOX ----------------*/
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}

#chatbox_header .cattitle strong {
display: none;
}

#chatbox_header .cattitle:before {
content: "Chatbox || La zone de Trève... Ou pas ?";
}
body.chatbox {
    background-color: #EDD2B0;
}
#chatbox_header .catBottom .cattitle {
    color: white;
}
#chatbox_members ul li,
#chatbox_members ul li a {
    color: #999999;
  font-family : georgia;
  font-size : 11px;
  font-style : italic;
 }
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    color: #333333;
  font-family : georgia;
  font-size : 12px;
}
.chatbox .msg span[style="color:green;"] strong {
color: green;
  font-family : trebuchet ms;
font-size : 10px;
}
 .chatbox .msg span[style="color:red;"] strong {
color: red;
  font-family : trebuchet ms;
font-size : 10px;
}
.date-and-time {
color: #333333;
font-size: 10px;
  font-family : trebuchet ms;
}
 .chatbox .msg span[style="color:green;"] strong:before {
  content : "NOUVEAU VENU ! ";
visibility: visible;
}
.chatbordure {
border: solid 0px #000000;
}

#chatbox_header .catBottom .cattitle {
margin:3px !important;
padding:3px;
  padding-left : 20px;
  padding-right : 20px;
text-align:center;
  background-color : #b08143;
  border-radius : 20px 20px 0px 0px;
font-size:16px !important;
font-weight:bold;
font-variant :small-caps;
}

#chatbox_header .chatbox-options .genmed,
#chatbox_header .chatbox-options {
color:#3b2705 !important;
font-size:9px !important;
font-weight:bold;
}

#chatbox_header .chatbox-options a {
color:#3b2705;
border: dashed 1px #b08143;
margin-bottom:3px !important;
  border-radius : 10px;
padding:3px;
text-align:center;
font-size:9px !important;
font-weight:bold;
}

#chatbox {
position: absolute;
top: 30px;
left: 181px;
right: 0;
bottom: 45px;
overflow: auto;
color:#3b2705;
padding: 3px;
text-align: left;
font-size:11px !important;
}

#chatbox_members .member-title {
background-image: url('http://nimga.fr/f/3Zaj5.jpg');
color:#ffffff;
border:solid 0px #ffffff;
  border-radius : 10px;
margin:3px !important;
padding:3px;
text-align:center;
font-size:11px !important;
font-weight:bold;
font-variant :small-caps;
}

#chatbox_members {
position: absolute;
top: 30px;
bottom: 30px;
width: 180px;
overflow: auto;
border-right: dotted 1px #b08143;
}

#chatbox .catBottom {
border: none;
}

#chatbox_footer {
background-image: url('http://nimga.fr/f/3Zaj5.jpg');
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: 5px;
color: white;
border:solid 0px #000000;
margin:3px !important;
opacity: 1;
text-align:left;
font-size:9px !important;
}

#chatbox_footer label {
color:#3b2705;
font-size:11px !important;
font-variant: small-caps;
font-weight:bold;
}

#message {
color:#3b2705;
border:solid 1px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}

#submit_button {
background-color : white;
color:#3b2705;
border: solid 0px #000000;
margin:3px !important;
padding:2px;
text-align:left;
font-size:9px !important;
}

.fontbutton {
padding: 1px;
text-align:left;
border: solid 0px #000000;
}
/*--------------BLOCS PAGE D'ACCUEIL----------------*/
.navigati{
  position: absolute;
  float: right;
  margin-left : -156px;
  margin-top : -350px;
}
.imgchang{
  padding-left : 25px;
  opacity : 0.6;
}
.imgchang:hover{
  padding-left : 25px;
  opacity : 1
}
.naav{
  position: absolute;
  float: right;
  margin-left : 0px;
  margin-top : -420px;
}
.whatsup{
  position: absolute;
  float: right;
  margin-left : 610px;
  margin-top : -180px;
}
.credits{
  position: absolute;
  float: right;
  margin-left : 30px;
  margin-top : -320px;
}
.contex{
  position: absolute;
  float: right;
  margin-left : 530px;
  margin-top : -425px;
}
.parten{
  position: absolute;
  float: right;
  margin-left : 928px;
  margin-top : -350px;
}
.topistes{
  position: absolute;
  float: right;
  margin-left : -60px;
  margin-top : -150px;
}
.titopi{
  position: absolute;
  float: right;
  margin-left : -170px;
  margin-top : -150px;
  opacity : 0.5;
}
.titopi:hover{
  position: absolute;
  float: right;
  margin-left : -170px;
  margin-top : -150px;
  opacity : 1;
}
.coudekeur{
  position: absolute;
  float: right;
  margin-left : 970px;
  margin-top : -60px;
}
/*-----FOND CATEGORIES----*/
.catego{
  background-image : url('http://nimga.fr/f/3Zaj5.jpg');
  border-radius : 30px;
  padding : 10px;
  box-shadow : inset 0px 0px 10px 3px black;
}
.bodyline{
box-shadow:0px 0px 10px 2px black;
}
.deco_sujet{
  background-image : url('http://nimga.fr/f/8EoEn.gif');
}
.opaque{
  opacity : 0.8;
}
.opaque:hover{
  opacity : 1;
}
/*--------PARTIE AUTEUR-------*/
.peuseudo{
  font-size : 20px;
  font-family : georgia;
  font-variant : small-caps;
  text-align : center;
}
.reng{
  background-image : url('http://nimga.fr/f/yjI1N.jpg');
  width : 200px;
  height : 85px;
  text-align : center;
}
.prof{
  position: absolute;
  float: right;
  margin-left : -15px;
  margin-top : 115px;
}
.mp{
  position: absolute;
  float: right;
  margin-left : -15px;
  margin-top : 200px;
}
.onlin{
  background-image : url('http://nimga.fr/f/yKAEy.gif');
    position: absolute;
  float: right;
  margin-left : -15px;
  margin-top : 27px;
  height : 76px;
  width : 20px;
}
.avatar_mess {
  display: block;
  width: 200px;
  height: 400px;
  overflow: hidden;
  background: white;
  border: 0px solid #252626;
  position: relative;
  border-bottom : 5px solid white;
  border-right : 5px solid white;
 
}
 
.avatar_mess:hover a {
  left: 100%;
  -webkit-transition: all 1s ease;
  -moz- transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
 
.profil_mess {
  position: absolute;
  display: block;
  left: 0; right: 0; top: 0; bottom: 0;
  padding: 20px;
  overflow: hidden;
  background-image: url('http://nimga.fr/f/ShxYF.jpg');
  color: #333333;
  font-size: 11px;
  font-family : georgia;
}
 
.avatar_mess a {
  position: absolute;
  top: 0; bottom: 0;
  left: 0; right: 0;
  -webkit-transition: all 1s ease;
  -moz- transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}


Merci encore d'essayer de résoudre mon problème :) !

[Tech]

Bonsoir,

Voulez-vous bien remettre les membres connectés au cours des 24 dernières heures sur votre forum et mettre le template que je vous ai fourni ?

Cordialement.

[Joshua Muscoweqan]

C'est fait ! :/

[Tech]

Bonjour,

Essayez ceci :

Code:

                <!-- BEGIN disable_viewonline -->
                <table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0"><tr><td><br/><br/>
                  <span style="font-size : 60px; font-family: 'Mrs Saint Delafield', cursive; color : white; text-shadow : 0px 0px 10px black; padding-left : 100px; line-height : 0.5px">Ils sont en ligne !</span>
                <div style="padding-left : 20px; padding-right : 20px;"><div style="background-image : url('http://nimga.fr/f/3rdIR.jpg'); padding : 20px; border-radius : 30px 0px 30px 0px; font-family : georgia; font-size : 11px;">
                    {TOTAL_POSTS}<br/>
                    {TOTAL_USERS}<br/>
                    {NEWEST_USER}<br/>
                    {TOTAL_USERS_ONLINE}<br/>
                    {LOGGED_IN_USER_LIST}<br/>
                  <table><tr>{L_CONNECTED_MEMBERS}</tr></table><br/>
                    <center>{GROUP_LEGEND}</center><br/>
                    <i>{TOTAL_CHATTERS_ONLINE}<br/>
                    {CHATTERS_LIST}</i><br/>
                  </div></div>
                  </td></tr>
                </table><br/><br/>
                <!-- END disable_viewonline -->

Cordialement.

[Joshua Muscoweqan]

Magnifique ! C'est génial ! Ça marche parfaitement *__* !
Merci beaucoup de ton aide !