*RESOLU* 2 Petites Modification sur une PA

Voir le sujet précédent Voir le sujet suivant Aller en bas

*RESOLU* 2 Petites Modification sur une PA

Sujet résolu le Dim 9 Juil 2017 - 23:30
Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Bonsoir tout le monde 
J'ai malheureusement du changer ma PA car j'ai complètement abîmer le code de l'autre et celle-ci c'est complètement déformer alors je suis partie dans un tout nouveaux Relooking pour mon petit forum (enfin, juste la PA ^^ ) Mais j'ai actuellement deux petit soucis avec celle-ci.

Milouze m'avais donner un code pour afficher les dernier message d'un forum sur mon ancienne PA qui est celui-ci : 
Code:
<marquee id="M14_scroll" onmouseover="M14_scroll.stop()" onmouseout="M14_scroll.start()" scrollamount="1" direction="down">
                                                                                                                                                    <script>
        jQuery(function(){
    jQuery('#text_clans_pa marquee').load('/f106-listing-des-astuces-en-ligne a.topictitle2:lt(10)');
        });
 </script>  

Je l'ai donc intégré dans ma PA dans le Cadre "Astuce" Mon Forum malheureusement le code n'as pas du tout l'air de fonctionner a nouveaux est ce normal ? : / 
Voila donc ma PA en entier
Code:
<title>Le Grand Havre</title>  <style>

      /* GENERAL */
    
      /* ==> Liens */
      #pa-monaka a {
        color: #000!important;
        text-decoration: none;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }

      #pa-monaka a:hover
      {
        color: #4e9ba1;
        text-decoration: none;
      }

      #pa-monaka {
        width: 880px; min-height: 600px;
        margin: 0 auto 12px auto;
        position: relative;
        background-image: url(http://i39.servimg.com/u/f39/18/94/29/67/coinha10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinha11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinba10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinba11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu13.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/bordmi10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu14.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/bordmi11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu15.gif);
background-position: top left, top right,bottom right, bottom left,top center, right center,bottom center, left center,top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }
      #pa-monaka table {
        display: block;
        width: 800px;
        border-spacing: 20px;
      }
      #pa-monaka td.with-bg {
        width: 210px; height: 170px;
        position: relative;
        padding-top: 20px;
       background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg), url(http://img4.hostingpics.net/pics/153172forumline03.jpg),url(http://img4.hostingpics.net/pics/440794forumline11.jpg),url(http://img4.hostingpics.net/pics/902555forumline10.jpg),url(http://img4.hostingpics.net/pics/947525forumline03.png), url(http://img4.hostingpics.net/pics/158730forumline13.png),url(http://img4.hostingpics.net/pics/300218forumline18.png),url(http://img4.hostingpics.net/pics/782072forumline09.png),url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right,bottom right, bottom left,top center, right center,bottom center, left center,top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }

      .content {
        height: 210px;
        overflow-y: auto;
        padding-right: 20px;
        font-size: 14px;
      }

      .contentspecial {
        height: 210px;
        overflow-y: auto;
        padding-right: 0px;
        font-size: 14px;
      }

      #pa-monaka h1, #pa-monaka h2, #pa-monaka p, #pa-monaka ul, #pa-monaka li {
        margin: 0; padding: 0;
        font-weight: normal;
      }

      /* MISE EN FORME DU TITRE + AVATAR */

      #pa-monaka h1 {
        width: 85%;
        height: 80px;
        line-height: 120px;
        color: #ffffff;
        text-shadow: 2px 2px 2px #000!important;
        text-align: right;
        position: absolute;
        left: 0; top: 10px;
        font-size: 25px;
        font-family: UnifrakturMaguntia!important;
      }

      #user-avatar {
        position: absolute;
        right: 620px; top: -0px;
        width: 100px; height: 150px;
        background: #4d9ca1; float: right;
        margin-right: 100px;
        overflow: hidden;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
      }

      #user-avatar img {
        width: 100%;
        height: auto;
      }

      /* MISE EN FORME DES TITRES DE SECTIONS */

      #pa-monaka td h2 {
        position: absolute;
        width: 95%;
        top: -15px; right: 0;
        font-size: 20px;
        text-align: center;
        color: #ffffff;
        text-shadow: 2px 2px 2px #000!important;
        font-family: "Pacifico", cursive;
        }

      /* MISE EN FORME ESPACE CONTEXTE */    
    
      .contexte p {
        margin-bottom: 20px;
        text-align: justify;
      }

      .contexte p:last-child {
        margin-bottom: 0px;
      }
      /* MISES EN FORME ZONE LIENS */

      .links a {
        display: inline-block;
        background: rgba(241,236,212,.6);
        width: 100%;
        text-align: center;
        margin-bottom: 3px;
        padding: 2px 0;
        text-decoration: none;
        color: #d9d4bf !important;
        font-family: sans-serif;
        text-transform: uppercase;
        font-size: 11px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }

      .links a:hover {
        background: rgba(241,236,212,.95);
        color: #CA105A !important;
      }
    
      /* MEMBRES DU STAFF */

      .memberstaff {
        height: 30px;
        color: #000;
        border-radius: 10px;
        padding-left: 80px;
        position: relative;
        margin-bottom: 10px;
        background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg), url(http://img4.hostingpics.net/pics/153172forumline03.jpg),url(http://img4.hostingpics.net/pics/440794forumline11.jpg),url(http://img4.hostingpics.net/pics/902555forumline10.jpg),url(http://img4.hostingpics.net/pics/947525forumline03.png), url(http://img4.hostingpics.net/pics/158730forumline13.png),url(http://img4.hostingpics.net/pics/300218forumline18.png),url(http://img4.hostingpics.net/pics/782072forumline09.png),url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }

      .memberstaff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      .memberstaff img.photo {
        width: 30px; height: 30px;
        position: absolute;
        top: -3.5px; left: 10px;
        background: none!important;
        border: none!important;
      }

      .memberstaff span {
        display: block;
        line-height: 25px;
        font-style: italic;
        font-size: 90%;
        padding-top: 3px;
      }
    

      /* MEMBRES A L'HONNEUR */

      .member {
        height: 75px;
        background: #f3f5ea;
        color: #4d9ca1;
        border-radius: 20px;
        padding-left: 100px;
        position: relative;
        margin-bottom: 20px;
        font-family: "Pacifico", sans-serif;
      }

      .member:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 79px; height: 79px;
        border-radius: 100px;
        background: #4d9ca1;
        position: absolute;
        top: -3.5px; left: 10px;
        border: 2px solid #E3C34D;
      }

      .member span {
        display: block;
        line-height: 30px;
        font-style: italic;
        font-size: 130%;
        padding-top: 12px;
      }

      .member a, .memberstaff a {
        text-transform: uppercase !important;
        font-size: 13px;
      }

      /* ESPACE NEWS */

      .news {
        margin-bottom: 5px !important; padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(241,236,212,1);
        text-align: justify;
        font-size: 11px!important;
        color: #000!important;
      }

      .news span {
        color: #CA105A;
        font-size: 90%;
      }

      .news span:after {
        content: " ~ "
      }

      /* INDICATIONS */

      .indics {
        margin-bottom: 5px !important; padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(241,236,212,1);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
      }

      .indics:hover strong {
        color: #CA105A;
      }

      /* CREATIONS DES CREDITS */

      #credits {
        width: 100%;
        height: 12px;
        position: absolute;
        text-align: right;
        font-family: sans-serif;
        font-size: 12px;
        padding: 3px 0;
        color: #606060;
        bottom: -10px; right: 10px;
      }

      #credits a {
        padding-left: 20px;
        background-size: 14px 14px;
        color: #aa434d !important;
        text-decoration: none !important;
        border: 0px !important;
      }

      #credits a:hover {
        color: #f79292 !important;
      }

      #credits span {color: #aa434d !important;}
  </style>  
