Hey !

En fait on peut faire ton image de fond via les codes ^^
Il suffit juste de nous confier les polices (sur google font sans quoi ça ne passera pas), voir à la limite l'image titre uniquement.

Je suis prête à la prendre, combien de groupes as-tu cependant ? Il leur faut une police particulière ? Ils sont de quelle couleur ?

Hellow :) Je souhaitais que ce sois toi qui me prenne en charge    Mercii ^^
Pour la largeur elle est de 700 px. Voici la police Dragon is Coming.
Pour les groupes je n'ai pas encore de couleur de faite mais il va y avoir : Administration, Scientifique, Team Rocket, Dresseur, Apprentie dresseur, Champion, Civil et Éleveur. Pour les groupes peut être avec la police Dragon is Coming encore une fois, si le résultat est beau car cette police est un petite.
A tu besoin des couleur ?

Ah, ça fait plaisir =D J'en suis ravie =)

Halloween a écrit:Il suffit juste de nous confier les polices (sur google font sans quoi ça ne passera pas)

Donc sur Dafont ça ne passe pas =$ Si la police n'est pas installée sur le PC, le visiteur ne verra pas le titre s'afficher correctement, ce qui n'arrive pas avec les polices de google font. Ou alors il faudrait détourer le titre uniquement =/

Une ombre est possible oui. Et pour les couleurs j'en mettrais au hasard si tu ne les as pas encore, ce n'est pas un soucis, c'était pour te faire gagner du temps

J'avais mal compris désoler x)
Voilà j'ai trouver une police que je trouve très belle :) http://www.google.com/fonts/specimen/Lobster pour les couleurs au hasard sa me va parfaitement ^^.
J'aimerai prendre la même pour PA pour faire une continuité.
Sinon voilà s'il y a autre chose n'hésite pas ^^

Juste pour prévenir que j'ai commencé, je pense terminer ce soir ou demain (désolée, j'ai beaucoup de travail à côté =/).

Prend tout ton temps je ne suis pas presser :)

Ca donnerait ceci, en espérant que  le résultat sur mac soit le même qu'à la maison ><

Personnellement j'aurai plutôt justifié les textes, les descriptions de groupe c'est moyen centré. J'ai pris la liberté de prendre une autre police pour les groupes, si tu préfères la première je modifie sans soucis. Un overflow est prévu pour les membres connectés s'il y en a trop. J'ai complété les trois premiers groupes uniquement, puisque c'est le même texte, histoire que tu vois que les onglets fonctionnent. Je voulais ajouter une Pokéball en fond de titre ou un Pokémon en déco en bas à droite, mais c'est ta demande, je voulais savoir ce que tu en pensais ^^

Ohw c'est tout simplement magnifique ! :)
Pour la poké ball je suis tout a fait d'accord. Pour ce qui est de la description des groupes je suis d'accord avec toi jutifier se serai mieux.
Pour ce qui est du reste je n'ai rien a dire tout simplement super merci beaucoup :)

Et maintenant, qu'en penses-tu ? =3

Tout simplement magnifique, parfaiittt Merci beaucoup

Je te passe les codes alors =3

Template index_box :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
<br />
<center><div style="background-color: #98D8D7; padding: 15px; width: 700px; border-radius: 80px;"><div class="cate_titre" style="vertical-align: middle;">{catrow.tablehead.L_FORUM}</div>



  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
 
  <div class="categorie">
    <table><tr>
      <td><div class="last_mess"><center><br /><img style="border-radius: 10px;" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    <br /><br />{catrow.forumrow.LAST_POST}</center></div></td>
  <td><div class="titrefofo"><center><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></center></div>
    <div class="bloc1">{catrow.forumrow.FORUM_DESC}</div></td>
      <td><div class="lienssf" id="subforums"><div id="liens_sf1">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
      <script type="text/javascript">
jQuery('#subforums').html(jQuery('#subforums').html().replace(/, /g,' ')).removeAttr('id');
</script></div></td>
  </tr></table>
   
 </div>

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
 
  </div>  </center><br /><br />
 
<!-- END tablefoot --><!-- END catrow -->

CSS

Code:

/***************************** QEEL *****************************/

/* Fond du QEEL */
.fond_qeel {
  background-color: #98D8D7;
  width: 700px;
  border-radius: 25px;
  padding: 25px;
  position: relative;
  top: -7em;
  z-index: 1;
}

/* Mise en forme des blocs du QEEL */
.bloc_qeel {
  background-color: #B3E3E3;
  color: #377B7A;
  text-align: center;
  border-radius: 25px;
  padding: 15px;
  font-size: 11px;
  position: relative;
  top:-2em;
}

/* Taille et position de la Pokéball */
.img_qeel {
  position: relative;
  top: -4em;
  z-index: 2;
  width: 180px;
}

/*** SYSTEME D'ONGLETS ***/

.qeelonglet {
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px;
  font-family: 'Parisienne', cursive;
  font-size: 15px;
}
           
.qeelonglet_0 {
}

.qeelonglet_1 {
}

.contenu_qeelonglet {
  padding: 25px;
  display: none;
  width: 320px;
  height: 45px;
  overflow: auto;
  border-radius: 25px;
  position: relative;
  left: -1.5em;
  text-align: justify;
}

.contenu_qeelonglet a{
  text-decoration: none !important;
}

/***************************** FIN QEEL *****************************/

Dis-moi si tout passe bien

