Bonjour :)
J'ai commencé rapidement à te faire un truc. Faut que je le mette sur mon fofo test pour que tu puisses voir ce que ça donne. Je termine ça dans l'après midi ^^
Par contre je suis légèrement novice encore donc ça peut ne peut pas être super xD
Est ce que je peux avoir le lien de ton forum afin de mieux visualiser toutes les nuances de couleur ainsi que la taille ? Il me faut aussi les polices d'écriture que tu souhaites avoir sur ta pa ^^ (le must serai d'avoir les mêmes que les titres de tes catégories ou que ton qeel pour pas que ce soit dépareillé. )


EDIT : voici ce que j'ai commencé, je suis en train d'arrondir les bords et d'ajouter les effets.
https://2img.net/r/hpimg11/pics/94970659pa.jpg
Le fond gris correspond au fond de mon forum, étant donné que sur ton schéma je n'ai pas vu de cadre délimitant un fond je me suis dit qu'il n'y en avait sans doute pas ^^

EDIT 2 : Voilà en fait j'avance plutôt vite ^^ Il me reste que les effets à ajouter
https://2img.net/r/hpimg11/pics/189755pa2.jpg

J'attend de tes nouvelles

Coucouu

J'adore pour une novice, c'est super :) Voila le lien de mon forum :)
http://new-start.forumactif.org/

Et pour l'écriture, c'est Maiandra GD

Oh parfait je vois nettement quoi faire *-*
Merci infiniment ! Avec un peu de chance j'aurai fini ce soir ^^
Edit : tu peux me mettre un lien menant vers la typo parce que j'en trouve 365 mais qui sont pas pareil x)
Edit 2 : Oh non je sais ! (si ça ne te dérange pas) Est-ce que tu peux me mettre ton CSS sous hide où me l'envoyer par MP ? Comme ça je vois ce que j'ai à rajouter ou non pour les effets de texte et autre.

En fait pour les dimensions, est ce que tu pourrais les baisser à 700x400 ? c'est peut_ être mieux^^
Oui voici mon css :)

Pas de soucis je vais régler les dimensions (j'attend juste que forumactif arrête de faire des siennes ^^ )
Merci pour le CSS je m'occupe de ça de suite

Ah donc je suis pas la seule à avoir des soucis avec forumactif, ça me rassure x)

Voici le nouveau résultat : https://2img.net/r/hpimg15/pics/436249pa3.jpg

J'aime bien par contre je viens de repenser à un truc....est ce que tu crois qu'au icones scénarios attendus que tu puisse mettre un effet dessus, qui tourne ( en fait quand tu passe la souris dessus, l'icone tourne)

Si ce n'est pas possible, pas de soucis je prend la pa comme ça j'aime beaucoup :)

Oh bah j'allais justement te le proposer xD
Je t'ajoute ça de suite et je t'envoie tout

oh super merci

Alors c'est parti pour les codes :
Tout d'abord le CSS

Code:

/* PA par Nemalus */
.titre{
  border: 2px #efdce5 solid;
  border-radius: 25px 25px 25px 25px;
text-align:center;
  padding: 3px;
  background-color: #e7cdd6;
}
.page {
  border: 2px #efdce5 solid;
    border-radius: 25px 25px 25px 25px;
  background-color: #e7cdd6;
text-align:justify;
  padding: 5px;
  margin: 5px;
}
.fondcontexte {
  border: 2px #efdce5 solid;
text-align:justify;
  padding: 5px;
  margin: 5px;
}

a.info {
  position:relative;
  z-index: 999;
  color:#000000;
  text-decoration:none
}
a.info span {
  display: none;
}
a.info:hover span {
  display:block;
  position:absolute;
  z-index: 999;
  top:-13em;
  left:1em;
  width:15em;
  background-color:#efdce5;
  text-align:center;
  color:#e7cdd6;
  font-weight:none;
  padding:5px;
  border-radius: 20px;
}
a.forumglop {
width: 100%;
color: #FE6D6D !important;
font-family: parisienne;
font-size: 22px;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}

