Modification du QEEL

[-Dine]

Bonjour à tous,

J'ai lu de nombreux messages ici concernant la modification du QEEL mais je n'arrive pas à en trouver un comme je le souhaite. Sous spoiler, voilà un petit apperçu de ce que j'aimerai.

Je ne suis pas particulièrement douée en codage, mais j'ai déjà fait pas mal de modifications sur mes forums grâce à des codes déjà trouvés sur internet. Pour ce qui est du CSS, je sais le personnaliser mais je ne sais pas le créer.

Mon QEEL est de base, donc il n'est pas modifié. En ce qui concerne le CSS, le voici :

Code:

/*coller le forum au cadre*/
.bodyline {
padding-left : 0px!important;
padding-right : 0px!important;
}
 
/*tour de new no news lock*/
.tourimg {
border : 3px solid #000000;
}
 
/*titre du forum*/
a.forumlink {
text-align : left;
padding-right : 40px;
border-bottom : 3px solid #E0E02F;
font-size : 22px;
font-family : Arial;
display : block;
}
 
/*tour de la description*/
.descrip {
border : 2px dotted #FFFFFF;
height: 120px;
width: 470px;
overflow : auto;
}
 
/*tour dernier message*/
.derniersmess {
border : 2px dotted #FFFFFF;
}
 
/*titre des catégories*/
.secondarytitle {
display : block;
height : 50px;
border-top : 3px solid #E0E02F;
border-left : 3px solid #E0E02F;
border-right : 3px solid #E0E02F;
background-color : #ffff00;
  -moz-border-radius-topleft: 75px;
  -webkit-border-top-left-radius: 75px;
  border-top-left-radius: 75px;
  -moz-border-radius-topright: 75px;
  -webkit-border-top-right-radius:75px;
  border-top-right-radius: 75px;
}
.secondarytitle h2{
font-size : 20px;
font-family : Arial;
}


/* Img hors ligne */
#offlineimg {
background-image: url(http://img15.hostingpics.net/pics/602598025.jpg);
width: 152px;
height: 30px;
}

/*Messages*/
.postbody
{
text-align : justify;
display: block;
padding-left: 10px;
padding-right: 15px;
}

/*Enlever le dernière édition*/
tr.post span.gensmall { display: none; }

Et maintenant, un schéma de ce que je souhaiterais, en espérant que ce soit possible.

Spoiler:

.
Alors, je pense qu'il faut quelques précisions parce que le schéma n'est pas fameux. Le fond sera en noir, donc chacune des écritures en blanches. Ce qui est en jaune, j'aimerai que cela y soit si c'est possible. Je sais qu'il faut une image pour le "qui est en ligne" donc la voici : https://2img.net/r/hpimg15/pics/985885023.jpg
Pour le petit dessin en plein milieu, je l'ai fait rapidement mais voici le lien de l'image : https://2img.net/r/hpimg15/pics/127927023.jpg

Voilà, j'espère que tout est complet et merci de s’intéresser à ma demande

[Invité]

Bonsoir,

Dans le template index_body, la partie concernant le QEEL est comprise entre <!-- BEGIN disable_viewonline --> et <!-- END disable_viewonline -->.
Vous avez:

• l'image:

  <td colspan="2" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>

• Les stats:

  {TOTAL_POSTS} - {TOTAL_USERS} - {NEWEST_USER} - {TOTAL_USERS_ONLINE} - {RECORD_USERS} - {LOGGED_IN_USER_LIST}

• Les connectés et les anniversaires :

  {L_CONNECTED_MEMBERS} - {L_WHOSBIRTHDAY_TODAY} - {L_WHOSBIRTHDAY_WEEK}

• La légende des groupes:

  {LEGEND} : {GROUP_LEGEND}

Créez un tableau avec 2 colonnes et le nombre de lignes nécessaires, et avec l'aide de quelques div et fusions de cellules, vous devriez atteindre le résultat souhaité.

Exemple:
La partie d'index_body concernée:

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" width="100%" border="0" cellspacing="0" cellpadding="0">
   <tr>
      <td  colspan="2" align="center" valign="middle"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></td>
   </tr>
   <tr>
      
      <td  width="50%"><div class="contourqeel"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
                  {NEWEST_USER}<br />
                  {TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}<br />
      <br />
      {LOGGED_IN_USER_LIST}</span>
                  </div></td>
          <td valign="top" rowspan="2"><div class="contourqeel"><div class="titreqeel">Le staff</div><span class="gensmall">{LEGEND} : {GROUP_LEGEND}</span></div></td>
   </tr>
   <tr><td>
          <center><img src="http://img15.hostingpics.net/pics/127927023.jpg" /></center>
          <table id="plop" width="100%">{L_CONNECTED_MEMBERS}
   {L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}</table>
          </td>
  </tr>
   <!-- BEGIN switch_chatbox_activate -->
   <tr>
      <td valign="top" colspan="2">
                 
         <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 -->

et son CSS associé:

Code:

.contourqeel{
border: 1px solid black;
padding: 5px;
margin: 5px;}

.titreqeel{
text-align: center;
font-size: 30px;}

#plop{
border: 1px solid black;
padding: 5px;
margin: 5px;
margin-top: 0;}
 
#plop .row1{background: none;}

Pour personnaliser les groupes plus avant, il faut supprimer la légende et placer chaque groupe manuellement à l'aide de ce code:

Code:

<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a>

Bien sincèrement.

[-Dine]

