QEEL en dégradé de vert

Et le deuxième LS qui va avec la PA en dégradé de vert et les Catégories en dégradé de vert .

Alors, un exemple pour se mettre dans le bain :


Allez dans "Panneau d'administration" > "Affichage" > "Templates" > "Général" > "index_body"
Chercher la partie entre

Code:

<!-- BEGIN disable_viewonline -->
CODE
<!-- END disable_viewonline -->

Remplacez tout ça par :

Code:

<!-- BEGIN disable_viewonline -->
<table class="cadre_qeel" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <td colspan="2" height="28" align="center">
      <!-- BEGIN switch_viewonline_link -->
      <span class="qeel_titre"><a class="qeel_titre" href="{U_VIEWONLINE}" rel="nofollow"><img class="qeel_titre" src="http://img11.hostingpics.net/pics/629131qeel.png" alt="Qui est dans l'Apoclypse ?" /></a></span>
      <!-- END switch_viewonline_link -->

      <!-- BEGIN switch_viewonline_nolink -->
                  <span class="qeel_titre"><img class="qeel_titre" src="http://img11.hostingpics.net/pics/629131qeel.png" alt="Qui est dans l'Apoclypse ?" /></span>
      <!-- END switch_viewonline_nolink -->
      </td>
   </tr>
     <tr>
      <td colspan="2" align="center"><div class="groupes_qeel">
      <p class="groupe1">Groupe1</p>
      <p class="groupe2">Groupe2</p>
      <p class="groupe3">Groupe3</p>
      <p class="groupe4">Groupe4</p>
      <p class="groupe5">Groupe5</p>
      <p class="groupe6">Groupe6</p>
      <p class="groupe7">Groupe7</p></div></td>
   </tr>
   <tr><td><div class="infos_qeel"><span class="gensmall">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
                {NEWEST_USER}<br />
                {TOTAL_USERS_ONLINE}<br />
          {RECORD_USERS}</span></div></td>
          <td><div class="membres_liste"><span class="gensmall">
            {TOTAL_USERS_ONLINE}<br />
            {LOGGED_IN_USER_LIST}</span></div>
          </td>
  </tr>
  <tr><td align="right" colspan="2"><span class="gensmall" style="font-size: 10px;padding-right: 5px;">Codage : Sauney de <a href="http://www.never-utopia.com/">Never Utopia</a></span>
</td>
   </tr>
</table>
<!-- END disable_viewonline -->

Enregistrez et n'oubliez pas de publier !

P.S.: J'ai supprimé les anniversaires, les membres connectés au cours des dernières Xh et les données de la CB(utilisateurs en ligne).

Et pour le CSS rendez-vous dans "Panneau d'administration" > "Affichage" > "Images et couleurs" > "Couleurs" > "Feuille de style CSS" et ajoutez :

Code:

/* DEBUT DU QEEL */
.cadre_qeel{
width: 950px;
margin: 50px auto 10px auto;
background: linear-gradient( #c9de96, #398235); /* gère le dégradé, 1ère couleur= couleur du haut, 2ième couleur= couleur du bas */
border-width: 4px 2px 4px 2px;
border-style: solid;
border-color: #fff;
border-radius: 10px 0px 10px 0px;
color: #121212;
padding: -20px 5px 5px 5px;
font-size: 12px;
}
.qeel_titre, a.qeel_titre, a.qeel_titre:active, a.qeel_titre:visited{
position: relative;
top: -15px;
font-family: 'Georgia';
font-size: 25px;
text-align: center;
text-decoration: none !important;
color: #398235;
text-shadow: 1px 1px 1px #000;
}
a.qeel_titre:hover{
text-decoration: none !important;
color: #c9de96;
text-shadow: 1px 1px 1px #000;
transition: 350ms color linear, 350ms text-shadow linear;
}
.infos_qeel{
position: relative;
float: left;
width: 450px;
height: auto;
padding: 10px 5px 10px 10px;
text-align: left;
}
.membres_liste{
position: relative;
float: right;
width: 450px;
height: 50px;
overflow-y: auto;
padding: 10px 5px 10px 10px;
border-left: 2px solid #fff;
text-align: left;
}
/* Code les groupes */
.groupes_qeel{
width: 650px;
height: 30px;
margin: -30px auto -15px auto;
padding: 10px;
}
.groupe1, .groupe2, .groupe3, .groupe4, .groupe5, .groupe6, .groupe7 {
display: inline;
font-weight: bold;
font-family: 'Patrick Hand SC';
text-align: center;
font-size: 20px;
text-shadow: 0px 0px 2px #000;
}
.groupe1 {
color: #dd5549 !important;
margin-right: 20px; 
}
.groupe2 {
color: #5176b4 !important;
margin-right: 20px; 
}
.groupe3 {
color: #d19656 !important;
margin-right: 20px; 
}
.groupe4 {
color: #579c5a !important;
margin-right: 20px; 
}
.groupe5 {
color: #8A2388 !important;
margin-right: 20px; 
}
.groupe6 {
color: #3AA19F !important;
margin-right: 20px; 
}
.groupe7 {
color: #666262 !important; 
}
/* FIN DU QEEL */

Enregistrez et voilà

P.S. : La couleur de la police, des liens autres que ceux des forums se modifiera pour adopter celle que vous avez mise en place, de même pour les soulignement des liens.

Hey !

Tout me semble bon :3

Je déplace, merci du partage

merci ^^

merci

merci!!!

super sympa !

parfait!

Arigato.

Je love :)

Merci bien. ^^

Merci :)

merci ♥

Merci

Merci beaucoup :heart:

Merki =)

Merci beaucoup :)

merci beaucoup !

Merci !

Je ne sais pas si c'est un oubli, mais le "Il y a en tout 1 utilisateur en ligne :: 1 Enregistré, 0 Invisible et 0 Invité" est à la fois à gauche et à droite, donc en double. Et le "ses" du titre me fait mal aux yeux.

Par contre, j'adore le design. C'est exactement mon genre : Pas trop gros, pas trop de fioritures. Simple et efficace. Du coupe, merci pour le beau travail. ^^

merci :)

Merci !

Merci :)

merci !

Merci