<div id="pa-monaka">
                                                                                        
 <table cellpadding="10px" style="width: 800px;">
                                                                                                                                                                                                                                                                                                                      
 <tbody>
                                                                                                                                                                                                                                                                                                              
 <tr>
                                                                                                                                                                                                                                                                                                                          
 <td colspan="3" style="height:80px;">
                                                                                                                                                                                                                                                                                                                              
 <div class="connected">
                                                                                                                                                                                                                                                                                                                                
 <h1>
                                                                                                                                                       Bienvenue <span class="user-name">{USERNAME}</span> sur le Tableau d'Affichage !                                                                                                                                                      
 </h1>
                                                               <br /> <br /><br /><br /><span style="margin-left: 250px;">Bonne Journée sur le Grand Havre <em>!</em> ! </span>                                                                                                                                                                                                                                                
 <div id="user-avatar">
                                                                                                                                                                             <img src="http://i38.servimg.com/u/f38/19/07/10/81/vava-t10.png" alt="" />                                                                                                                                                                        
 </div>
                                                                                                                                                                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                            
 <div class="not-connected" style="display: none;">
                                                                                                                                                                                                                                                                                                                              
 <h1>
                                                                                                                                                       Et si tu venais t'inscrire ?                                                                                                                                                      
 </h1>
                                                                                                                                                                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                          
 </td>
                                                                                                                                                                                                                                                                                                                      
 </tr>
                                                                                                                                                                                                                                                                                                                      
 <tr>
                                                                                                                                                                                                                                                                                                                          
 <td class="with-bg">
                                                                                                                                                                                                                                                                                                                            
 <!--                                                                                              Le contexte                                                                                              -->                                                                                                                                                                    
 <h2>
                                                                                                                                                       Contexte                                                                                                                                                      
 </h2>
                                                                                                                                                                                                                                                                                                                            
 <div class="content contexte">
                                                                                                                                                                                                                                                                                                                                
 <div align="justify">
                                                                                                                                                    <span style="font-size: 10px;"><span style="color: #000000;">Dans cette vallée Mythique où règne la Paix et la Générosité tu découvriras ce que les Cavaliers et Cavalières ont de mieux à Offrir. Que tu sois un/une grande passionnée d'Equitation, du Cheval au naturel ou tout simplement de cet environnement tu es ici chez toi. Le Havre, étant tout d'abords consacré au Cheval, est également un lieu de refuge pour tout les joueurs d'Equideow.com. Des Astuces les plus recherchées aux Spoilers les plus récents, tout te sera offert gracieusement pour devenir l'un des meilleurs joueurs. De nombreux Services pour le jeu te seront proposés au fil du temps pour améliores ta partie et faire prospérer ton élevage. Dans cette grande vallée, sache que plus ta générosité sera grande, plus elle sera récompensée. Plus tu donneras, plus tu en seras remercié. Partage ton savoir en matière d'élevage, prend un peu de ton temps libre pour aider les autres, offre ce qui ne te sers pas et toutes les richesses du forum seront à toi.</span></span>                                                                                                                                                    
 </div>
                                                                                                                                                                                                                                                                                                        
 </div>
                                                                                                                                                                                                                                                                                                                          
 </td>
                                                                                                                                                                                                                                                                                                                          
 <td class="with-bg links">
                                                                                                                                                                                                                                                                                                                            
 <h2>
                                                                                      Staff                                                                                                                                                    
 </h2>
                                                                                                                                                                                                                                                                                                                            
 <div class="contentspecial">
                                                                                                                                                                    <a href="">Liens Lien Lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                  <a href="">Liens lien lien</a>                                                                                                                                                                    
 </div>
                                                                                                                                                                                                                                                                                                                          
 </td>
                                                                                                                                                                                                                                                                                                                          
 <td class="with-bg">
                                                                                                                                                                                                                                                                                                                            
 <h2>
                                                                                 Les Gagnants                                                                                                                                                      
 </h2>
                                                                                                                                                                                                                                                                                                                          
 <div class="content" style="padding-top: 5px;">
                                                
 <div class="memberstaff">
                                                                                                                                                                         <img src="https://i11.servimg.com/u/f11/19/54/37/96/20x2014.png" alt="" class="photo" /> <span>manflower</span>                          
 <div style="color: rgb(0, 0, 0); margin-top: -15px;">
         <a href="http://www.legrandhavre.com/t3081-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />          
 </div>
                                                                                                                                                                                                                                                                                                        
 </div>
                                                                                                                                                                                                                                                                                                                            
 <div class="memberstaff">
                                                                                                                                                                         <img src="https://i11.servimg.com/u/f11/19/54/37/96/fala_r11.png" alt="" class="photo" /> <span>Kaelice</span>                                                                              
 <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                   Lire le Témoignage                                                                                                                                                  
 </div>
                                                                                                                                                                                                                                                                                                        
 </div>
                                                                                                                                                                                                                                                                                                                            
 <div class="memberstaff">
                                                                                                                                                                         <img src="https://i11.servimg.com/u/f11/19/54/37/96/luna11.png" alt="" class="photo" />                  <span>Mini BN</span>                                                                                                
 <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                          Lire le Témoignage                                                                                              
 </div>
                                                                                                                                                                                                                                                
 </div>
                                                                                                                                                                                                                                                                                                                                        
 <div class="memberstaff">
                                                                                                                                                                         <img src="https://i11.servimg.com/u/f11/19/54/37/96/fala_b12.png" alt="" class="photo" />                  <span>xEtincelly</span>                                                                                                
 <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                          Lire le Témoignage                                                                                          
 </div>
                                                                                                                                                                                                                                                  
 </div>
                                                                                                                                                                                                      
 <div class="memberstaff">
                                                                                                                                                                         <img src="https://i11.servimg.com/u/f11/19/54/37/96/fala_j11.png" alt="" class="photo" />                  <span>Madyflo</span>                  
 <div style="color: rgb(0, 0, 0); margin-top: -15px;">
        <a href="http://www.legrandhavre.com/t3002-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />        
 </div>
                                                                                                                                                                                                                                                  
 </div>
                                                                                                                                                                                
 <div class="memberstaff">
                                                                                                                                                                         <img src="https://i11.servimg.com/u/f11/19/54/37/96/fala_v11.png" alt="" class="photo" />  <span>Yun</span>          
 <div style="margin-top: -15px;">
       <a href="http://www.legrandhavre.com/t2992-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />        
 </div>
                                                                                                                                                                                                                                          
 </div>
                                                                                                                                                                                      
 <!--                                                                           FIN                                                                           -->                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
 </div>
                          
 </td>
                                                                                                                                                                                                                                                                                                                      
 </tr>
                                                                                                                                                                                                                                                                                                                      
 <tr>
                                                                                                                                                                                                                                                                                                                          
 <td class="with-bg">
                                                                                                                                                                                                                                                                                                                            
 <h2>
                                                                                                                                                     Nos Astuces <em>!</em>                                                                                                                                                      
 </h2>
                                                                                                                                                                                                                                                                                                        
 <marquee id="M14_scroll" onmouseover="M14_scroll.stop()" onmouseout="M14_scroll.start()" scrollamount="1" direction="down">
                                                                                                                                                    <script>
        jQuery(function(){
    jQuery('#text_clans_pa marquee').load('/f106-listing-des-astuces-en-ligne a.topictitle2:lt(10)');
        });
 </script>                                                                                                                                                                          
 </marquee>
                                                                                                                                                                                                                                                                                                          
 </td>
                                                                                                                                                                                                                                                                                                                          
 <td class="with-bg">
                                                                                                                                                                                                                                                                                                                            
 <h2>
                                                                        Concours Actuels                                                                                                                                                      
 </h2>
                                                                                                                                                                                                                                                                                                                            
 <div class="content">
                                                                                                                                                                                                                                                                                                                                
 <p class="news">
                                                                                                                                                       <span>Fairy Mermaid</span> Nagez avec les Sirènes et tentez de remporter la somme de 4x Pass Equideow! <a href="http://www.legrandhavre.com/t2691-concours-officiels-fairy-mermaid"><strong>Cliquez Ici</strong> </a>                                                                                                                                                      
 </p>
                                                                                                                                                                                                                                                                                                                                
 <p class="news">
                                                                                                                                                       <span>Les 4 Saisons</span> <a href="http://www.legrandhavre.com/t2061-concours-d-ecriture-les-quatre-saisons">♥ Le Concours d'Ecriture ♥ <strong>Cliquez</strong> pour Participez</a>                                                                                                                                            
 </p>
                                                                                                                                                                                                                                                                                                                                
 <p class="news">
                                                                                                                                                       <span>Quizz</span> Répondez a notre petit Quizz de Satisfaction pour nous donner votre avis sur le forum et remporter la somme de 200 Zécus! <a href="http://www.legrandhavre.com/t250-votre-arrivee-sur-le-havre-questionnaire-de-satisfaction-50x-zecus"><strong>Cliquez Ici</strong></a>                                                                                                                                                        
 </p>
                                                                                                                                                                                                                                                                                                                                
 <p class="news">
                                                                                                                                                       <span>Vivre sur le Havre</span> Pour Savoir comment Vivre sur le Havre et gagner un Objets Equideow dés votre arriver! <a href="http://www.legrandhavre.com/t1829-apprendre-a-vivre-sur-le-havre"><strong>Cliquez Ici</strong></a>                                                                                                                                                
 </p>
                                                                                                                                                                                                                                                                                                                            
 </div>
                                                                                                                                                                                                                                                                                                                          
 </td>
                                                                                                                                                                                                                                                                                                                          
 <td class="with-bg">
                                                                                                                                                                                                                                                                                                                            
 <h2>
                                                                   Les Écuries                                                                                                                                              
 </h2>
                                                                                                                                                                                                                                                                                                      
 <div align="justify">
                                                                                                                                                                                                                      
 <div align="center">
                                                                  <img src="https://i11.servimg.com/u/f11/19/54/37/96/10011.png" />                                                                  
 </div>
                                                                                                                                                                                                                      
 </div>
                                                                                                                                                                                                                                                                                                                                            
 </td>
                                                                                                                                                                                                                                                                                                                      
 </tr>
                                                                                                                                                                                                                                                                                                                    
 </tbody>
                                                                                                                                                                                                                                                                                                            
 </table>
                                                                                                                                                                                                                                                                                                                    
 <div id="credits">
                                                                                                                                                               PA codée avec l'aide de <a href="http://www.never-utopia.com" target="_blank">Never-Utopia</a>.                                                                                                                                                            
 </div>
                                                                                                            
</div>
 <script type="text/javascript">jQuery(function(){var el=jQuery('#pa-monaka');if(_userdata.session_logged_in){el.find('#user-avatar').html(_userdata.avatar);el.find('.user-name').html(_userdata.username)}else{el.find('.not-connected').show();el.find('.connected').remove()}});</script>

Je souhaiterais également vous demander s'il serais possible de mettre cette image en haut à droite de ma PA ? (je placerais une rotation) pour que celle-ci se mette bien dans le contour du cadre :) 



Merci beaucoup à tous pour votre aide, 
Je vous souhaite une très agréable soirée <3


Dernière édition par Sick.l.Offrande le Sam 15 Juil 2017 - 1:15, édité 2 fois
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,

il manquait l'essentiel, tu vais oublié de mettre la div avec son ID:

Je viens de l'ajouter à l'instant sur ton fofo.

Code:
<div id="text_clans_pa">
                  <marquee direction="down" scrollamount="1" onmouseout="M14_scroll.start()" onmouseover="M14_scroll.stop()" id="M14_scroll">
                  </marquee>
                   
               </div><script>
jQuery(function(){
jQuery('#text_clans_pa marquee ').load('/f106-listing-des-astuces-en-ligne a.topictitle2:lt(10)');
});
 </script>                                         

Pour ton image à droite , je viens de la placer dans ta page d'accueil .
Ensuite une simple retouche pour la positionner dans le bon sens et hop, le tour est joué.


Code:

img.M14_feuillage                     
{
position: absolute;
margin-left: 120px;
margin-top: -100px;
}   

Puis le code html:
Code:

    <img src="https://i11.servimg.com/u/f11/11/26/21/37/ivy_by10.png" class="M14_feuillage" />   



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Bonjour Milouze, 
Oui j'ai vus que tu avais fait quelque manipulation et je ne serais jamais te remercier assez pour tout le travail que je te demande et que tu fait pour moi ! Souhaite tu un petit don pour payer le domaine ou le retrait des publicités de ton forum ? 
Je voulait savoir si je devait créer un nouveaux sujet pour que tu m'aide a placer les personne du Staff sur la Pa OU Si je pouvais le poster ici ? 
Je te souhaite une très agréable soirée <3
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Souhaite tu un petit don pour payer le domaine ou le retrait des publicités de ton forum ?

Hum, je te remercie mais ce n'est pas mon but ni celui du staff, c'est une passion avant tout Sandra clin oeil .

Je voulais savoir si je devait créer un nouveaux sujet pour que tu m'aide a placer les personne du Staff sur la Pa OU Si je pouvais le poster ici ?

On reste dans la page d'accueil , donc pas de soucis chère amie clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Merci de tout coeur Milouze 
Alors tout d'abords je souhaiterais savoir comment mettre le listing des astuce que tu viens de m'installer en noir ? 

Deuxièmement, je souhaiterais retiré tout les liens du contenus "Staff" et mettre a la place des petit icone qui tournerais sur eux-même et afficherais un pseudo au survol ^^ tout comme je l'avais sur mon ancienne PA =)
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,

