un petit up :)

un petit up

un up :/

Salut!

Est-ce qu'on pourrait avoir la police du "votre staff adoré" Et celui des autres titres?

Y en a pas d'imposer justzment. J'aime bien celle qu'il y a la sur ce forum quand on écrit par exemple.

Parfait, pour l'écriture dans les carrés et tout. Je parle plutôt des titres. Sur ton image, c'est une police particulière là où il est écrit "votre staff adoré", "les dernières nouvelles", "navigation rapide", "on dit merci", "les amoureux recherchés" et "voici le topo". Tu peux nous dire les polices utilisées?

C'est ce que je disais :) la police que j'ai mise n'est pas celle que je souhaiterai en fait c'est une police au hasard vu que je n'en connait que très peu j'aurai voulu un police dans ce genre en fait (j'edite dans 5 min le screen est sur min PC )

edit : https://2img.net/image.noelshack.com/fichiers/2015/08/1424155486-police.jpg

Désolé de m'incruster, mais comme j'suis un peu fouineuse.... enfin bref, ce ne serais pas une police dans le genre "Amatic SC" que tu voudrais ?
En même temps, si c'est ça, ça aidera la personne qui prendra en charge ta commande :3

Sur ce, bisous et bon courage.

alors après quelques recherches, la police Anton irait au poil :)

Je tenais a signaler que j'ai réussit a coder seule 90% de la PA je n'ai que la partie staff sur laquelle je ne pourrais pas y arriver sans votre aide.
Je vous montre mon résultat.

http://missphanart.forumactif.org

J'espère que quelqu'un pourra me venir en aide :/ notre maj est pour bientôt :/ (ce pourquoi je me suis acharnée a avancer le travail)

Yo, si tu me fournis le code de ta PA je peux éventuellement te faire la partie staff. J'devrais trouver le temps de faire ça x)

oh ca serait super =D

page d'accueil:

CSS:

merci beaucoup par avance

J'aimerais aussi connaitre la version de ton forum.

oui, désolée c'est phbb2 ^^

Rah j'ai une autre question, c'est quoi la largeur de ton forum, parce que là j'ai tous les éléments qui partent en cacahuètes ><

Il est de 730px