a.forumglop:hover {
letter-spacing: 2px;
color: #FE6D6D !important;
text-decoration: none !important;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.icones{
  transition: all 1s ease-out;
  width: 60px; height: 60px;
  border-radius: 100px;
  border: 1px solid #DFE1E9;
transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
}

.icones:hover{
  -moz-transform: rotate(720deg);
  -webkit-transform: rotate(720deg);
  -o-transform: rotate(720deg);
  -ms-transform: rotate(720deg);
  transform: rotate(720deg);
  width: 60px;
  height: 60px;transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -htm-transition: 1s;
        -webkit-transition: 1s;
}
/* fin PA par Nemalus*/

Et ensuite le HTML

Code:

<br />
<table style="width: 100%;">
                                                                                                                              
   <tbody>
                                                                                                                     
      <tr>
                                                                                                                        
         <td>
                                                                                                                           
            <center>
                                                                                                                            
               <div style=" text-align: center; font-size: 14px; font-color: #fe6d6d; font-variant: small-caps;">
                                                                          <a href="#" class="forumglop">Règlement</a> -  <a href="#" class="forumglop">Contexte</a> - <a href="#" class="forumglop">Scénarios</a> - <a href="#" class="forumglop">Bottin</a> - <a href="#" class="forumglop">Partenariat</a>                                                     
               </div>
                                                                                                                            
            </center><br />                                                       
         </td>
                                                                                                                            
      </tr>
                                                                                                                     
      <tr>
                                                                                                                              
         <td style="width:30%; float:left">
                                                                                                                           
            <div class="page">
                                                                                                                              
               <div class="titre">
                                                                          <span style="color: #fe6d6d;">News </span>                                                     
               </div><br />                                                   
               <center>
                                                                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                                   
               </center>
                                                                                                                              
            </div>
                                                                                           
            <div class="page">
                                                                                              
               <div class="titre">
                                                            <span style="color: #fe6d6d;">Top partenaires</span>                                         
               </div><br />                                 
               <center>
                                                      <a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><br /><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><br /><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a>                                   
               </center>
                                                                                            
            </div><br />Page d'acceuil par Nemalus sur <a href="http://www.never-utopia.com/">Never Utopia</a>                                                           
         </td>
                                                                                                                                
         <td style="width:35%; float:left">
                                                                                                                           
            <div class="page">
                                                                                                                              
               <div class="titre">
                                                                          <span style="color: #fe6d6d;">Staff</span>                                                       
               </div><br /><span style="color: white;"></span>                                                       
               <center>
                                                                          <a href="LIEN" style="text-decoration:none;" class="info"><img src="http://placehold.it/100x100" style="width: 100px; height: 100px;" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a> <a href="LIEN" style="text-decoration:none;" class="info"><img src="http://placehold.it/100x100" style="width: 100px; height: 100px;" border="0" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a>                                                       
               </center>
                                                   <br />  <br /><br />                                                     
            </div>
                                                                                                                             
            <div class="page">
                                                                                                                              
               <div class="titre">
                                                                          <span style="color: #fe6d6d;">Contexte</span>                                                     
               </div><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                                         
            </div>
                                                                                         
            <div class="page">
                                                                                                                              
               <div class="titre">
                                                                          <span style="color: #fe6d6d;">Top sites</span>                                                   
               </div><br />                   
               <div align="center">
                                      <a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><br /><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><br /><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a><a href="#"><img src="http://placehold.it/100x35" style=" border: 1px solid #DFE1E9;" /></a>                   
               </div>
                                                                                            
            </div>
                                                                                           
         </td>
                                                                                                                              
         <td style="width:30%; float:left; border-radius: 25px 0px 25px 0px;">
                                                                                                                           
            <div class="page">
                                                                                                                              
               <div class="titre">
                                                                            <span style="color: #fe6d6d;">Informations</span>                                                         
               </div><br />                                                       
               <center>
                                                                          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                   
               </center>
                                                                                                                                
            </div>
                                                                                                                           
            <div class="page">
                                                                                                                              
               <div class="titre">
                                                                          <span style="color: #fe6d6d;">Scénarios attendus</span>                                                         
               </div><br />                                                       
               <center>
                                              <a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><br /><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a><a href="#"><img class="icones" src="http://placehold.it/60x60" /></a>                                                                                           
               </center>
                                                                
            </div>
                                          <span style="color: white;"></span>                                                              <br />                                                           
         </td>
                                                                                                                      
      </tr>
                                                                                                                         
   </tbody>
</table>
 

Si tu as besoin d'aide en ce qui concerne la modification du code, n'hésite pas ^^

J'ai testé :) comme tu peux le voir sur mon fow^^

Par contre, le seul hic c'est que comme tu le vois, les titres reglements, c'est pas super lisible...les lettres sont en gros du coup on arrive pas trop à lire..est ce que tu crois qu'on peut modifier ça ?...sinon remettre une écriture simple^^

Pour les titre de tableaux staff etc, je vais essayer de trouver une écriture car avec maiandra GD en fait c'est un peu trop simple...je vais essayer de voir comment mettre une écriture plus sympa...

Et dernière chose, finalement il faudrait rétrecrir la PA car elle est en fait un peu trop grande, ( je suis allée trop loin dans mes dimensions x)

Sinon à part ça, tout est perfect^^

Ok je retest un truc sur mon fofo test ^^
Hmmmmm Et si tu essayes avec ceci ^pour le html ?

Code:

<br />
<table style="width: 90%;">
                                                                                                                                    
   <tbody>
                                                                                                                           
      <tr>
                                                                                                                              
         <td>
                                                                                                                                 
            <center>
                                                                                                                                  
               <div style=" text-align: center; font-size: 14px; font-color: #fe6d6d;">
                                                                              <a class="forumglop" href="#">Règlement</a> -  <a class="forumglop" href="#">Contexte</a> - <a class="forumglop" href="#">Scénarios</a> - <a class="forumglop" href="#">Bottin</a> - <a class="forumglop" href="#">Partenariat</a>                                                         
               </div>
                                                                                                                                  
            </center><br />                                                           
         </td>
                                                                                                                                  
      </tr>
                                                                                                                           
      <tr>
                                                                                                                                    
         <td style="width:30%; float:left">
                                                                                                                                 
            <div class="page">
                                                                                                                                    
               <div class="titre">
                                                                              <span style="color: #fe6d6d;">News </span>                                                         
               </div><br />                                                       
               <center>
                                                                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                                       
               </center>
                                                                                                                                    
            </div>
                                                                                                 
            <div class="page">
                                                                                                    
               <div class="titre">
                                                              <span style="color: #fe6d6d;">Top partenaires</span>                                           
               </div><br />                                     
               <center>
                                                          <a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><br /><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><br /><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a>                                       
               </center>
                                                                                                  
            </div><br />Page d'acceuil par Nemalus sur <a href="http://www.never-utopia.com/">Never Utopia</a>                                                               
         </td>
                                                                                                                                      
         <td style="width:35%; float:left">
                                                                                                                                 
            <div class="page">
                                                                                                                                    
               <div class="titre">
                                                                              <span style="color: #fe6d6d;">Staff</span>                                                           
               </div><br /><span style="color: white;"></span>                                                           
               <center>
                                                                              <a class="info" style="text-decoration:none;" href="LIEN"><img style="width: 100px; height: 100px;" src="http://placehold.it/100x100" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a> <a class="info" style="text-decoration:none;" href="LIEN"><img border="0" style="width: 100px; height: 100px;" src="http://placehold.it/100x100" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a>                                                           
               </center>
                                                       <br />  <br /><br />                                                         
            </div>
                                                                                                                                   
            <div class="page">
                                                                                                                                    
               <div class="titre">
                                                                              <span style="color: #fe6d6d;">Contexte</span>                                                         
               </div><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                                           
            </div>
                                                                                               
            <div class="page">
                                                                                                                                    
               <div class="titre">
                                                                            <span style="color: #fe6d6d;">Top sites</span>                                                       
               </div><br />                       
               <div align="center">
                                          <a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><br /><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><br /><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a><a href="#"><img style=" border: 1px solid #DFE1E9;" src="http://placehold.it/100x35" /></a>                       
               </div>
                                                                                                  
            </div>
                                                                                                 
         </td>
                                                                                                                                    
         <td style="width:30%; float:left; border-radius: 25px 0px 25px 0px;">
                                                                                                                                 
            <div class="page">
                                                                                                                                    
               <div class="titre">
                                                                              <span style="color: #fe6d6d;">Informations</span>                                                           
               </div><br />                                                           
               <center>
                                                                              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum euismod, nunc at pharetra egestas, massa lacus efficitur sem, id venenatis turpis nisl sit amet risus. Ut gravida lectus vitae purus suscipit dapibus. Maecenas dictum sodales vulputate. Donec tortor ex, porttitor sit amet neque id, ultrices rutrum tortor. Nunc vel nisl magna. Suspendisse tempus, orci sit amet pretium laoreet, sapien magna mollis ante, rutrum suscipit mauris risus iaculis massa. Aenean malesuada quis diam eu laoreet. Nunc accumsan, est elementum tincidunt vulputate, nibh odio fringilla turpis, sit amet iaculis metus ligula non lacus. Pellentesque id vestibulum tortor, ac porttitor lectus. Integer congue, libero ac pulvinar fringilla, diam lacus consequat erat, vitae pharetra est ligula sit amet mauris. In accumsan massa ac fermentum mollis. Suspendisse gravida eu leo vel semper. Nullam et suscipit sem, vel laoreet ligula.                                     
               </center>
                                                                                                                                      
            </div>
                                                                                                                                 
            <div class="page">
                                                                                                                                    
               <div class="titre">
                                                                              <span style="color: #fe6d6d;">Scénarios attendus</span>                                                           
               </div><br />                                                           
               <center>
                                                  <a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><br /><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><br /><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a><a href="#"><img src="http://placehold.it/60x60" class="icones" /></a>                                                                                               
               </center>
                                                                      
            </div>
                                              <span style="color: white;"></span>                                                              <br />                                                               
         </td>
                                                                                                                            
      </tr>
                                                                                                                               
   </tbody>
</table>
 

Niquel, par contre dans quelle balise se trouve le code des titres ( staff...)?

Dans cette balise ci :

Code:

<div class="titre">
                                                                              <span style="color: #fe6d6d;">Staff</span>                                                           
               </div><br /><span style="color: white;"></span>                                                           
               <center>
                                                                              <a class="info" style="text-decoration:none;" href="LIEN"><img style="width: 100px; height: 100px;" src="http://placehold.it/100x100" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a> <a class="info" style="text-decoration:none;" href="LIEN"><img border="0" style="width: 100px; height: 100px;" src="http://placehold.it/100x100" /><span style="color: #fe6d6d;">PRENOM<br />RANG</span></a>                                                           
               </center>
                                                       <br />  <br /><br />                                                         
            </div>

Ah oui c'est vrai, merci !

J'ai finis ma commande du coup :) et si j'ai besoin d'aide pour un petit truc, je t’écrirai ou je ferai de nouveau appel à tes services pour une prochaine commande

Oh et bien avec plaisir ^^ Ma boîte à mp est ouverte en cas de besoin

Wow, voilà une demande vite emballée, bien joué Nemalus ^^

Lelie> N'oublies pas de mettre l'icône "terminé" pour qu'on puisse archiver le sujet

C'est fait :)