Alors tout d'abords je souhaiterais savoir comment mettre le listing des astuce que tu viens de m'installer en noir ?

Hum le fond noir ou a couleur de police ?

Deuxièmement, je souhaiterais retiré tout les liens du contenus "Staff" et mettre a la place des petit icone qui tournerais sur eux-même et afficherais un pseudo au survol
Pas de soucis, je regarde plus tard  clin oeil .

Il me faudra les images de ces icônes Sandra clin oeil .

Petite question:
Je vois que le code vient d'un autre site de codage,
pourquoi ne passes tu par eux Sandra ?



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Bonsoir Milouze 
Comme icone de base je vais mettre ceci que je changerais plus tard : 

Si possible j'aimerais en avoir 4 par ligne et avoir 4 lignes ^^ 
Pour ce qui est du site ou j'ai pris le codage, honnêtement je n'y vais plus car je n'obtient jamais de réponse : / 
je te souhaite une très agréable soirée <3
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,
comme j'ai modifié la totalité de ta page d'accueil,
remplaces tout le code html par celui-ci:

Code:
<title>Le Grand Havre</title>  <style>

      /* GENERAL */
   
      /* ==> Liens */
      #pa-monaka a {
        color: #000!important;
        text-decoration: none;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }
/* l image en haut a droite*/
img.M14_feuillage                     
{
position: absolute;
margin-left: 120px;
margin-top: -100px;
}   
#text_clans_pa marquee{background-color:black !important;}
#text_clans_pa marquee a
{
color:white !important;
float:left;
}

      #pa-monaka a:hover
      {
        color: #4e9ba1;
        text-decoration: none;
      }

      #pa-monaka {
        width: 880px; min-height: 600px;
        margin: 0 auto 12px auto;
        position: relative;
        background-image: url(http://i39.servimg.com/u/f39/18/94/29/67/coinha10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinha11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinba10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinba11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu13.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/bordmi10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu14.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/bordmi11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu15.gif);
background-position: top left, top right,bottom right, bottom left,top center, right center,bottom center, left center,top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }
      #pa-monaka table {
        display: block;
        width: 800px;
        border-spacing: 20px;
      }
      #pa-monaka td.with-bg {
        width: 210px; height: 170px;
        position: relative;
        padding-top: 20px;
      background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg), url(http://img4.hostingpics.net/pics/153172forumline03.jpg),url(http://img4.hostingpics.net/pics/440794forumline11.jpg),url(http://img4.hostingpics.net/pics/902555forumline10.jpg),url(http://img4.hostingpics.net/pics/947525forumline03.png), url(http://img4.hostingpics.net/pics/158730forumline13.png),url(http://img4.hostingpics.net/pics/300218forumline18.png),url(http://img4.hostingpics.net/pics/782072forumline09.png),url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right,bottom right, bottom left,top center, right center,bottom center, left center,top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }

      .content {
        height: 210px;
        overflow-y: auto;
        padding-right: 20px;
        font-size: 14px;
      }

      .contentspecial {
        height: 210px;
        overflow-y: auto;
        padding-right: 0px;
        font-size: 14px;
text-align:center;
      }
.contentspecial a
{

width: 40px !important;
height: 24px;
line-height: 24px;
}
.contentspecial img{width:20px;height:20px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; }
.contentspecial img:hover
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.contentspecial span
{
display:none;
position: absolute;
margin-top: -60px;
height: 30px;
line-height: 30px;
background: inherit;
padding:2px 3px;
}

.contentspecial a:hover span{display:block;}

      #pa-monaka h1, #pa-monaka h2, #pa-monaka p, #pa-monaka ul, #pa-monaka li {
        margin: 0; padding: 0;
        font-weight: normal;
      }

      /* MISE EN FORME DU TITRE + AVATAR */

      #pa-monaka h1 {
        width: 85%;
        height: 80px;
        line-height: 120px;
        color: #ffffff;
        text-shadow: 2px 2px 2px #000!important;
        text-align: right;
        position: absolute;
        left: 0; top: 10px;
        font-size: 25px;
        font-family: UnifrakturMaguntia!important;
      }

      #user-avatar {
        position: absolute;
        right: 620px; top: -0px;
        width: 100px; height: 150px;
        background: #4d9ca1; float: right;
        margin-right: 100px;
        overflow: hidden;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
      }

      #user-avatar img {
        width: 100%;
        height: auto;
      }

      /* MISE EN FORME DES TITRES DE SECTIONS */

      #pa-monaka td h2 {
        position: absolute;
        width: 95%;
        top: -15px; right: 0;
        font-size: 20px;
        text-align: center;
        color: #ffffff;
        text-shadow: 2px 2px 2px #000!important;
        font-family: "Pacifico", cursive;
        }

      /* MISE EN FORME ESPACE CONTEXTE */   
   
      .contexte p {
        margin-bottom: 20px;
        text-align: justify;
      }

      .contexte p:last-child {
        margin-bottom: 0px;
      }
      /* MISES EN FORME ZONE LIENS */

      .links a {
        display: inline-block;
        background: rgba(241,236,212,.6);
        width: 100%;
        text-align: center;
        margin-bottom: 3px;
        padding: 2px 0;
        text-decoration: none;
        color: #d9d4bf !important;
        font-family: sans-serif;
        text-transform: uppercase;
        font-size: 11px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }

      .links a:hover {
        background: rgba(241,236,212,.95);
        color: #CA105A !important;
      }
   
      /* MEMBRES DU STAFF */

      .memberstaff {
        height: 30px;
        color: #000;
        border-radius: 10px;
        padding-left: 80px;
        position: relative;
        margin-bottom: 10px;
        background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg), url(http://img4.hostingpics.net/pics/153172forumline03.jpg),url(http://img4.hostingpics.net/pics/440794forumline11.jpg),url(http://img4.hostingpics.net/pics/902555forumline10.jpg),url(http://img4.hostingpics.net/pics/947525forumline03.png), url(http://img4.hostingpics.net/pics/158730forumline13.png),url(http://img4.hostingpics.net/pics/300218forumline18.png),url(http://img4.hostingpics.net/pics/782072forumline09.png),url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }

      .memberstaff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      .memberstaff img.photo {
        width: 30px; height: 30px;
        position: absolute;
        top: -3.5px; left: 10px;
        background: none!important;
        border: none!important;
      }

      .memberstaff span {
        display: block;
        line-height: 25px;
        font-style: italic;
        font-size: 90%;
        padding-top: 3px;
      }
   

      /* MEMBRES A L'HONNEUR */

      .member {
        height: 75px;
        background: #f3f5ea;
        color: #4d9ca1;
        border-radius: 20px;
        padding-left: 100px;
        position: relative;
        margin-bottom: 20px;
        font-family: "Pacifico", sans-serif;
      }

      .member:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 79px; height: 79px;
        border-radius: 100px;
        background: #4d9ca1;
        position: absolute;
        top: -3.5px; left: 10px;
        border: 2px solid #E3C34D;
      }

      .member span {
        display: block;
        line-height: 30px;
        font-style: italic;
        font-size: 130%;
        padding-top: 12px;
      }

      .member a, .memberstaff a {
        text-transform: uppercase !important;
        font-size: 13px;
      }

      /* ESPACE NEWS */

      .news {
        margin-bottom: 5px !important; padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(241,236,212,1);
        text-align: justify;
        font-size: 11px!important;
        color: #000!important;
      }

      .news span {
        color: #CA105A;
        font-size: 90%;
      }

      .news span:after {
        content: " ~ "
      }

      /* INDICATIONS */

      .indics {
        margin-bottom: 5px !important; padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(241,236,212,1);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
      }

      .indics:hover strong {
        color: #CA105A;
      }

      /* CREATIONS DES CREDITS */

      #credits {
        width: 100%;
        height: 12px;
        position: absolute;
        text-align: right;
        font-family: sans-serif;
        font-size: 12px;
        padding: 3px 0;
        color: #606060;
        bottom: -10px; right: 10px;
      }

      #credits a {
        padding-left: 20px;
        background-size: 14px 14px;
        color: #aa434d !important;
        text-decoration: none !important;
        border: 0px !important;
      }

      #credits a:hover {
        color: #f79292 !important;
      }

      #credits span {color: #aa434d !important;}
  </style> 
