Modification d'un QEEL personnalisé

[MaaxManu]

Bonsoir.

J'ai modifié mon QEEL mais le problème c'est qu'il y a une couleur de fond que je n'arrive pas a changer.

Voyez :



La liste des membres connectés au cours ...

Voici la partie du QEEL :

Code:

<!-- BEGIN disable_viewonline -->
<center><img src="http://i22.servimg.com/u/f22/15/92/18/88/qeel10.png"></center>
</br></br>
<table cellspacing="2" cellpadding="2" width="750" border="0" class="statistiques">
  <tr>
<td width="15%"></td>
<td width="50%">
<center><span class="groupes"> <a href="http://www.equid-aide.com/g1-administrateurs"><font color="#FF0000" size="2"><b>» Administrateurs</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.equid-aide.com/g9-pub"><font color="#C596EB" size="2"><b>» Staff Pub</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"><BR><BR>
<span class="groupes"> <a href="http://www.equid-aide.com/g10-graphisme"><font color="#C9C930" size="2"><b>» Graphistes</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg"></br></br>
<span class="groupes"> <a href="http://www.equid-aide.com/g5-membres-qui-se-sont-presentes"><font color="#703D3D" size="2"><b>» Membres présentés</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.equid-aide.com/g6-les-debutants"><font color="#5CBDC4" size="2"><b>» Les débutants</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<span class="groupes"> <a href="http://www.equid-aide.com/g7-les-confirmes"><font color="#0D948D" size="2"><b>» Les confirmés</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
<br><br>
<span class="groupes"> <a href="http://www.equid-aide.com/g8-les-experts"><font color="#1B477D" size="2"><b>» Les experts</b></font></a></span> <img src="http://i31.tinypic.com/mugck1.jpg">
</br></br></br>
<span class="gensmall">{TOTAL_POSTS}. {TOTAL_USERS}

{NEWEST_USER}<br><br>
{TOTAL_USERS_ONLINE}<br>
{LOGGED_IN_USER_LIST}</center></span><br>
<td width="5%"></td>
</tr>
</table>
 
<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<br>
<!-- END disable_viewonline -->

Merci pour votre aide et bonne soirée.

[SoraNoHime]

Bonsoir

repérez ceci dans votre template :

Code:

<table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<br>
<!-- END disable_viewonline -->

remplacez le par :

Code:

<table class="fondconnect" border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table>
<br>
<!-- END disable_viewonline -->

et rajoutez ceci dans votre css :

.fondconnect {
background-color : la couleur de votre fond;
}

Cordialement

[MaaxManu]

Ca ne fonctionne pas

[SoraNoHime]

Essayons par une div alors placée autour du tableau

Code:

<div class="fondconnect"><table border="0" cellspacing="3" cellpadding="0" width="700" align="center" style="text-align: justify">
{L_CONNECTED_MEMBERS}</table></div>
<br>
<!-- END disable_viewonline -->

[MaaxManu]

Désolé toujours pas ...

[SoraNoHime]

Il semblerait qu'il y ait une class dans cette balise {L_CONNECTED_MEMBERS}, la row1.

Je vais tenter quelquechose, vous pouvez déjà remettre votre template modifié de base en haut, ainsi qu'enlever la partie de css que je vous avez donné.

Pouvez-vous me fournir votre css pour mes tests.

Cordialement.

[MaaxManu]

Oui voici le css complet :

Code:

body { background-attachment: no-fixed; background-repeat: no-repeat; background-position: top center;}
table.forumline {border:1px dotted;}a:hover{text-transform:uppercase;}

a { text-decoration: none; }


    .colorpicker {
      width: 356px;
      height: 176px;
      overflow: hidden;
      position: absolute;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_background.png);
      font-family: Arial, Helvetica, sans-serif;
      display: none;
    }
    .colorpicker_color {
      width: 150px;
      height: 150px;
      left: 14px;
      top: 13px;
      position: absolute;
      background: #f00;
      overflow: hidden;
      cursor: crosshair;
    }
    .colorpicker_color div {
      position: absolute;
      top: 0;
      left: 0;
      width: 150px;
      height: 150px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_overlay.png);
    }
    .colorpicker_color div div {
      position: absolute;
      top: 0;
      left: 0;
      width: 11px;
      height: 11px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_select.gif);
      margin: -5px 0 0 -5px;
    }
    .colorpicker_hue {
      position: absolute;
      top: 13px;
      left: 171px;
      width: 35px;
      height: 150px;
      cursor: n-resize;
    }
    .colorpicker_hue div {
      position: absolute;
      width: 35px;
      height: 9px;
      overflow: hidden;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_indic.gif) left top;
      margin: -4px 0 0 0;
      left: 0px;
    }
    .colorpicker_new_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 213px;
      top: 13px;
      background: #f00;
    }
    .colorpicker_current_color {
      position: absolute;
      width: 60px;
      height: 30px;
      left: 283px;
      top: 13px;
      background: #f00;
    }
    .colorpicker input {
      background-color: transparent;
      border: 1px solid transparent;
      position: absolute;
      font-size: 10px;
      font-family: Arial, Helvetica, sans-serif;
      color: #898989;
      top: 4px;
      right: 11px;
      text-align: right;
      margin: 0;
      padding: 0;
      height: 11px;
    }
    .colorpicker_hex {
      position: absolute;
      width: 72px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_hex.png) top;
      left: 212px;
      top: 142px;
    }
    .colorpicker_hex input {
      right: 6px;
    }
    .colorpicker_field {
      height: 22px;
      width: 62px;
      background-position: top;
      position: absolute;
    }
    .colorpicker_field span {
      position: absolute;
      width: 12px;
      height: 22px;
      overflow: hidden;
      top: 0;
      right: 0;
      cursor: n-resize;
    }
    .colorpicker_rgb_r {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_r.png);
      top: 52px;
      left: 212px;
    }
    .colorpicker_rgb_g {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_g.png);
      top: 82px;
      left: 212px;
    }
    .colorpicker_rgb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_rgb_b.png);
      top: 112px;
      left: 212px;
    }
    .colorpicker_hsb_h {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_h.png);
      top: 52px;
      left: 282px;
    }
    .colorpicker_hsb_s {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_s.png);
      top: 82px;
      left: 282px;
    }
    .colorpicker_hsb_b {
      background-image: url(http://tinyurl.com/colorpickerimg/colorpicker_hsb_b.png);
      top: 112px;
      left: 282px;
    }
    .colorpicker_submit {
      position: absolute;
      width: 22px;
      height: 22px;
      background: url(http://tinyurl.com/colorpickerimg/colorpicker_submit.png) top;
      left: 322px;
      top: 142px;
      overflow: hidden;
    }
    .colorpicker_focus {
      background-position: center;
    }
    .colorpicker_hex.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_submit.colorpicker_focus {
      background-position: bottom;
    }
    .colorpicker_slider {
      background-position: bottom;
    }

tr.post span.gensmall
{
color: #E30E30;
}





    /*--- Cette partie correspond à derniers messages ---*/
            .messuj {
            border: 2px solid #a49896;
            background-color: #F2E2C2;
            -moz-border-radius-topleft: 6px;
            -moz-border-radius-topright: 6px;
            width: 200px;}

            .arrondi {
            border: 2px solid #a49896;
            background-color: #F2E2C2;
            -moz-border-radius-bottomright: 8px;
            -moz-border-radius-bottomleft: 8px;
        width: 200px;}




    /*--- Cette partie correspond à la description du forum ---*/
    .forum-description {
          margin: auto;
          padding: 10px;
          color: #000000;
          width: 80%;
          border: 3px solid #a49896;
          -moz-border-radius: 14px;
          -webkit-border-radius: 14px;
          font-size: 12px;
}

      /*--- Cette partie correspond à l'onglet "X messages dans X sujets" ---*/
    .forum-stats {
          -moz-border-radius-topleft: 20px;
          -moz-border-radius-topright: 20px;
          -webkit-border-top-right-radius: 20px;
          -webkit-border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          border-top-left-radius: 20px;
          border-bottom: 0 none !important;
          border-left: 3px solid #a49896;
          border-right: 3px solid #a49896;
          border-top: 3px solid #a49896;
          color: #000000;
          font-size: 11px;
          font-style: italic;
          height: 14px;
          left: 280px;
          padding: 3px;
          position: relative;
          text-align: center;
          width: 200px;
    }

    /*--- Cette partie correspond à l'affichage des sous-forums ---*/
    .forum-sousforum {
          color: #000000;
          border: 3px solid #a49896;
          border-top: 0px !important;
          -moz-border-radius-bottomleft: 14px;
          -moz-border-radius-bottomright: 14px;
          -webkit-border-bottom-right-radius: 14px;
          -webkit-border-bottom-left-radius: 14px;
          border-bottom-right-radius: 14px;
          border-bottom-left-radius: 14px;
          margin: auto;
          padding: 4px;
          color: #000000;
          width: 50%;
          text-align: center;
          height: 14px;
          font-size: 11px;
    }




.statistiques{
border:0px;
background-image: url("URL DE VOTRE IMAGE DE FOND");
background-repeat: no-repeat;
background-position: center;
height:300(HAUTEUR DE VOTRE IMAGE)px;}

.groupes{
background-color:#COULEUR DE FOND DU TEXTE DES GROUPES;border: 1px #COULEUR DU POINTILLÉ dotted;
-moz-border-radius : 5px 5px 5px 5px;
height:40px;padding-right:12px;padding-left:14px;padding-bottom:3px;
font-size:15px;font-weight: bold;text-align:center;
text-decoration: none !important;}

Merci

[tupac]

Bonsoir

Essayez de cette façon.

Code:

<table><font color=#000 size="2"><div style="moz-border-radius: 0px;>{L_CONNECTED_MEMBERS}</div></table>

[SoraNoHime]

Finalement, ré-essayez avec ma première solution, sauf que vous changez ainsi la css :

Code:

.fondconnect {
    .listlastconnected td {
    background-color: #votre couleur !important;}
}

Cordialement.

[MaaxManu]

Toujours pas

[SoraNoHime]

Oups, j'ai fait une erreur de copier colle, milles excuse

Code:

    .fondconnect td {
        background-color: #votre couleur !important;}
    }

[MaaxManu]

Super merci !

Il y a une } en trop dans le CSS mais j'ai rectifié et ca marche

Merci beaucoup.