Plop.
Alors j'ai terminé. Je n'ai pas mis de crédit puisque je n'ai fait que la partie staff + quelques petites corrections au niveau des espaces et de la ponctuation. J'ai également enlevé les préfixes qui ne servent plus (:

Je te redonne donc le CSS complet :

Code:

.titre {
text-transform: uppercase;
font-family: 'Anton', sans-serif;
font-weight: bold;
font-size: 12px;
color: #6E6252;
margin-left: 17px;
margin-top: -6px;
}

.titre_news {
text-transform: uppercase;
font-family: 'Anton', sans-serif;
font-weight: bold;
font-size: 12px;
color: #6E6252;
margin-left: 17px;
margin-top: -17px;
}

.titre_contexte {
text-transform: uppercase;
font-family: 'Anton', sans-serif;
font-weight: bold;
font-size: 12px;
color: #6E6252;
margin-left: 0px;
margin-top: -6px;
}

.titre_predef {
text-transform: uppercase;
font-family: 'Anton', sans-serif;
font-weight: bold;
font-size: 12px;
color: #6E6252;
margin-left: 5px;
margin-top: -17px;
}

.titre_credit {
text-transform: uppercase;
font-family: 'Anton', sans-serif;
font-weight: bold;
font-size: 12px;
color: #6E6252;
margin-left: -4px;
margin-top: -17px;
}

.navrapide {
background-color: #E3E0DF;
width: 150px;
height: 40px;
text-align: center;
font-size: 17px;
font-family: 'Anton', sans-serif;
font-weight: bold;
color: #4B4556;
}
 
.staff {
background-color: #E3E0DF;
width: 322px;
height: 141px;
margin-left: 17px;
}

.contexte {
background-color: #E3E0DF;
width: 362px;
height: 141px;
margin-right: 10px;
}

.news {
background-color: #E3E0DF;
width: 197px;
height: 203px;
text-align: justify;
margin-right: -5px;
margin-left: 17px;
}

.predefinis {
background-color: #E3E0DF;
width: 323px;
height: 47px;
margin-right: -5px;
 }

.credit {
background-color: #E3E0DF;
width: 152px;
height: 203px;
margin-right: 7px;
margin-left: -8px;
}

/* Nouveautés au survol de l'image */
.new_PA {
width: 362px;
height: 141px;
margin-right: 10px;
overflow: hidden;
background-color: #E3E0DF;
opacity: 0.7;
}

.new_PA_img {
  position: relative;
  z-index: 2;
  width: 362px;
  height: 141px;
  margin-left: 0px;
  transform: all;
  -webkit-transform: all;
  transition: 1s;
  -webkit-transition: 1s;
}

.new_PA:hover .new_PA_img {
  margin-left: 400px;
  transform: all;
  -webkit-transform: all;
  transition: 1s;
  -webkit-transition: 1s;
}

.new_PA_description {
  position: relative;
  z-index: 1;
  width: 342px;
  height: 141px;
  margin-top: -150px;
  text-align: justify;
  font-size: 11px;
  line-height: 10px;
  color: #030303;
  padding: 15px;
  overflow: auto;
}

.conteneur_PA {
position: relative;
height: 70px;
width: 70px;
overflow: visible;
margin-left: -3px;
margin-top: -3px;
}

.conteneur_PA .infobulle_PA {
position: absolute;
width: 180px;
height: 70px;
opacity: 0;
visibility: hidden;
trasition: 0.5s;
}

.conteneur_PA:hover .infobulle_PA {
opacity: 1;
visibility: visible;
trasition: 0.5s;
}

.infobulle_PA1 {
left: 70px;
top: 0px;
}

.infobulle_PA2 {
top: 7px;
left: -182px;
}

.staff_lien { 
background: navy;
color: white;
font-size: 12px;
text-align: center;
display: block;
text-decoration: none;
}

.staff01 {
font-size: 16px;
color: black;
text-align: center;
}

.staff02 {
font-size: 13px;
color: black;
text-align: center;
}

.staff03 {
width: 177px;
}

.staff_img {
width: 70px;
height: 68px;
}

.staff_img2 {
width: 70px;
height: 68px;
margin-top: 5px;
}

Comme tu as déjà fait une bonne partie, je ne l'ai pas annoté, mais si quelque chose n'est pas clair n'hésites pas à demander (:

Et puis je te redonne aussi le HTML entier de la PA quitte à faire x)

Code:

<br />
<table style="width: 100%;">
                                                                                                                                                                                                          
   <tbody>
                                                                                                                                                                                                                   
      <tr>
                                                                                                                                                                                                                            
         <td valign="top">
                                                                                                                                                                                                                     
            <div class="titre">
                                                                                                         votre staff adoré                                                                                       
            </div>
                                                                                                                                                                                         
            <div class="staff">
                                            
               <table>
                  <tbody>
                     <tr>
                        <td>
                           <div class="conteneur_PA">
                              <img class="staff_img" alt="staff" src="https://31.media.tumblr.com/45c6395c02b4b3c3996ed94ffe5f00cd/tumblr_inline_ndeqkgyxwx1r0942b.png" />
                              <div class="infobulle_PA infobulle_PA1">
                                 <div class="staff01">
                                    Prénom Nom
                                 </div>
                                 <div class="staff02">
                                    Rang - Présent
                                 </div><a class="staff_lien" href="Lien vers MP">Contacter par MP</a> <a class="staff_lien" href="lien vers profil">Voir son profil</a>
                              </div>
                           </div>
                           <div class="conteneur_PA">
                              <img class="staff_img2" alt="staff" src="https://31.media.tumblr.com/45c6395c02b4b3c3996ed94ffe5f00cd/tumblr_inline_ndeqkgyxwx1r0942b.png" />
                              <div class="infobulle_PA infobulle_PA1">
                                 <div class="staff01">
                                    Prénom Nom
                                 </div>
                                 <div class="staff02">
                                    Rang - Présent
                                 </div><a class="staff_lien" href="Lien vers MP">Contacter par MP</a> <a class="staff_lien" href="lien vers profil">Voir son profil</a>
                              </div>
                           </div>
                        </td>
                        <td>
                           <div class="staff03">
                           </div>
                        </td>
                        <td>
                           <div class="conteneur_PA">
                              <img class="staff_img" alt="staff" src="https://31.media.tumblr.com/45c6395c02b4b3c3996ed94ffe5f00cd/tumblr_inline_ndeqkgyxwx1r0942b.png" />
                              <div class="infobulle_PA infobulle_PA2">
                                 <div class="staff01">
                                    Prénom Nom
                                 </div>
                                 <div class="staff02">
                                    Rang - Présent
                                 </div><a class="staff_lien" href="Lien vers MP">Contacter par MP</a> <a class="staff_lien" href="lien vers profil">Voir son profil</a>
                              </div>
                           </div>
                           <div class="conteneur_PA">
                              <img class="staff_img2" alt="staff" src="https://31.media.tumblr.com/45c6395c02b4b3c3996ed94ffe5f00cd/tumblr_inline_ndeqkgyxwx1r0942b.png" />
                              <div class="infobulle_PA infobulle_PA2">
                                 <div class="staff01">
                                    Prénom Nom
                                 </div>
                                 <div class="staff02">
                                    Rang - Présent
                                 </div><a class="staff_lien" href="Lien vers MP">Contacter par MP</a> <a class="staff_lien" href="lien vers profil">Voir son profil</a>
                              </div>
                           </div>
                        </td>
                     </tr>
                  </tbody>
               </table>
                                                                                                        
            </div>
                                                                                                                                                                                                                                   
         </td>
                                                                                                                                                                                                                            
         <td valign="top">
                                                                                                                                                                                                                     
            <div class="titre_contexte">
                                                                                                         Toute une histoire ...                                                                                       
            </div>
                                                                                                                                                                                       
            <div class="new_PA">
                                                                                                                                                                                                                                                                                                                                                                                
               <div class="new_PA_img">
                                                                                                                                                                                                                <img src="http://image.noelshack.com/fichiers/2015/08/1424289113-manchester.png" style="width: 362px; height: 141px;" />                                                                                                                                                                                   
               </div>
                                                                                                                                                                                                                                                                                                                                                                                              
               <div class="new_PA_description">
                                                        Dans les rues pavées et ensoleillées de Manchester, l’air est frais. Chacun avance la tête perdue dans ses pensées sans réellement faire attention aux personnes l’entourant. Et pourtant, la personne qui marche à vos côtés, n’est-elle peut-être pas votre âme sœur ? Mais, de nos jours, chaque habitant de Manchester sait qu’il est difficile, voire impossible, d'avoir une relation stable et durable. Chacun essaye alors de se rassurer en se disant que ce n'est pas plus mal d'être célibataire. Faire la fête tous les soirs, aller voir à droite à gauche sans qu'on nous reproche quelque chose. La liberté quoi                                     
               </div>
                                                                                                                                                                                                                                            
            </div>
                                                                                                                                                                                                                                   
         </td>
                                                                                                                                                                                                                          
      </tr>
                                                                                                                                                                                                                 
   </tbody>