tu ma donner le code de template pour les catégories

... Je suis fatiguée TT
Milles excuses, voici le bon cette fois :

Code:

<!-- BEGIN disable_viewonline --><br /><br />
<link href='http://fonts.googleapis.com/css?family=Lobster|Parisienne' rel='stylesheet' type='text/css'>
  <div style="top: 1em; position: relative; z-index: 3; font-family: 'Lobster', cursive; font-size: 35px; color: #25867F; text-shadow: 1px 1px 2px white;"><center>Qui cherche des Pokémon ?</center></div>
  <center><img src="http://i39.servimg.com/u/f39/18/47/68/10/pokbal10.png" class="img_qeel" /></center><div class="fond_qeel"><table><tr><td><div class="bloc_qeel" style="width: 200px;">{TOTAL_POSTS}<br />
      {TOTAL_USERS}<br />
    {NEWEST_USER}</div>
    <div class="bloc_qeel" style="width: 200px;">{TOTAL_USERS_ONLINE}<br />
      {RECORD_USERS}</div></td>
    <td><div class="bloc_qeel" style="width: 200px;"><div class="qeelonglets">
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Administration" onclick="javascript:change_qeelonglet('Administration');"><span style="color: #BC1D1D;">Administration</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Scientifique" onclick="javascript:change_qeelonglet('Scientifique');"><span style="color: #2C5654;">Scientifique</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Team Rocket" onclick="javascript:change_qeelonglet('Team Rocket');"><span style="color: #D9631C;">Team Rocket</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Dresseur" onclick="javascript:change_qeelonglet('Dresseur');"><span style="color: #73377B;">Dresseur</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Apprentie_dresseur" onclick="javascript:change_qeelonglet('Apprentie_dresseur');"><span style="color: #BB7BC4;">Apprentie dresseur</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Champion" onclick="javascript:change_qeelonglet('Champion');"><span style="color: #62A451;">Champion</span></span>
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Civil" onclick="javascript:change_qeelonglet('Civil');"><span style="color: #938762;">Civil</span></span> <br />
      <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Eleveur" onclick="javascript:change_qeelonglet('Eleveur');"><span style="color: #5187A4;">Éleveur</span></span>
   </div></div></td>
    <td><div class="bloc_qeel" style="width: 200px; height: 150px; overflow: auto;">{LOGGED_IN_USER_LIST}</div></td>
  </tr><br /><br /></table>
  <table><tr><td><div class="bloc_qeel" style="width: 300px;"><div style="background-color: #98D8D7; padding: 7px; border-radius: 10px;"><marquee><a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a> <a href="#"><img src="http://i39.servimg.com/u/f39/18/88/64/69/part_b10.jpg" /></a></marquee></div>
    Nos meilleurs amis et coup de coeur du mois !
    <a href="#"> <img src="http://i39.servimg.com/u/f39/18/88/64/69/coeur_10.jpg" style="border-radius: 10px;" /></a></div></td>
    <td style="width: 120px;"></td>
    <td><div class="bloc_qeel" style="width: 350px;"><div class="contenu_qeelonglets"><div class="contenu_qeelonglet" id="contenu_qeelonglet_Administration" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
      
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Scientifique" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
      
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Team Rocket" style="position: relative; top: -1em;">Numne Coriolanus contra debuerunt cum si placet debeat illi rem debeat illi debeat progredi num debuerunt si Coriolano si id Maelium Numne Maelium cum habuit si illi ob si si id ob contra si patriam si num debeat ob Coriolanus Numne habuit num progredi ferre debuerunt patriam num num regnum adpetentem amor quatenus ob habuit Coriolano si ob Coriolano illi ferre ob si iuvare primum debuerunt iuvare in amor si amor si ferre num amicos num primum ob arma Coriolano amicos regnum debuerunt in regnum ferre debeat patriam debuerunt debuerunt videamus videamus in debuerunt si adpetentem ob placet Vecellinum amor. <a href="#" style="color: #295654!important;"># Les consulter</a></div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Dresseur">Contenu 2</div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Apprentie_dresseur">Apprentie dresseur</div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Champion">Champion</div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Civil">Civil</div>
      <div class="contenu_qeelonglet" id="contenu_qeelonglet_Eleveur">Éleveur</div>
      
   </div></div></td></tr>
  </table></div>



<script type="text/javascript">
            //<!--
                    function change_qeelonglet(name)
                    {
                            document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
                            document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
                            document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
                            document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
                            anc_qeelonglet = name;
                    }
            //-->
            </script>
    <script type="text/javascript">
            //<!--
                    var anc_qeelonglet = 'Administration';
                    change_qeelonglet(anc_qeelonglet);
            //-->
            </script>




<!-- END disable_viewonline -->

http://arka-snow.forum-canada.net/ y'a un petit problème avec les groupes sinon le reste est tout simplement parfait :)

Oula oui Oo

Et en modifiant ceci :

Code:

.qeelonglet {
  margin-left: 20px;
  margin-right: 20px;
  padding: 10px;
  font-family: 'Parisienne', cursive;
  font-size: 15px;
}

Par ceci :

Code:

.qeelonglet {
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'Parisienne', cursive;
  font-size: 15px;
  display: block;
}

Yéééé sa marche ! merci encore ^^

Ah chouette !
Penses à éditer tes messages quand c'est bon pour ajouter le symbole "terminé" =3

oups je vais le faire de ce pas ^^