<div id="pa-monaka">
                     <img src="https://i11.servimg.com/u/f11/11/26/21/37/ivy_by10.png" class="M14_feuillage" />                                                                                                                         
   <table cellpadding="10px" style="width: 800px;">
                                                                                                                                                                                                                                                                                                                                                                               
      <tbody>
                                                                                                                                                                                                                                                                                                                                                                          
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                         
            <td colspan="3" style="height:80px;">
                                                                                                                                                                                                                                                                                                                                                                                                
               <div class="connected">
                                                                                                                                                                                                                                                                                                                                                                                                     
                  <h1>
                                                                                                                                                                                                     Bienvenue <span class="user-name">{USERNAME}</span> sur le Tableau d'Affichage !                                                                                                                                                                               
                  </h1>
                                                                                                          <br /> <br /><br /><br /><span style="margin-left: 250px;">Bonne Journée sur le Grand Havre <em>!</em> ! </span>                                                                                                                                                                                                                                                                         
                  <div id="user-avatar">
                                                                                                                                                                                                                           <img src="http://i38.servimg.com/u/f38/19/07/10/81/vava-t10.png" alt="" />                                                                                                                                                                                                 
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                 
               </div>
                                                                                                                                                                                                                                                                                                                                                                                              
               <div class="not-connected" style="display: none;">
                                                                                                                                                                                                                                                                                                                                                                                                   
                  <h1>
                                                                                                                                                                                                     Et si tu venais t'inscrire ?                                                                                                                                                                               
                  </h1>
                                                                                                                                                                                                                                                                                                                                                                                                 
               </div>
                                                                                                                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                     
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                  
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                         
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                              
               <!--                                                                                                                        Le contexte                                                                                                                        -->                                                                                                                                                                                             
               <h2>
                                                                                                                                                                                                  Contexte                                                                                                                                                                               
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                              
               <div class="content contexte">
                                                                                                                                                                                                                                                                                                                                                                                                     
                  <div align="justify">
                                                                                                                                                                                                   <span style="font-size: 10px;"><span style="color: #000000;">Dans cette vallée Mythique où règne la Paix et la Générosité tu découvriras ce que les Cavaliers et Cavalières ont de mieux à Offrir. Que tu sois un/une grande passionnée d'Equitation, du Cheval au naturel ou tout simplement de cet environnement tu es ici chez toi. Le Havre, étant tout d'abords consacré au Cheval, est également un lieu de refuge pour tout les joueurs d'Equideow.com. Des Astuces les plus recherchées aux Spoilers les plus récents, tout te sera offert gracieusement pour devenir l'un des meilleurs joueurs. De nombreux Services pour le jeu te seront proposés au fil du temps pour améliores ta partie et faire prospérer ton élevage. Dans cette grande vallée, sache que plus ta générosité sera grande, plus elle sera récompensée. Plus tu donneras, plus tu en seras remercié. Partage ton savoir en matière d'élevage, prend un peu de ton temps libre pour aider les autres, offre ce qui ne te sers pas et toutes les richesses du forum seront à toi.</span></span>                                                                                                                                                                             
                  </div>
                                                                                                                                                                                                                                                                                                                                                                             
               </div>
                                                                                                                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                         
            <td class="with-bg links">
                                                                                                                                                                                                                                                                                                                                                                                              
               <h2>
                                                                                                                                  Staff                                                                                                                                                                             
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                              
               <div class="contentspecial">
                                                                                                                                                                                                                <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 1</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 2</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 3</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 4</span></a>          <br />    <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 5</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 6</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 7</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 8</span></a>          <br /><a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 9</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 10</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 11</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 12</span></a>        <br /><a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 13</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 14</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 15</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 16</span></a>                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                         
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                              
               <h2>
                                                                                                                            Les Gagnants                                                                                                                                                                               
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                            
               <div class="content" style="padding-top: 5px;">
                                                                                                                     
                  <div class="memberstaff">
                                                                                                                                                                                                                       <img src="https://i11.servimg.com/u/f11/19/54/37/96/20x2014.png" alt="" class="photo" /> <span>manflower</span>                                                   
                     <div style="color: rgb(0, 0, 0); margin-top: -15px;">
                                                          <a href="http://www.legrandhavre.com/t3081-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                   
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                 
                  <div class="memberstaff">
                                                                                                                                                                                                                       <img src="https://i11.servimg.com/u/f11/19/54/37/96/fala_r11.png" alt="" class="photo" /> <span>Kaelice</span>                                                                                                       
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                                    Lire le Témoignage                                                                                                                                                                           
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                 
                  <div class="memberstaff">
                                                                                                                                                                                                                       <img src="https://i11.servimg.com/u/f11/19/54/37/96/luna11.png" alt="" class="photo" />                  <span>Mini BN</span>                                                                                                                         
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                            Lire le Témoignage                                                                                                                       
                     </div>
                                                                                                                                                                                                                                                                                                                        
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                             
                  <div class="memberstaff">
                                                                                                                                                                                                                       <img src="https://i11.servimg.com/u/f11/19/54/37/96/fala_b12.png" alt="" class="photo" />                  <span>xEtincelly</span>                                                                                                                         
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                            Lire le Témoignage                                                                                                                   
                     </div>
                                                                                                                                                                                                                                                                                                                          
                  </div>
                                                                                                                                                                                                                                                                           
                  <div class="memberstaff">
                                                                                                                                                                                                                       <img src="https://i11.servimg.com/u/f11/19/54/37/96/fala_j11.png" alt="" class="photo" />                  <span>Madyflo</span>                                           
                     <div style="color: rgb(0, 0, 0); margin-top: -15px;">
                                                          <a href="http://www.legrandhavre.com/t3002-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                 
                     </div>
                                                                                                                                                                                                                                                                                                                          
                  </div>
                                                                                                                                                                                                                                                     
                  <div class="memberstaff">
                                                                                                                                                                                                                       <img src="https://i11.servimg.com/u/f11/19/54/37/96/fala_v11.png" alt="" class="photo" />  <span>Yun</span>                                   
                     <div style="margin-top: -15px;">
                                                        <a href="http://www.legrandhavre.com/t2992-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                 
                     </div>
                                                                                                                                                                                                                                                                                                                  
                  </div>
                                                                                                                                                                                                                                                           
                  <!--                                                                                                    FIN                                                                                                    -->                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
               </div>
                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                     
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                  
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                         
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                              
               <h2>
                                                                                                                                                                                                Nos Astuces <em>!</em>                                                                                                                                                                               
               </h2>
                                                                                                                                                                                                                                                                                                                                                                          
               <div id="text_clans_pa">
                                                       
                  <marquee direction="down" scrollamount="1" onmouseout="M14_scroll.start()" onmouseover="M14_scroll.stop()" id="M14_scroll">
                                                          
                  </marquee>
                                                           
               </div><script>
jQuery(function(){
jQuery('#text_clans_pa marquee ').load('/f11-mes-scripts-avec-toolbar a.topictitle:lt(10)');
});
 </script>                                                                                                                                                                                                                                                                                                                                         
            </td>
                                                                                                                                                                                                                                                                                                                                                                                         
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                              
               <h2>
                                                                                                                    Concours Actuels                                                                                                                                                                               
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                              
               <div class="content">
                                                   
                  <p class="news">
                                                                                                                                                                                                     <span>Concours de Dressage</span>Participez au Grand Concours lancé par Madyflo et gagnez 1x Etrian ! <a href="http://www.legrandhavre.com/t2788-concours-dressage-etrian"><strong>Cliquez Ici</strong> </a>                                                                                                                                                                               
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                     
                  <p class="news">
                                                                                                                                                                                                     <span>Fairy Mermaid</span> Nagez avec les Sirènes et tentez de remporter la somme de 4x Pass Equideow! <a href="http://www.legrandhavre.com/t2691-concours-officiels-fairy-mermaid"><strong>Cliquez Ici</strong> </a>                                                                                                                                                                               
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                     
                  <p class="news">
                                                                                                                                                                                                     <span>Les 4 Saisons</span> <a href="http://www.legrandhavre.com/t2061-concours-d-ecriture-les-quatre-saisons">♥ Le Concours d'Ecriture ♥ <strong>Cliquez</strong> pour Participez</a>                                                                                                                                                                     
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                     
                  <p class="news">
                                                                                                                                                                                                     <span>Quizz</span> Répondez a notre petit Quizz de Satisfaction pour nous donner votre avis sur le forum et remporter la somme de 200 Zécus! <a href="http://www.legrandhavre.com/t250-votre-arrivee-sur-le-havre-questionnaire-de-satisfaction-50x-zecus"><strong>Cliquez Ici</strong></a>                                                                                                                                                                                 
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                     
                  <p class="news">
                                                                                                                                                                                                     <span>Vivre sur le Havre</span> Pour Savoir comment Vivre sur le Havre et gagner un Objets Equideow dés votre arriver! <a href="http://www.legrandhavre.com/t1829-apprendre-a-vivre-sur-le-havre"><strong>Cliquez Ici</strong></a>                                                                                                                                                                         
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                 
               </div>
                                                                                                                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                         
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                              
               <h2>
                                                                                                              Les Écuries                                                                                                                                                                       
               </h2>
                                                                                                                                                                                                                                                                                                                                                                        
               <div align="justify">
                                                                                                                                                                                                                                                                                           
                  <div align="center">
                                                                                                                 <img src="https://i11.servimg.com/u/f11/19/54/37/96/10011.png" />                                                                                           
                  </div>
                                                                                                                                                                                                                                                                                           
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                              
            </td>
                                                                                                                                                                                                                                                                                                                                                                                     
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                
      </tbody>
                                                                                                                                                                                                                                                                                                                                                                     
   </table>
                                                                                                                                                                                                                                                                                                                                                                          
   <div id="credits">
                                                                                                                                                                                              PA codée avec l'aide de <a href="http://www.never-utopia.com" target="_blank">Never-Utopia</a>.                                                                                                                                                                                     
   </div>
                                                                                                                                                                  
</div>
 <script type="text/javascript">jQuery(function(){var el=jQuery('#pa-monaka');if(_userdata.session_logged_in){el.find('#user-avatar').html(_userdata.avatar);el.find('.user-name').html(_userdata.username)}else{el.find('.not-connected').show();el.find('.connected').remove()}});</script>

Il faudra donc remplacer toutes les images et le titre des Pseudos ici:
Code:
<div class="contentspecial">
                                                                                                                                                                                                                <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 1</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 2</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 3</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 4</span></a>          <br />    <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 5</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 6</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 7</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 8</span></a>          <br /><a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 9</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 10</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 11</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 12</span></a>        <br /><a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 13</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 14</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 15</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 16</span></a>                                                                                                                                                                                       
               </div>
                                                            

Ensuite il faut impérativement respecter la dimensions des avatars afin de ne pas tronquer la div conteneur Sandra ici:
Code:
.contentspecial img{width:20px;height:20px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; }





-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Merci beaucoup Milouze mais est ce possible de retiré ce petit cadre blanc autour des avatar ? : / 
Je te souhaite une très agréable journée et je te remercie mille fois pour ce code, tu est juste génial, ton forum est une totalité <3
Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Oupss, en voulant retiré le fond et changer la taille des icone sa ma retiré le code pour les astuces : / Voila donc ma PA actuelle et pourtant je n'ai pas toucher a ce code : / 

Code:
<title>Le Grand Havre</title>  <style>

      /* GENERAL */
   
      /* ==> Liens */
      #pa-monaka a {
        color: #000!important;
        text-decoration: none;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }
/* l image en haut a droite*/
img.M14_feuillage                     
{
position: absolute;
margin-left: 120px;
margin-top: -100px;

#text_clans_pa marquee{background-color:black !important;}
#text_clans_pa marquee a
{
color:white !important;
float:left;
}

      #pa-monaka a:hover
      {
        color: #4e9ba1;
        text-decoration: none;
      }

      #pa-monaka {
        width: 880px; min-height: 600px;
        margin: 0 auto 12px auto;
        position: relative;
        background-image: url(http://i39.servimg.com/u/f39/18/94/29/67/coinha10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinha11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinba10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinba11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu13.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/bordmi10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu14.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/bordmi11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu15.gif);
background-position: top left, top right,bottom right, bottom left,top center, right center,bottom center, left center,top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }
      #pa-monaka table {
        display: block;
        width: 800px;
        border-spacing: 20px;
      }
      #pa-monaka td.with-bg {
        width: 210px; height: 170px;
        position: relative;
        padding-top: 20px;
      background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg), url(http://img4.hostingpics.net/pics/153172forumline03.jpg),url(http://img4.hostingpics.net/pics/440794forumline11.jpg),url(http://img4.hostingpics.net/pics/902555forumline10.jpg),url(http://img4.hostingpics.net/pics/947525forumline03.png), url(http://img4.hostingpics.net/pics/158730forumline13.png),url(http://img4.hostingpics.net/pics/300218forumline18.png),url(http://img4.hostingpics.net/pics/782072forumline09.png),url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right,bottom right, bottom left,top center, right center,bottom center, left center,top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }

      .content {
        height: 210px;
        overflow-y: auto;
        padding-right: 20px;
        font-size: 14px;
      }

      .contentspecial {
        height: 210px;
        overflow-y: auto;
        padding-right: 0px;
        font-size: 14px;
text-align:center;
      }
.contentspecial a
{

width: 40px !important;
height: 24px;
line-height: 24px;
}
.contentspecial img{width:40px;height:40px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; }
.contentspecial img:hover
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.contentspecial span
{
display:none;
position: absolute;
margin-top: -60px;
height: 30px;
line-height: 30px;
background: inherit;
padding:2px 3px;
}

.contentspecial a:hover span{display:block;}

      #pa-monaka h1, #pa-monaka h2, #pa-monaka p, #pa-monaka ul, #pa-monaka li {
        margin: 0; padding: 0;
        font-weight: normal;
      }

      /* MISE EN FORME DU TITRE + AVATAR */

      #pa-monaka h1 {
        width: 85%;
        height: 80px;
        line-height: 120px;
        color: #ffffff;
        text-shadow: 2px 2px 2px #000!important;
        text-align: right;
        position: absolute;
        left: 0; top: 10px;
        font-size: 25px;
        font-family: UnifrakturMaguntia!important;
      }

      #user-avatar {
        position: absolute;
        right: 620px; top: -0px;
        width: 100px; height: 150px;
        background: #4d9ca1; float: right;
        margin-right: 100px;
        overflow: hidden;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
      }

      #user-avatar img {
        width: 100%;
        height: auto;
      }

      /* MISE EN FORME DES TITRES DE SECTIONS */

      #pa-monaka td h2 {
        position: absolute;
        width: 95%;
        top: -15px; right: 0;
        font-size: 20px;
        text-align: center;
        color: #ffffff;
        text-shadow: 2px 2px 2px #000!important;
        font-family: "Pacifico", cursive;
        }

      /* MISE EN FORME ESPACE CONTEXTE */   
   
      .contexte p {
        margin-bottom: 20px;
        text-align: justify;
      }

      .contexte p:last-child {
        margin-bottom: 0px;
      }
      /* MISES EN FORME ZONE LIENS */

      .links a {
        display: inline-block;
        width: 100%;
        text-align: center;
        margin-bottom: 3px;
        padding: 2px 0;
        text-decoration: none;
        color: #d9d4bf !important;
        font-family: sans-serif;
        text-transform: uppercase;
        font-size: 11px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }

      .links a:hover {
        background: rgba(241,236,212,.95);
        color: #CA105A !important;
      }
   
      /* MEMBRES DU STAFF */

      .memberstaff {
        height: 30px;
        color: #000;
        border-radius: 10px;
        padding-left: 80px;
        position: relative;
        margin-bottom: 10px;
        background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg), url(http://img4.hostingpics.net/pics/153172forumline03.jpg),url(http://img4.hostingpics.net/pics/440794forumline11.jpg),url(http://img4.hostingpics.net/pics/902555forumline10.jpg),url(http://img4.hostingpics.net/pics/947525forumline03.png), url(http://img4.hostingpics.net/pics/158730forumline13.png),url(http://img4.hostingpics.net/pics/300218forumline18.png),url(http://img4.hostingpics.net/pics/782072forumline09.png),url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }

      .memberstaff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      .memberstaff img.photo {
        width: 30px; height: 30px;
        position: absolute;
        top: -3.5px; left: 10px;
        background: none!important;
        border: none!important;
      }

      .memberstaff span {
        display: block;
        line-height: 25px;
        font-style: italic;
        font-size: 90%;
        padding-top: 3px;
      }
   

      /* MEMBRES A L'HONNEUR */

      .member {
        height: 75px;
        background: #f3f5ea;
        color: #4d9ca1;
        border-radius: 20px;
        padding-left: 100px;
        position: relative;
        margin-bottom: 20px;
        font-family: "Pacifico", sans-serif;
      }

      .member:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 79px; height: 79px;
        border-radius: 100px;
        background: #4d9ca1;
        position: absolute;
        top: -3.5px; left: 10px;
        border: 2px solid #E3C34D;
      }

      .member span {
        display: block;
        line-height: 30px;
        font-style: italic;
        font-size: 130%;
        padding-top: 12px;
      }

      .member a, .memberstaff a {
        text-transform: uppercase !important;
        font-size: 13px;
      }

      /* ESPACE NEWS */

      .news {
        margin-bottom: 5px !important; padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(241,236,212,1);
        text-align: justify;
        font-size: 11px!important;
        color: #000!important;
      }

      .news span {
        color: #CA105A;
        font-size: 90%;
      }

      .news span:after {
        content: " ~ "
      }

      /* INDICATIONS */

      .indics {
        margin-bottom: 5px !important; padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(241,236,212,1);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
      }

      .indics:hover strong {
        color: #CA105A;
      }

      /* CREATIONS DES CREDITS */

      #credits {
        width: 100%;
        height: 12px;
        position: absolute;
        text-align: right;
        font-family: sans-serif;
        font-size: 12px;
        padding: 3px 0;
        color: #606060;
        bottom: -10px; right: 10px;
      }

      #credits a {
        padding-left: 20px;
        background-size: 14px 14px;
        color: #aa434d !important;
        text-decoration: none !important;
        border: 0px !important;
      }

      #credits a:hover {
        color: #f79292 !important;
      }

      #credits span {color: #aa434d !important;}
  </style> 
<div id="pa-monaka">
                         <img class="M14_feuillage" src="https://i11.servimg.com/u/f11/11/26/21/37/ivy_by10.png" />                                                                                                                             
   <table style="width: 800px;" cellpadding="10px">
                                                                                                                                                                                                                                                                                                                                                                                               
      <tbody>
                                                                                                                                                                                                                                                                                                                                                                                                
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                                                     
            <td style="height:80px;" colspan="3">
                                                                                                                                                                                                                                                                                                                                                                                                                                  
               <div class="connected">
                                                                                                                                                                                                                                                                                                                                                                                                                                             
                  <h1>
                                                                                                                                                                                                                           Bienvenue <span class="user-name">{USERNAME}</span> sur le Tableau d'Affichage !                                                                                                                                                                                                   
                  </h1>
                                                                                                                              <br /> <br /><br /><br /><span style="margin-left: 250px;">Bonne Journée sur le Grand Havre <em>!</em> ! </span>                                                                                                                                                                                                                                                                                             
                  <div id="user-avatar">
                                                                                                                                                                                                                                                 <img alt="" src="http://i38.servimg.com/u/f38/19/07/10/81/vava-t10.png" />                                                                                                                                                                                                                   
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <div style="display: none;" class="not-connected">
                                                                                                                                                                                                                                                                                                                                                                                                                                           
                  <h1>
                                                                                                                                                                                                                           Et si tu venais t'inscrire ?                                                                                                                                                                                                   
                  </h1>
                                                                                                                                                                                                                                                                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                                               
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                                        
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                                                     
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <!--                                                                                                                          Le contexte                                                                                                                          -->                                                                                                                                                                                                             
               <h2>
                                                                                                                                                                                                                      Contexte                                                                                                                                                                                                 
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <div class="content contexte">
                                                                                                                                                                                                                                                                                                                                                                                                                                             
                  <div align="justify">
                                                                                                                                                                                                                         <span style="font-size: 10px;"><span style="color: #000000;">Dans cette vallée Mythique où règne la Paix et la Générosité tu découvriras ce que les Cavaliers et Cavalières ont de mieux à Offrir. Que tu sois un/une grande passionnée d'Equitation, du Cheval au naturel ou tout simplement de cet environnement tu es ici chez toi. Le Havre, étant tout d'abords consacré au Cheval, est également un lieu de refuge pour tout les joueurs d'Equideow.com. Des Astuces les plus recherchées aux Spoilers les plus récents, tout te sera offert gracieusement pour devenir l'un des meilleurs joueurs. De nombreux Services pour le jeu te seront proposés au fil du temps pour améliores ta partie et faire prospérer ton élevage. Dans cette grande vallée, sache que plus ta générosité sera grande, plus elle sera récompensée. Plus tu donneras, plus tu en seras remercié. Partage ton savoir en matière d'élevage, prend un peu de ton temps libre pour aider les autres, offre ce qui ne te sers pas et toutes les richesses du forum seront à toi.</span></span>                                                                                                                                                                                                 
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                   
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                                                     
            <td class="with-bg links">
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <h2>
                                                                                                                                                      Staff                                                                                                                                                                                               
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <div class="contentspecial">
                                                                                                                                                                                                                                    <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 1</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 2</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 3</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 4</span></a>          <br />    <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 5</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 6</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 7</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 8</span></a>          <br /><a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 9</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 10</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 11</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 12</span></a>        <br /><a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 13</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 14</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 15</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 16</span></a>                                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                                                     
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <h2>
                                                                                                                                                Les Gagnants                                                                                                                                                                                                 
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                              
               <div style="padding-top: 5px;" class="content">
                                                                                                                                                             
                  <div class="memberstaff">
                                                                                                                                                                                                                                             <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/20x2014.png" /> <span>manflower</span>                                                                         
                     <div style="color: rgb(0, 0, 0); margin-top: -15px;">
                                                                                    <a href="http://www.legrandhavre.com/t3081-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                                         
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                                                            
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                         
                  <div class="memberstaff">
                                                                                                                                                                                                                                             <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/fala_r11.png" /> <span>Kaelice</span>                                                                                                                             
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                                                              Lire le Témoignage                                                                                                                                                                                                   
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                                                            
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                         
                  <div class="memberstaff">
                                                                                                                                                                                                                                             <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/luna11.png" />                  <span>Mini BN</span>                                                                                                                                               
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                                                      Lire le Témoignage                                                                                                                                               
                     </div>
                                                                                                                                                                                                                                                                                                                                                                    
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                                     
                  <div class="memberstaff">
                                                                                                                                                                                                                                             <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/fala_b12.png" />                  <span>xEtincelly</span>                                                                                                                                               
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                                                      Lire le Témoignage                                                                                                                                           
                     </div>
                                                                                                                                                                                                                                                                                                                                                                      
                  </div>
                                                                                                                                                                                                                                                                                                                   
                  <div class="memberstaff">
                                                                                                                                                                                                                                             <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/fala_j11.png" />                  <span>Madyflo</span>                                                                 
                     <div style="color: rgb(0, 0, 0); margin-top: -15px;">
                                                                                    <a href="http://www.legrandhavre.com/t3002-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                                       
                     </div>
                                                                                                                                                                                                                                                                                                                                                                      
                  </div>
                                                                                                                                                                                                                                                                                             
                  <div class="memberstaff">
                                                                                                                                                                                                                                             <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/fala_v11.png" />  <span>Yun</span>                                                         
                     <div style="margin-top: -15px;">
                                                                                  <a href="http://www.legrandhavre.com/t2992-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                                       
                     </div>
                                                                                                                                                                                                                                                                                                                                                              
                  </div>
                                                                                                                                                                                                                                                                                                   
                  <!--                                                                                                      FIN                                                                                                      -->                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           
               </div>
                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                                               
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                                        
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                                                     
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <h2>
                                                                                                                                                                                                                    Nos Astuces <em>!</em>                                                                                                                                                                                               
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                            
               <div id="text_clans_pa">
                                                                                               
                  <marquee id="M14_scroll" onmouseover="M14_scroll.stop()" onmouseout="M14_scroll.start()" scrollamount="1" direction="down">
                                                                                                      
                  </marquee>
                                                                                                 
               </div><script>
jQuery(function(){
jQuery('#text_clans_pa marquee ').load('/f11-mes-scripts-avec-toolbar a.topictitle:lt(10)');
});
 </script>                                                                                                                                                                                                                                                                                                                                                       
            </td>
                                                                                                                                                                                                                                                                                                                                                                                                                     
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <h2>
                                                                                                                                        Concours Actuels                                                                                                                                                                                                 
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <div class="content">
                     
                  <p class="news">
                                                                                                                                                                                           <span>Cache-Cache des Gemme</span>Trouver les Gemmes cacher sur le Havre et aidez la Fée Calice pour gagner 1x Gypse! <a href="http://www.legrandhavre.com/t3235-concours-officiel-le-cache-cache-des-gemmes"><strong>Cliquez Ici</strong> <img style="width: 15px; height: 15px;" src="https://gaia.equideow.com/media/equideo/image/chevaux/special/40/adulte/gypse.png" /> </a>                                                                                                                                                                     
                  </p>
                                                                                           
                  <p class="news">
                                                                                                                                                                                                                           <span>Concours de Dressage</span>Participez au Grand Concours lancé par Madyflo et gagnez 1x Etrian ! <a href="http://www.legrandhavre.com/t2788-concours-dressage-etrian"><strong>Cliquez Ici</strong> </a>                                                                                                                                                                                                   
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                             
                  <p class="news">
                                                                                                                                                                                                                           <span>Fairy Mermaid</span> Nagez avec les Sirènes et tentez de remporter la somme de 4x Pass Equideow! <a href="http://www.legrandhavre.com/t2691-concours-officiels-fairy-mermaid"><strong>Cliquez Ici</strong> </a>                                                                                                                                                                                                   
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                             
                  <p class="news">
                                                                                                                                                                                                                           <span>Les 4 Saisons</span> <a href="http://www.legrandhavre.com/t2061-concours-d-ecriture-les-quatre-saisons">♥ Le Concours d'Ecriture ♥ <strong>Cliquez</strong> pour Participez</a>                                                                                                                                                                                         
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                             
                  <p class="news">
                                                                                                                                                                                                                           <span>Quizz</span> Répondez a notre petit Quizz de Satisfaction pour nous donner votre avis sur le forum et remporter la somme de 200 Zécus! <a href="http://www.legrandhavre.com/t250-votre-arrivee-sur-le-havre-questionnaire-de-satisfaction-50x-zecus"><strong>Cliquez Ici</strong></a>                                                                                                                                                                                                     
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                             
                  <p class="news">
                                                                                                                                                                                                                           <span>Vivre sur le Havre</span> Pour Savoir comment Vivre sur le Havre et gagner un Objets Equideow dés votre arriver! <a href="http://www.legrandhavre.com/t1829-apprendre-a-vivre-sur-le-havre"><strong>Cliquez Ici</strong></a>                                                                                                                                                                                             
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                            
            </td>
                                                                                                                                                                                                                                                                                                                                                                                                                     
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                                                
               <h2>
                                                                                                                                  Les Écuries                                                                                                                                                                                         
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                          
               <div align="justify">
                                                                                                                                                                                                                                                                                                                                   
                  <div align="center">
                                                                                                                                       <img src="https://i11.servimg.com/u/f11/19/54/37/96/10011.png" />                                                                                                               
                  </div>
                                                                                                                                                                                                                                                                                                                                 
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                                              
            </td>
                                                                                                                                                                                                                                                                                                                                                                                                               
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                                    
      </tbody>
                                                                                                                                                                                                                                                                                                                                                                                   
   </table>
                                                                                                                                                                                                                                                                                                                                                                                    
   <div id="credits">
                                                                                                                                                                                                      PA codée avec l'aide de <a target="_blank" href="http://www.never-utopia.com">Never-Utopia</a>.                                                                                                                                                                                         
   </div>
                                                                                                                                                                          
</div>
 <script type="text/javascript">jQuery(function(){var el=jQuery('#pa-monaka');if(_userdata.session_logged_in){el.find('#user-avatar').html(_userdata.avatar);el.find('.user-name').html(_userdata.username)}else{el.find('.not-connected').show();el.find('.connected').remove()}});</script>
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,
pour les astuces ,c'est de ma faute car j'avais testé avec des sujets de mon fofo de test

Voici le code html avec le lien des astuces de ton fofo et j'ai par la même occasion supprimé
le background :
La css est commentée pour les infobulles ou tu pourras changé la couleur de fond:

Code:

<title>Le Grand Havre</title>  <style>

      /* GENERAL */
   
      /* ==> Liens */
      #pa-monaka a {
        color: #000!important;
        text-decoration: none;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }
/* l image en haut a droite*/
img.M14_feuillage                     
{
position: absolute;
margin-left: 120px;
margin-top: -100px;
}   
#text_clans_pa marquee{background-color:black !important;}
#text_clans_pa marquee a
{
color:white !important;
float:left;
}

      #pa-monaka a:hover
      {
        color: #4e9ba1;
        text-decoration: none;
      }

      #pa-monaka {
        width: 880px; min-height: 600px;
        margin: 0 auto 12px auto;
        position: relative;
        background-image: url(http://i39.servimg.com/u/f39/18/94/29/67/coinha10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinha11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinba10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/coinba11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu13.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/bordmi10.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu14.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/bordmi11.gif), url(http://i39.servimg.com/u/f39/18/94/29/67/milieu15.gif);
background-position: top left, top right,bottom right, bottom left,top center, right center,bottom center, left center,top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }
      #pa-monaka table {
        display: block;
        width: 800px;
        border-spacing: 20px;
      }
      #pa-monaka td.with-bg {
        width: 210px; height: 170px;
        position: relative;
        padding-top: 20px;
      background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg), url(http://img4.hostingpics.net/pics/153172forumline03.jpg),url(http://img4.hostingpics.net/pics/440794forumline11.jpg),url(http://img4.hostingpics.net/pics/902555forumline10.jpg),url(http://img4.hostingpics.net/pics/947525forumline03.png), url(http://img4.hostingpics.net/pics/158730forumline13.png),url(http://img4.hostingpics.net/pics/300218forumline18.png),url(http://img4.hostingpics.net/pics/782072forumline09.png),url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right,bottom right, bottom left,top center, right center,bottom center, left center,top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }

      .content {
        height: 210px;
        overflow-y: auto;
        padding-right: 20px;
        font-size: 14px;
      }

      .contentspecial {
        height: 210px;
        overflow-y: auto;
        padding-right: 0px;
        font-size: 14px;
text-align:center;
      }
.contentspecial a
{
background:transparent !important;
width: 40px !important;
height: 24px;
line-height: 24px;
}
.contentspecial img{width:20px;height:20px;-webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius: 100px; }
.contentspecial img:hover
{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/* les infobulles*/
.contentspecial span
{
background: rgba(241,236,212,.6) !important;
display:none;
position: absolute;
margin-top: -60px;
height: 30px;
line-height: 30px;
background: inherit;
padding:2px 3px;
}

.contentspecial a:hover span{display:block;}

      #pa-monaka h1, #pa-monaka h2, #pa-monaka p, #pa-monaka ul, #pa-monaka li {
        margin: 0; padding: 0;
        font-weight: normal;
      }

      /* MISE EN FORME DU TITRE + AVATAR */

      #pa-monaka h1 {
        width: 85%;
        height: 80px;
        line-height: 120px;
        color: #ffffff;
        text-shadow: 2px 2px 2px #000!important;
        text-align: right;
        position: absolute;
        left: 0; top: 10px;
        font-size: 25px;
        font-family: UnifrakturMaguntia!important;
      }

      #user-avatar {
        position: absolute;
        right: 620px; top: -0px;
        width: 100px; height: 150px;
        background: #4d9ca1; float: right;
        margin-right: 100px;
        overflow: hidden;
        -webkit-transform: rotate(-25deg);
        transform: rotate(-25deg);
      }

      #user-avatar img {
        width: 100%;
        height: auto;
      }

      /* MISE EN FORME DES TITRES DE SECTIONS */

      #pa-monaka td h2 {
        position: absolute;
        width: 95%;
        top: -15px; right: 0;
        font-size: 20px;
        text-align: center;
        color: #ffffff;
        text-shadow: 2px 2px 2px #000!important;
        font-family: "Pacifico", cursive;
        }

      /* MISE EN FORME ESPACE CONTEXTE */   
   
      .contexte p {
        margin-bottom: 20px;
        text-align: justify;
      }

      .contexte p:last-child {
        margin-bottom: 0px;
      }
      /* MISES EN FORME ZONE LIENS */

      .links a {
        display: inline-block;
        background: rgba(241,236,212,.6);
        width: 100%;
        text-align: center;
        margin-bottom: 3px;
        padding: 2px 0;
        text-decoration: none;
        color: #d9d4bf !important;
        font-family: sans-serif;
        text-transform: uppercase;
        font-size: 11px;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
      }

      .links a:hover {
        background: rgba(241,236,212,.95);
        color: #CA105A !important;
      }
   
      /* MEMBRES DU STAFF */

      .memberstaff {
        height: 30px;
        color: #000;
        border-radius: 10px;
        padding-left: 80px;
        position: relative;
        margin-bottom: 10px;
        background-image: url(http://img4.hostingpics.net/pics/325804forumline01.jpg), url(http://img4.hostingpics.net/pics/153172forumline03.jpg),url(http://img4.hostingpics.net/pics/440794forumline11.jpg),url(http://img4.hostingpics.net/pics/902555forumline10.jpg),url(http://img4.hostingpics.net/pics/947525forumline03.png), url(http://img4.hostingpics.net/pics/158730forumline13.png),url(http://img4.hostingpics.net/pics/300218forumline18.png),url(http://img4.hostingpics.net/pics/782072forumline09.png),url(http://img4.hostingpics.net/pics/151721forumline05.jpg);
background-position: top left, top right, bottom right, bottom left, top center, right center, bottom center, left center, top left;
background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat-x, repeat-y, repeat-x, repeat-y, repeat;
      }

      .memberstaff:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      .memberstaff img.photo {
        width: 30px; height: 30px;
        position: absolute;
        top: -3.5px; left: 10px;
        background: none!important;
        border: none!important;
      }

      .memberstaff span {
        display: block;
        line-height: 25px;
        font-style: italic;
        font-size: 90%;
        padding-top: 3px;
      }
   

      /* MEMBRES A L'HONNEUR */

      .member {
        height: 75px;
        background: #f3f5ea;
        color: #4d9ca1;
        border-radius: 20px;
        padding-left: 100px;
        position: relative;
        margin-bottom: 20px;
        font-family: "Pacifico", sans-serif;
      }

      .member:hover img.photo {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        -webkit-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
      }

      img.photo {
        width: 79px; height: 79px;
        border-radius: 100px;
        background: #4d9ca1;
        position: absolute;
        top: -3.5px; left: 10px;
        border: 2px solid #E3C34D;
      }

      .member span {
        display: block;
        line-height: 30px;
        font-style: italic;
        font-size: 130%;
        padding-top: 12px;
      }

      .member a, .memberstaff a {
        text-transform: uppercase !important;
        font-size: 13px;
      }

      /* ESPACE NEWS */

      .news {
        margin-bottom: 5px !important; padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(241,236,212,1);
        text-align: justify;
        font-size: 11px!important;
        color: #000!important;
      }

      .news span {
        color: #CA105A;
        font-size: 90%;
      }

      .news span:after {
        content: " ~ "
      }

      /* INDICATIONS */

      .indics {
        margin-bottom: 5px !important; padding-bottom: 5px !important;
        border-bottom: 1px solid rgba(241,236,212,1);
        -webkit-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
      }

      .indics:hover strong {
        color: #CA105A;
      }

      /* CREATIONS DES CREDITS */

      #credits {
        width: 100%;
        height: 12px;
        position: absolute;
        text-align: right;
        font-family: sans-serif;
        font-size: 12px;
        padding: 3px 0;
        color: #606060;
        bottom: -10px; right: 10px;
      }

      #credits a {
        padding-left: 20px;
        background-size: 14px 14px;
        color: #aa434d !important;
        text-decoration: none !important;
        border: 0px !important;
      }

      #credits a:hover {
        color: #f79292 !important;
      }

      #credits span {color: #aa434d !important;}
  </style> 