</table><br />
<table style="width: 100%;">
                                                                                                                                                                                                          
   <tbody>
                                                                                                                                                                                                                   
      <tr>
                                                                                                                                                                                                                            
         <td valign="top">
                                                                                                                                                                                                                     
            <div class="titre_news">
                                                                                                         les actualités                                                                                       
            </div>
                                                                                                                                                                                     
            <div class="news">
                                                                                                                                                                                
               <div style="margin-left: 4px; margin-right: 4px;">
                                                                                <strong> Situation Amoureuse</strong> se refait une beauté, <span style="text-decoration: underline;">la septième version</span> (by missphan) vient d'être mise en place pour donner un avant goût de printemps. Les gagnants au jeu de la Saint Valentin on été mis à l'honneur, bravo à eux : <span style="font-size: 8px;"><em>1. SLOANE</em> en première place, pour avoir envoyé ses vingt coeurs au complet quelques heures seulement après le lancement du jeu ! <em>2. EMMA</em> récupère la médaille d'argent, avec vingt coeurs aussi ! <em>3. ZONDRA</em> pour la dernière place du podium, qui n'a récupéré que 19 coeurs, mais qui s'est bien acharnée à la tâche.</span>                                                             
               </div>
                                                                                                                                                                            
            </div>
                                                                                                                                             
         </td>
                                                                                                                                                                                                      
         <td valign="top">
                                                                                                                                                                                                                     
            <div class="titre_predef">
                                                                                                         les amoureux recherchés                                                                                       
            </div>
                                                                                                                                                                                     
            <div class="predefinis">
                                                                                                                                                                                                                                        
               <center>
                                                                                                                                                                                                             
                  <table>
                                                                                                                                                                                                                                  
                     <tbody>
                                                                                                                                                                                                                                           
                        <tr>
                                                                                                                                                                                                                                                    
                           <td>
                                                                                                                                                                      <img src="https://31.media.tumblr.com/ec440bc1fb6ce41e44951f2bcf4e8104/tumblr_inline_ni0uqaX6M41su0q3w.jpg" style="width:40px; height:40px;opacity: 0.8;" />                                                                                                                                                                                           
                           </td>
                                                                                                                                                                                                                                                    
                           <td>
                                                                                                                                                                          <img src="https://31.media.tumblr.com/fb4b6a3efa847e343fea9fc9e0b60d1e/tumblr_inline_nh9cdgoqzY1spybpe.png" style="width:40px; height:40px;opacity: 0.8;" />                                                                                                                                       
                           </td>
                                                                                                                                                                                                                                                    
                           <td>
                                                                                                                                                                          <img src="https://40.media.tumblr.com/4366632ac92abee97b0d906a61ca2979/tumblr_nhavtiCIO71siov57o2_250.png" style="width:40px; height:40px;opacity: 0.8;" />                                                                                                                                       
                           </td>
                                                                                                                                                                                                                                                    
                           <td>
                                                                                                                                                                          <img src="https://41.media.tumblr.com/fcbffa8138a9c89d8183a86ad8feeb37/tumblr_nidyoj5G8y1s6fjh7o2_250.png" style="width:40px; height:40px;opacity: 0.8;" />                                                                                                                                       
                           </td>
                                                                                                                                                                                                                                                    
                           <td>
                                                                                                                                                                          <img src="http://image.noelshack.com/fichiers/2015/04/1422199332-gabriella.jpg" style="width:40px; height:40px;opacity: 0.8;" />                                                                                                                                       
                           </td>
                                                                                                                                                                                                                                                    
                           <td>
                                                                                                                                                                          <img src="http://image.noelshack.com/fichiers/2015/04/1422199457-nat.jpg" style="width:40px; height:40px;opacity: 0.8;" />                                                                                                                                       
                           </td>
                                                                                                                                                                                                                                                    
                           <td>
                                                                                                                                                                          <img src="https://41.media.tumblr.com/c98393c8baf9c35cefed9e00c34f822f/tumblr_nhvyivQxmC1slxggro2_250.png" style="width:40px; height:40px;opacity: 0.8;" />                                                                                                                                       
                           </td>
                                                                                                                                                                                                                                                  
                        </tr>
                                                                                                                                                                                                                                         
                     </tbody>
                                                                                                                                                                                                                                
                  </table>
                                                                                                                                                                                                           
               </center>
                                                                                                                                                                                                                                      
            </div>
                                                                                                    <br />                                                                                         
            <div class="titre">
                                                                                                       navigation rapide                                                                                     
            </div>
                                                                                                                                                                                   
            <center>
                                                                                                                                                                                                              
               <table>
                                                                                                                                                                                                                         
                  <tbody>
                                                                                                                                                                                                                                  
                     <tr>
                                                                                                                                                                                                                                           
                        <td>
                                                                                                                                                                                                                                                    
                           <div class="navrapide">
                                                                                      CONTEXTE                                                           
                           </div>
                                                                                                                                                                                                                                                  
                        </td>
                                                                                                                                                                                                                                           
                        <td>
                                                                                                                                                                                                                                                      
                           <div class="navrapide">
                                                                                      SCENARII                                                           
                           </div>
                                                                                                                                                                                                                                                  
                        </td>
                                                                                                                                                                                                                                   
                     </tr>
                                                                                                                                                                                                                            
                     <tr>
                                                                                                                                                                                                                                           
                        <td>
                                                                                                                                                                                                                                                      
                           <div class="navrapide">
                                                                                      BOTTIN                                                           
                           </div>
                                                                                                                                                                                                                                                  
                        </td>
                                                                                                                                                                                                                                           
                        <td>
                                                                                                                                                                                                                                                      
                           <div class="navrapide">
                                                                                      INVITES                                                           
                           </div>
                                                                                                                                                                                                                                                  
                        </td>
                                                                                                                                                                                                                                   
                     </tr>
                                                                                                                                                                                                                            
                     <tr>
                                                                                                                                                                                                                                           
                        <td>
                                                                                                                                                                                                                                                      
                           <div class="navrapide">
                                                                                      PARTENAIRES                                                           
                           </div>
                                                                                                                                                                                                                                                  
                        </td>
                                                                                                                                                                                                                                           
                        <td>
                                                                                                                                                                                                                                                      
                           <div class="navrapide">
                                                                                      BLABLA                                                           
                           </div>
                                                                                                                                                                                                                                                  
                        </td>
                                                                                                                                                                                                                                             
                     </tr>
                                                                                                                                                                                                                                
                  </tbody>
                                                                                                                                                                                                                       
               </table>
                                                                                                                                                                                                            
            </center>
                                                                                                                                                                                                                                   
         </td>
                                                                                                                                                                                                                            
         <td valign="top">
                                                                                                                                                                                                                     
            <div class="titre_credit">
                                                                                                         on remercie ...                                                                                       
            </div>
                                                                                                                                                                                     
            <div class="credit">
                                                                     <img src="https://31.media.tumblr.com/45c6395c02b4b3c3996ed94ffe5f00cd/tumblr_inline_ndeqkgyxwx1r0942b.png" style="width: 76px; height: 76px; opacity: 0.8;" /><img src="https://31.media.tumblr.com/45c6395c02b4b3c3996ed94ffe5f00cd/tumblr_inline_ndeqkgyxwx1r0942b.png" style="width: 76px; height: 76px; opacity: 0.8;" /><br />                                                   
               <div align="center">
                                                                        <stronger><span style="font-family: Anton; color:#4B4556;">NOS MEMBRES DU MOIS</span>    </stronger><br />Prénom Nom ♦ Prénom Nom                                                   
               </div><br />                                               
               <div style="margin-left: 4px; margin-right: 4px; font-size: 7px;" align="justify">
                                                                      Ce forum a été optimisé pour les navigateurs mozilla firefox et google chrome.© La totalité du forum appartient à ses administratrices : Nawael, Louise, Damian & Opium. Design réalisé par Shawn Kinge (missphan). L'ensemble du codage par Onyx (Never Utopia). Toute reproduction, même partielle est interdite, merci de respecter notre travail.                                                 
               </div>
                                                                                                                    
            </div>
                                                                                                                   
         </td>
                                                                                                          
      </tr>
                                                                                                 
   </tbody>
</table><br /><br />

J'ai vu que tu avais un espace crédit, je n'ai donc pas rajouté le mien, mais je te laisse le glisser subtilement dedans xD

Voilà si tout te convient, n'oublie pas d'éditer ton premier message pour mettre l'icône terminé (:

superbe =D j'adhère, j'adore et oui je vais te créditer, tu as quand même fait le plus dur =D
merci beaucoup ^^