Merci beaucoup pour votre réponse. Je suis en train d'essayer de personnaliser tout le code, mais j'ai une question, le fond s'affiche en blanc alors que le fond de mon forum est normalement noir. Est-ce qu'il faut ajouter la couleur noire quelque part avec du CSS ?

[Invité]

Dans le code, , dans cette partie:

Code:

<!-- BEGIN disable_viewonline -->
<table class="forumline" ...

retirez class="forumline" normalement, plus de problème de fond blanc ( c'est la couleur "Table Rangée Couleur 3 et séparations" qui se met en fond )

Bien sincèrement.

[-Dine]

Merci beaucoup J'ai encore quelques questions ><

Pour changer la couleur des bordures, je sais que c'est dans le CSS. J'ai essayé, mais ça ne marche pas. Voilà le code que j'ai mis :

Code:

.contourqeel{
  color:#FFFFFF
border: 2px solid black;
padding: 5px;
margin: 5px;
}
.titreqeel{
text-align: center;
font-size: 30px;}
 
#plop{
color:#FFFFFF
border: 2px solid black;
padding: 5px;
margin: 5px;
margin-top: 0;}

Aussi, les couleurs pour les groupes ne s'affichent pas. J'ai essayé de changer la classe, mais ça ne marche toujours pas :s

Merci :d

[Invité]

Bonjour,

Les bordures sont gérées dans le CSS pas la propriété border. Dans l'ordre il y a l'épaisseur l'apparence du trait et la couleur.

Pour vos groupes, il me faudrait votre partie de template modifié pour faire quelques test .

Bien sincèrement.

[-Dine]

Ah, c'était donc ça le "black", je ne pensais pas à ça pour la couleur merci !

Pour les groupes, voilà :

Code:

 <td valign="top" rowspan="2"><div class="contourqeel"><div class="titreqeel"><center>Le staff</center></div><span class="gensmall">
<a href="http://ruyan.bbactif.com/g3-maitre-du-jeu"><span color="#FF0A0A"> Maître du jeu</span></a><br>
<a href="http://ruyan.bbactif.com/g9-maitre-du-jeu-stagiaire"><span color="#D94646"> Maître du jeu stagiaire</span></a><br>
<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a><br>
<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a><br>
<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a><br>
<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a><br>
<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a><br>
<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a><br>
<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a><br>
<a href="URL DE LA PAGE DU GROUPE"><span color="COULEUR DU GROUPE"> NOM DU GROUPE</span></a>

</span></div></td>
  </tr>


Je n'ai essayé de mettre de la couleur que sur les premiers.

[Invité]

Bonjour,

Je plaide coupable, je vous ai donné un code erronné . Ce n'est pas "span color" mais "font color" .

Code:

<td valign="top" rowspan="2"><div class="contourqeel"><div class="titreqeel"><center>Le staff</center></div><span class="gensmall">
<a href="http://ruyan.bbactif.com/g3-maitre-du-jeu"><font color="#FF0A0A"> Maître du jeu</font></a><br>
<a href="http://ruyan.bbactif.com/g9-maitre-du-jeu-stagiaire"><font color="#D94646"> Maître du jeu stagiaire</font></a><br>
<a href="URL DE LA PAGE DU GROUPE"><font color="COULEUR DU GROUPE"> NOM DU GROUPE</font></a><br>
<a href="URL DE LA PAGE DU GROUPE"><font color="COULEUR DU GROUPE"> NOM DU GROUPE</font></a><br>
<a href="URL DE LA PAGE DU GROUPE"><font color="COULEUR DU GROUPE"> NOM DU GROUPE</font></a><br>
<a href="URL DE LA PAGE DU GROUPE"><font color="COULEUR DU GROUPE"> NOM DU GROUPE</font></a><br>
<a href="URL DE LA PAGE DU GROUPE"><font color="COULEUR DU GROUPE"> NOM DU GROUPE</font></a><br>
<a href="URL DE LA PAGE DU GROUPE"><font color="COULEUR DU GROUPE"> NOM DU GROUPE</font></a><br>
<a href="URL DE LA PAGE DU GROUPE"><font color="COULEUR DU GROUPE"> NOM DU GROUPE</font></a><br>
<a href="URL DE LA PAGE DU GROUPE"><font color="COULEUR DU GROUPE"> NOM DU GROUPE</font></a>
 
</span></div></td>
  </tr>

Bien sincèrement.

[-Dine]

Merci pour votre aide, ça marche

Encore une question J'ai déplacé l'image sous le carré du staff, mais du coup j'ai l'encadrement des membres connectés au cours des 24heures qui n'est pas à la taille du cadre des stats. Comment faire pour que les encadrements soient de la même taille ?

[Invité]

Effectivement, je n'avais pas remarquer ce détail ... on va changer un peu le template pour résoudre le soucis:
Remplacez :

Code:

<table id="plop" width="100%">{L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}</table>

par :

Code:

 <div class="contourqeel"><table id="plop" width="100%">{L_CONNECTED_MEMBERS}
  {L_WHOSBIRTHDAY_TODAY}
            {L_WHOSBIRTHDAY_WEEK}</table></div>

Retirez de votre CSS:

Code:

#plop{
color:#FFFFFF;
border: 2px solid black;
padding: 5px;
margin: 5px;
margin-top: 0;}

Bien sincèrement.

[-Dine]

C'est parfait merci beaucoup pour votre aide J'attends demain avant de mettre en résolu, au cas où j'aurai un autre problème.