<div id="pa-monaka">
                         <img class="M14_feuillage" src="https://i11.servimg.com/u/f11/11/26/21/37/ivy_by10.png" />                                                                                                                           
   <table cellpadding="10px" style="width: 800px;">
                                                                                                                                                                                                                                                                                                                                                                                     
      <tbody>
                                                                                                                                                                                                                                                                                                                                                                                
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                               
            <td style="height:80px;" colspan="3">
                                                                                                                                                                                                                                                                                                                                                                                                      
               <div class="connected">
                                                                                                                                                                                                                                                                                                                                                                                                           
                  <h1>
                                                                                                                                                                                                         Bienvenue <span class="user-name">{USERNAME}</span> sur le Tableau d'Affichage !                                                                                                                                                                                 
                  </h1>
                                                                                                              <br /> <br /><br /><br /><span style="margin-left: 250px;">Bonne Journée sur le Grand Havre <em>!</em> ! </span>                                                                                                                                                                                                                                                                           
                  <div id="user-avatar">
                                                                                                                                                                                                                               <img alt="" src="http://i38.servimg.com/u/f38/19/07/10/81/vava-t10.png" />                                                                                                                                                                                                     
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                    
               <div style="display: none;" class="not-connected">
                                                                                                                                                                                                                                                                                                                                                                                                         
                  <h1>
                                                                                                                                                                                                         Et si tu venais t'inscrire ?                                                                                                                                                                                   
                  </h1>
                                                                                                                                                                                                                                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                  
            </td>
                                                                                                                                                                                                                                                                                                                                                                                           
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                        
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                               
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                    
               <!--                                                                                                                          Le contexte                                                                                                                          -->                                                                                                                                                                                                 
               <h2>
                                                                                                                                                                                                      Contexte                                                                                                                                                                                   
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                    
               <div class="content contexte">
                                                                                                                                                                                                                                                                                                                                                                                                           
                  <div align="justify">
                                                                                                                                                                                                     <span style="font-size: 10px;"><span style="color: #000000;">Dans cette vallée Mythique où règne la Paix et la Générosité tu découvriras ce que les Cavaliers et Cavalières ont de mieux à Offrir. Que tu sois un/une grande passionnée d'Equitation, du Cheval au naturel ou tout simplement de cet environnement tu es ici chez toi. Le Havre, étant tout d'abords consacré au Cheval, est également un lieu de refuge pour tout les joueurs d'Equideow.com. Des Astuces les plus recherchées aux Spoilers les plus récents, tout te sera offert gracieusement pour devenir l'un des meilleurs joueurs. De nombreux Services pour le jeu te seront proposés au fil du temps pour améliores ta partie et faire prospérer ton élevage. Dans cette grande vallée, sache que plus ta générosité sera grande, plus elle sera récompensée. Plus tu donneras, plus tu en seras remercié. Partage ton savoir en matière d'élevage, prend un peu de ton temps libre pour aider les autres, offre ce qui ne te sers pas et toutes les richesses du forum seront à toi.</span></span>                                                                                                                                                                               
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                   
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                  
            </td>
                                                                                                                                                                                                                                                                                                                                                                                               
            <td class="with-bg links">
                                                                                                                                                                                                                                                                                                                                                                                                    
               <h2>
                                                                                                                                    Staff                                                                                                                                                                               
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                    
               <div class="contentspecial">
                                                                                                                                                                                                                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 1</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 2</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 3</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 4</span></a>          <br />    <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 5</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 6</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 7</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 8</span></a>          <br /><a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 9</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 10</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 11</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 12</span></a>        <br /><a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 13</span></a>                  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 14</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 15</span></a>  <a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 16</span></a>                                                                                                                                                                                         
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                  
            </td>
                                                                                                                                                                                                                                                                                                                                                                                               
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                    
               <h2>
                                                                                                                                Les Gagnants                                                                                                                                                                                 
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                  
               <div style="padding-top: 5px;" class="content">
                                                                                                                           
                  <div class="memberstaff">
                                                                                                                                                                                                                           <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/20x2014.png" /> <span>manflower</span>                                                     
                     <div style="color: rgb(0, 0, 0); margin-top: -15px;">
                                                              <a href="http://www.legrandhavre.com/t3081-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                     
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                      
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                       
                  <div class="memberstaff">
                                                                                                                                                                                                                           <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/fala_r11.png" /> <span>Kaelice</span>                                                                                                         
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                                        Lire le Témoignage                                                                                                                                                                             
                     </div>
                                                                                                                                                                                                                                                                                                                                                                                      
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                       
                  <div class="memberstaff">
                                                                                                                                                                                                                           <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/luna11.png" />                  <span>Mini BN</span>                                                                                                                           
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                              Lire le Témoignage                                                                                                                         
                     </div>
                                                                                                                                                                                                                                                                                                                              
                  </div>
                                                                                                                                                                                                                                                                                                                                                                                                                   
                  <div class="memberstaff">
                                                                                                                                                                                                                           <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/fala_b12.png" />                  <span>xEtincelly</span>                                                                                                                           
                     <div style="color: #000; margin-top: -5px; font-size: 10px!important;">
                                                                                                                              Lire le Témoignage                                                                                                                     
                     </div>
                                                                                                                                                                                                                                                                                                                                
                  </div>
                                                                                                                                                                                                                                                                                 
                  <div class="memberstaff">
                                                                                                                                                                                                                           <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/fala_j11.png" />                  <span>Madyflo</span>                                             
                     <div style="color: rgb(0, 0, 0); margin-top: -15px;">
                                                            <a href="http://www.legrandhavre.com/t3002-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                   
                     </div>
                                                                                                                                                                                                                                                                                                                                
                  </div>
                                                                                                                                                                                                                                                           
                  <div class="memberstaff">
                                                                                                                                                                                                                           <img class="photo" alt="" src="https://i11.servimg.com/u/f11/19/54/37/96/fala_v11.png" />  <span>Yun</span>                                       
                     <div style="margin-top: -15px;">
                                                            <a href="http://www.legrandhavre.com/t2992-temoignage"><span style="font-size: 8px;"><strong>Témoignage</strong></span></a><br />                                   
                     </div>
                                                                                                                                                                                                                                                                                                                        
                  </div>
                                                                                                                                                                                                                                                                 
                  <!--                                                                                                        FIN                                                                                                        -->                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
               </div>
                                                                                                  
            </td>
                                                                                                                                                                                                                                                                                                                                                                                           
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                        
         <tr>
                                                                                                                                                                                                                                                                                                                                                                                               
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                    
               <h2>
                                                                                                                                                                                                    Nos Astuces <em>!</em>                                                                                                                                                                                   
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                
               <div id="text_clans_pa">
                                                             
                  <marquee id="M14_scroll" onmouseover="M14_scroll.stop()" onmouseout="M14_scroll.start()" scrollamount="1" direction="down">
                                                                
                  </marquee>
                                                                 
               </div><script>
jQuery(function(){
jQuery('#text_clans_pa marquee ').load('/f106-listing-des-astuces-en-ligne a.topictitle2:lt(10)');
});
 </script>                                                                                                                                                                                                                                                                                                                                             
            </td>
                                                                                                                                                                                                                                                                                                                                                                                               
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                    
               <h2>
                                                                                                                      Concours Actuels                                                                                                                                                                                 
               </h2>
                                                                                                                                                                                                                                                                                                                                                                                                    
               <div class="content">
                                                         
                  <p class="news">
                                                                                                                                                                                                         <span>Concours de Dressage</span>Participez au Grand Concours lancé par Madyflo et gagnez 1x Etrian ! <a href="http://www.legrandhavre.com/t2788-concours-dressage-etrian"><strong>Cliquez Ici</strong> </a>                                                                                                                                                                                   
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                           
                  <p class="news">
                                                                                                                                                                                                         <span>Fairy Mermaid</span> Nagez avec les Sirènes et tentez de remporter la somme de 4x Pass Equideow! <a href="http://www.legrandhavre.com/t2691-concours-officiels-fairy-mermaid"><strong>Cliquez Ici</strong> </a>                                                                                                                                                                                   
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                           
                  <p class="news">
                                                                                                                                                                                                         <span>Les 4 Saisons</span> <a href="http://www.legrandhavre.com/t2061-concours-d-ecriture-les-quatre-saisons">♥ Le Concours d'Ecriture ♥ <strong>Cliquez</strong> pour Participez</a>                                                                                                                                                                         
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                           
                  <p class="news">
                                                                                                                                                                                                         <span>Quizz</span> Répondez a notre petit Quizz de Satisfaction pour nous donner votre avis sur le forum et remporter la somme de 200 Zécus! <a href="http://www.legrandhavre.com/t250-votre-arrivee-sur-le-havre-questionnaire-de-satisfaction-50x-zecus"><strong>Cliquez Ici</strong></a>                                                                                                                                                                                   
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                           
                  <p class="news">
                                                                                                                                                                                                         <span>Vivre sur le Havre</span> Pour Savoir comment Vivre sur le Havre et gagner un Objets Equideow dés votre arriver! <a href="http://www.legrandhavre.com/t1829-apprendre-a-vivre-sur-le-havre"><strong>Cliquez Ici</strong></a>                                                                                                                                                                             
                  </p>
                                                                                                                                                                                                                                                                                                                                                                                                       
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                  
            </td>
                                                                                                                                                                                                                                                                                                                                                                                               
            <td class="with-bg">
                                                                                                                                                                                                                                                                                                                                                                                                    
               <h2>
                                                                                                                  Les Écuries                                                                                                                                                                         
               </h2>
                                                                                                                                                                                                                                                                                                                                                                              
               <div align="justify">
                                                                                                                                                                                                                                                                                                 
                  <div align="center">
                                                                                                                   <img src="https://i11.servimg.com/u/f11/19/54/37/96/10011.png" />                                                                                             
                  </div>
                                                                                                                                                                                                                                                                                                 
               </div>
                                                                                                                                                                                                                                                                                                                                                                                                                    
            </td>
                                                                                                                                                                                                                                                                                                                                                                                           
         </tr>
                                                                                                                                                                                                                                                                                                                                                                                      
      </tbody>
                                                                                                                                                                                                                                                                                                                                                                           
   </table>
                                                                                                                                                                                                                                                                                                                                                                                
   <div id="credits">
                                                                                                                                                                                                  PA codée avec l'aide de <a target="_blank" href="http://www.never-utopia.com">Never-Utopia</a>.                                                                                                                                                                                         
   </div>
                                                                                                                                                                        
</div>
 <script type="text/javascript">jQuery(function(){var el=jQuery('#pa-monaka');if(_userdata.session_logged_in){el.find('#user-avatar').html(_userdata.avatar);el.find('.user-name').html(_userdata.username)}else{el.find('.not-connected').show();el.find('.connected').remove()}});</script>





-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Bonjour
Merci de tout coeur Milouze =) 
mais serais ce possible de garder le même fond et d'avoir juste les liens en noir ? : / 
Car cela fait bizarre actuellement Le Grand Havre Merci de tout coeur ! 
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Voilà Sandra je viens d'apporter les corrections clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
J'ai vus que tu était sur mon forum Milouze <3
Je voulait te demander pendant que je bosse sur ma PA, comment serais-ce possible d'agrandir le cadre qui indique le pseudo des membres au survole sur staff? Car je souhaiterais mettre en dessous le grade de ceux-ci ^^
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Cela se trouve ici dans ta page d'accueil Sandra:
Code:
.contentspecial span
{
background: rgba(241,236,212,.6) !important;
display:none;
position: absolute;
margin-top: -60px;
height: 30px;
line-height: 30px;
background: inherit;
padding:2px 3px;
}

Mais tu n'as pas de largeur de défini juste un padding qui va s'adapter selon le texte déposé



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
J'ai bien modifier le Contenus Milouze mais cela me fait un "double cadre" : / 
Je te souhaite une très bonne nuit <3
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Sandra,

Milouze14 a écrit:Mais tu n'as pas de largeur de défini juste un padding qui va s'adapter selon le texte déposé

et tu as ajouté ceci:
Code:

height: 70px;
width: 150px;

Forcément que...
Hum ton profil indique 50% dans les connaissances C.S.S , c'est une erreur de frappe je présume Sandra,
il faudrait corriger cela rapidement clin oeil .

J'ai corrigé le code html concernant la partie des avatars :
Code:
                                                                                                                                <a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/offran11.png" />
<span class="M14_pseudo">Offrande<br /><span style="color: rgb(255, 153, 153);">Fondatrice</span></span></a>
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/kaelic10.jpg" /><span class="M14_pseudo">Kaelice</span></a> 
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/prince10.png" /><span class="M14_pseudo">PrincesseKitCat</span></a>
<a href=""><img src="https://imgfast.net/users/1315/32/44/34/avatars/366-43.png" /><span class="M14_pseudo">Madyflo</span></a><br />   
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/etince10.png" /><span class="M14_pseudo">xEtincelly</span></a>
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/snow10.jpg" /><span class="M14_pseudo">Snow is very good</span></a> 
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/liasia11.png" /><span class="M14_pseudo">Liasia</span></a> 
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/yun13.png" /><span class="M14_pseudo">Yun</span></a><br />
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/sister10.png" /><span class="M14_pseudo">Sisters</span></a>
<a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">melle-nemo61</span></a> 
<a href=""><img src="https://imgfast.net/users/1315/32/44/34/avatars/91-20.png" /><span class="M14_pseudo">Neige de Feu</span></a> 
<a href=""><img src="https://imgfast.net/users/1315/32/44/34/avatars/342-6.png" /><span class="M14_pseudo">~Lady.Canelle~</span></a><br />
<a href=""><img src="https://imgfast.net/users/1315/32/44/34/avatars/360-91.jpg" /><span class="M14_pseudo">~Mylith~</span></a>                 
<a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 14</span></a> 
<a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 15</span></a> 
<a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 16</span></a>   

Tu as ajouté le rang Sandra, alors le code html sera pour le premier avatar(le tien ):
Code:

<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/offran11.png" />
<span class="M14_pseudo">Offrande<br /><span style="color: rgb(255, 153, 153);">Fondatrice</span></span></a>

Tu as le span puis le Pseudo puis un saut de ligne:
Code:
<br />

puis un span avec un style avec comme contenu le rang.

Voilà pour un avatar, il faudra le faire pour toutes les images Sandra
en prenant soin tout les quatre avatar de laisser le saut de ligne:
Code:
<br />



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





fascicularia
avatar
Administrateur

Messagefascicularia

  • 16px
  • 24px
  • Zoom
Bonjour à vous deux,
Sick par curiosité : qu'est ce qui change de l'ancienne pa sur lequel vous avez travaillé il y a moins d'une semaine ? La structure et la déco sont exactement les mêmes.



Administrateur des forums



Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
fascicularia a écrit:Bonjour à vous deux,
Sick par curiosité : qu'est ce qui change de l'ancienne pa sur lequel vous avez travaillé il y a moins d'une semaine ? La structure et la déco sont exactement les mêmes.

Non ce n'est pas du tout la même structure, j'ai le même contenus c'est tout =) J'ai souhaitez une structure un peut plus espacé et visible =)
Bonne soirée a toi 
Sick.l.Offrande
avatar
Membre

MessageSick.l.Offrande

  • 16px
  • 24px
  • Zoom
Milouze14 a écrit:Hello Sandra,

Milouze14 a écrit:Mais tu n'as pas de largeur de défini juste un padding qui va s'adapter selon le texte déposé

et tu as ajouté ceci:
Code:

height: 70px;
width: 150px;

Forcément que...
Hum ton profil indique 50% dans les connaissances C.S.S , c'est une erreur de frappe je présume Sandra,
il faudrait corriger cela rapidement clin oeil .

J'ai corrigé le code html concernant la partie des avatars :
Code:
                                                                                                              <a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/offran11.png" />
<span class="M14_pseudo">Offrande<br /><span style="color: rgb(255, 153, 153);">Fondatrice</span></span></a>
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/kaelic10.jpg" /><span class="M14_pseudo">Kaelice</span></a>  
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/prince10.png" /><span class="M14_pseudo">PrincesseKitCat</span></a>
<a href=""><img src="https://imgfast.net/users/1315/32/44/34/avatars/366-43.png" /><span class="M14_pseudo">Madyflo</span></a><br />    
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/etince10.png" /><span class="M14_pseudo">xEtincelly</span></a>
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/snow10.jpg" /><span class="M14_pseudo">Snow is very good</span></a>  
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/liasia11.png" /><span class="M14_pseudo">Liasia</span></a>  
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/yun13.png" /><span class="M14_pseudo">Yun</span></a><br />
<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/sister10.png" /><span class="M14_pseudo">Sisters</span></a>
<a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">melle-nemo61</span></a>  
<a href=""><img src="https://imgfast.net/users/1315/32/44/34/avatars/91-20.png" /><span class="M14_pseudo">Neige de Feu</span></a>  
<a href=""><img src="https://imgfast.net/users/1315/32/44/34/avatars/342-6.png" /><span class="M14_pseudo">~Lady.Canelle~</span></a><br />
<a href=""><img src="https://imgfast.net/users/1315/32/44/34/avatars/360-91.jpg" /><span class="M14_pseudo">~Mylith~</span></a>                  
<a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 14</span></a>  
<a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 15</span></a>  
<a href=""><img src="https://i.servimg.com/u/f11/17/99/16/25/50x5010.png" /><span class="M14_pseudo">Pseudo 16</span></a>    

Tu as ajouté le rang Sandra, alors le code html sera pour le premier avatar(le tien ):
Code:

<a href=""><img src="https://i11.servimg.com/u/f11/19/54/37/96/offran11.png" />
<span class="M14_pseudo">Offrande<br /><span style="color: rgb(255, 153, 153);">Fondatrice</span></span></a>

Tu as le span puis le Pseudo puis un saut de ligne:
Code:
<br />

puis un span avec un style avec comme contenu le rang.

Voilà pour un avatar, il faudra le faire pour toutes les images Sandra
en prenant soin tout les quatre avatar de laisser le saut de ligne:
Code:
<br />

Merci beaucoup mon adorable Milouze, 
Je peut donc mettre mon sujet en résolus, la PA est parfaite et est exactement comme je le souhaitait =) 
Bonne nuit à tout les deux
Milouze14
avatar
Fondateur

MessageMilouze14

  • 16px
  • 24px
  • Zoom
-Staff du Forum Milouze14-



  • Hello 
    Sujet résolu et déplacé dans le forum adéquat.

Pour toute information,merci de contacter un Membre du Staff



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums





Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum