Modification du QEEL

Voir le sujet précédent Voir le sujet suivant Aller en bas

En cours Modification du QEEL

Message par -Dine le Lun 23 Juil 2012 - 14:12

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:
http://img15.hostingpics.net/pics/614013023.jpg
.
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 : http://img15.hostingpics.net/pics/985885023.jpg
Pour le petit dessin en plein milieu, je l'ai fait rapidement mais voici le lien de l'image : http://img15.hostingpics.net/pics/127927023.jpg

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

-Dine
Nouveau membre

Messages : 11
Inscrit(e) le : 23/07/2012

http://ruyan.bbactif.com
-Dine a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par Invité le Lun 23 Juil 2012 - 20:51

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par -Dine le Lun 23 Juil 2012 - 22:12

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 ?

-Dine
Nouveau membre

Messages : 11
Inscrit(e) le : 23/07/2012

http://ruyan.bbactif.com
-Dine a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par Invité le Lun 23 Juil 2012 - 22:18

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 Razz)

Bien sincèrement.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par -Dine le Lun 23 Juil 2012 - 22:40

Merci beaucoup Very Happy 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


-Dine
Nouveau membre

Messages : 11
Inscrit(e) le : 23/07/2012

http://ruyan.bbactif.com
-Dine a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par Invité le Mar 24 Juil 2012 - 11:10

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 Wink.

Bien sincèrement.


Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par -Dine le Mar 24 Juil 2012 - 22:10

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.

-Dine
Nouveau membre

Messages : 11
Inscrit(e) le : 23/07/2012

http://ruyan.bbactif.com
-Dine a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par Invité le Mer 25 Juil 2012 - 20:57

Bonjour,

Je plaide coupable, je vous ai donné un code erronné Embarassed . Ce n'est pas "span color" mais "font color" Razz.
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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par -Dine le Mer 25 Juil 2012 - 22:23

Merci pour votre aide, ça marche Very Happy

Encore une question Rolling Eyes 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 ?

-Dine
Nouveau membre

Messages : 11
Inscrit(e) le : 23/07/2012

http://ruyan.bbactif.com
-Dine a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par Invité le Jeu 26 Juil 2012 - 0:04

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.

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

En cours Re: Modification du QEEL

Message par -Dine le Jeu 26 Juil 2012 - 10:19

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

-Dine
Nouveau membre

Messages : 11
Inscrit(e) le : 23/07/2012

http://ruyan.bbactif.com
-Dine a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum