AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

-28%
Le deal à ne pas rater :
Brandt LVE127J – Lave-vaisselle encastrable 12 couverts – L60cm
279.99 € 390.99 €
Voir le deal

    Page d'Accueil

    Loukoum
    Loukoum
    FémininAge : 30Messages : 1466

    Dim 21 Sep 2014 - 21:46

    Rappel du premier message :


    Page HTLMEn aplicationImage sans hoverImage avec hover

    Voici donc une PA utilisée sur un forum Harry Potter.
    Elle comporte un emplacement pour le contexte, un pour les liens utiles, un pour le Staff, un autre pour les Top-sites, un espace pour les nouvelles, un espace pour la météo, un pour les prédéfinis et Scénarios, un pour les partenaires et un pour les crédits.


    Ce codage ne peut pas être appliqué dans le codage des PA (entendez par là Panneau d'Administration > Affichage > Généralité).
    En effet, les infobulles ont un léger beug depuis une MAJ de Forumactif (d'il y a longtemps).
    Il faut donc créer une page HTLM (en prenant soin de cliquer sur Page d'Accueil - Page 6 Editer-html).



    Les crédits ne doivent en aucun cas êtres enlevés SVP! J'ai codé cette PA avec mes petites mains et mon cerveau *-*



    Code à mettre dans "Panneau d'Administration > Module > Gestion des Pages HTLM"
    Pensez à bien cliquer sur "Création en mode avancé (HTLM)" sinon votre code aura des problèmes et vous serez obligés de reprendre de zéro!

    Code:
    <!DOCTYPE html>
    <html>
        <head>
      <meta charset="UTF-8" />
      <title>PA NOM DE VOTRE FORUM</title>
         
      <style>
       
        a, a:link, a:visited, a:hover {
        text-decoration: none;
        }
       
    a {
        color: #B03939;
        font-family: Georgia;
        font-size:10px;
        text-decoration: none;
        }
       
    a:hover {
        color: #7A6B54;
        font-size:10px;
     font-family: Georgia;
        text-decoration: none;
        }
       
    a.lien, a.lien:link, a.lien:visited, a.lien:hover {
        text-decoration: none;
        }
       
    a.lien {
        font-size: 10px;
        font-family: Georgia;
        color: #B03939;
        text-shadow: 1px 1px 1px black;
        text-decoration: none;
        }
       
    a.lien:hover {
        font-size: 10px;
        font-family: Georgia;
        color: #7A6B54; text-shadow: 1px 1px 1px black;
        font-weight:bolder;
        text-decoration: none;
        }
       
    #fond_pa {
      margin : auto;
      width : 710px;
      padding : 15px;
      border-width : 1px 4px 1px 4px;
      border-color : #4F030C;
      border-style : solid;
      background-color:#d6bd87;
    }

    #fond_pa h1 {
      text-align : center;
      margin : 0 auto;
      font-size : 25px;
      color : #660E0E;
      text-shadow : 1px 1px 0 #4F030C;
      text-transform : uppercase;
      font-family : Georgia;
          }

    #fond_pa h1:hover {
      text-align : center;
      margin : 0 auto;
      font-size : 25px;
      color : #7A6B54;
      text-shadow : 1px 1px 0 #4F030C;
      font-family : Georgia;
          }

    #fond_pa h2 {
      text-align : center;
      margin : 0 auto;
      font-size : 18px;
      color : #660E0E;
      text-shadow : 1px 1px 0 #4F030C;
      text-transform : uppercase;
      border: 2px solid #4F030C;
      border-bottom: 2px dotted #4F030C;
      font-family : Georgia;
          }

    #fond_pa h2:hover {
      text-align : center;
      margin : 0 auto;
      font-size : 18px;
      color : #7A6B54;
      text-shadow : 1px 1px 0 #4F030C; 
      border: 2px solid #4F030C;
      border-bottom: 2px dotted #4F030C; 
      font-family : Georgia;
          }

    #contexte {
      width : 213px;
      height : 630px;
      padding : 5px;
      border: 2px solid #4F030C;
      border-top: 2px dotted #4F030C;
      overflow : auto;
      text-align : justify;
      font-family : Georgia;
      font-size : 10px;
          }

    #liens {
      width : 213px;
      height : 182px;
      padding : 5px;
      border: 2px solid #4F030C;
      border-top: 2px dotted #4F030C;
      text-align : justify;
      font-family : Georgia;
      font-size : 10px;
          }

    #news {
      width : 213px;
      height : 182px;
      padding : 5px;
      border: 2px solid #4F030C;
      border-top: 2px dotted #4F030C;
      overflow : auto;
      text-align : justify;
      font-family : Georgia;
      font-size : 10px;
          }

    #tops {
      width : 213px;
      height : 182px;
      padding : 5px;
      border: 2px solid #4F030C;
      border-top: 2px dotted #4F030C;
      text-align : justify;
      font-family : Georgia;
      font-size : 10px;
          }

    #staff {
      width : 213px;
      height : 182px;
      padding : 5px;
      border: 2px solid #4F030C;
      border-top: 2px dotted #4F030C;
      text-align : center;
      font-family : Georgia;
      font-size : 10px;
          }

    .info {
      position: relative;
      z-index: 24;
      text-decoration: none;
      font-family : Georgia;
      font-size : 10px;
    }

    d.info:hover {
      z-index: 25;
    }
     
    d.info span {
      display: none;
    }
     
    d.info:hover span {
      display: block;
      position: absolute;
      top: -2em;
     left: -2em;
      width: 150px;
      background-color: #DEB960;
      color: #660E0E;
      text-align: center;
      font-weight: none;
      border: 2px solid #4F030C;
      font-family : Georgia;
      font-size : 10px;
    }

    .imgwidget {
      border-radius: 50%;
      width: 65px;
      height: 65px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
      -moz-transform: rotate(-25deg);
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg);
    }

    .imgwidget:hover {
      border-radius: 50%;
      width: 65px;
      height: 65px;
      -moz-transform: rotate(25deg);
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg);
    }

    .imgwidget2 {
      border-radius: 50%;
      width: 65px;
      height: 65px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
      -moz-transform: rotate(25deg);
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg);
    }

    .imgwidget2:hover {
      border-radius: 50%;
      width: 65px;
      height: 65px;
      -moz-transform: rotate(-25deg);
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg);
    }
       
        .imgwidget3 {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      -moz-transition-duration: 1s;
      -moz-transition-timing-function: linear;
      -webkit-transition-duration: 1s;
      -webkit-transition-timing-function: linear;
      transition-duration: 1s;
      transition-timing-function: linear;
      -moz-transform: rotate(-25deg);
      -webkit-transform: rotate(-25deg);
      transform: rotate(-25deg);
    }

    .imgwidget3:hover {
      border-radius: 50%;
      width: 40px;
      height: 40px;
      -moz-transform: rotate(25deg);
      -webkit-transform: rotate(25deg);
      transform: rotate(25deg);
    }
       
    #fond_pa h3 {
      text-align : center;
      margin : 0 auto;
      font-size : 12px;
      color : #660E0E;
      text-shadow : 1px 1px 0 #4F030C;
      text-transform : uppercase;
      font-family : Georgia;
          }

    #fond_pa h3:hover {
      text-align : center;
      margin : 0 auto;
      font-size : 12px;
      color : #7A6B54;
      text-shadow : 1px 1px 0 #4F030C;   
      font-family : Georgia;
          }

    #amis {
      width : 213px;
      height : 182px;
      padding : 5px;
      border: 2px solid #4F030C;
      border-top: 2px dotted #4F030C;
      overflow : auto;
      text-align : justify;
      font-family : Georgia;
      font-size : 10px;
          }

    #predefs {
      width : 213px;
      height : 182px;
      padding : 5px;
      border: 2px solid #4F030C;
      border-top: 2px dotted #4F030C;
      text-align : center;
      font-family : Georgia;
      font-size : 10px;
    }

    #credits {
      width : 696px;
      height : 22px;
      padding : 5px;
      border: 2px solid #4F030C;
      border-top: 2px dotted #4F030C;
      text-align : justify;
      font-family : Georgia;
      font-size : 10px;
    }

    .info2 {
      position: relative;
      z-index: 24;
      text-decoration: none;
      font-family : Georgia;
      font-size : 10px;
    }

    d.info2:hover {
      z-index: 25;
    }
     
    d.info2 span {
      display: none;
    }
     
    d.info2:hover span {
      display: block;
      position: absolute;
      top: 0em;
     left: -7em;
      width: 150px;
      background-color: #DEB960;
      color: #660E0E;
      text-align: center;
      font-weight: none;
      border: 2px solid #4F030C;
      font-family : Georgia;
      font-size : 10px;
    }
    #fond_pa h4 {
      text-align : center;
      margin : 0 auto;
      font-size : 15px;
      color : #660E0E;
      text-shadow : 1px 1px 0 #4F030C;
      text-transform : uppercase;
      font-family : Georgia;
      border: 2px solid #4F030C; 
      border-radius: 25%;
     
          }

    #fond_pa h4:hover {
      text-align : center;
      margin : 0 auto;
      font-size : 15px;
      color : #7A6B54;
      text-shadow : 1px 1px 0 #4F030C;   
      font-family : Georgia;
      border: 2px solid #7A6B54;
      border-radius: 50%;
          }
       
        /*modifier l'apparence des scrollbars de tout le forum*/
    ::-webkit-scrollbar {
      width: 5px; /*largeur de la scrollbar verticale*/
      height: 5px; /*hauteur de la scrollbar horizontale*/
      background-color: #D9C59B;}
     
    ::-webkit-scrollbar-track {
      background-color: #4F030C; /*couleur du fond de la scrollbar*/}
     
    ::-webkit-scrollbar-thumb { /*la petite bande qui monte/descend*/
      background-color: #D9C59B /*couleur de l'ascenseur*/;}
          </style>
         
      </head>
     
      <body>
      <br /><br />
       
        <div id="fond_pa">
            
       <h1>
              Bienvenue sur NOM DE VOTRE FORUM 
       </h1>
            
       <table>
               
          <tbody>
                  
             <tr>
                     
                <td>
                        
                   <table>
                           
                      <tbody>
                              
                         <tr>
                                 
                            <td>
                                    
                               <h2>
                                      Contexte   
                               </h2>
                                    
                               <div id="contexte">
                                      <iframe frameborder="0" src="LIEN DE LA VIDÉO SI VOUS POSSÉDEZ UNE VIDÉO" allowfullscreen="" style="width: 210px; height: 153px;"> </iframe><br />
                                                                              INSCRIVEZ ICI VOTRE CONTEXTE<br>
    LE CADRE EST EN OVERFLOW, N'AYEZ PAS PEUR D’ÉCRIRE!
                                                                           
                               </div>
                                    
                            </td>
                                 
                         </tr>
                              
                      </tbody>
                           
                   </table>
                        
                </td>
                     
                <td>
                        
                   <table>
                           
                      <tbody>
                              
                         <tr>
                                 
                            <td>
                                    
                               <h2>
                                      Liens Utiles   
                               </h2>
                                    
                               <div id="liens">
                                       
                                  <div align="center">
                                         <a rel="nofollow" target="_blank" class="postlink" href="VOTRE LIEN">>>>>> Guide du débutant <<<<<</a>   
                                  </div><br /> <a rel="nofollow" target="_blank" class="postlink" href="VOTRE LIEN">¤</a> Règlement<br /><a href="VOTRE LIEN" class="postlink" target="_blank" rel="nofollow">¤ </a>Contexte <br /><a href="VOTRE LIEN" class="postlink" target="_blank" rel="nofollow">¤</a> Célébrités sur les Avatars<br /><a href="VOTRE LIEN" class="postlink" target="_blank" rel="nofollow">¤</a> Postes<br /><a href="VOTRE LIEN" class="postlink" target="_blank" rel="nofollow">¤</a> Autre 1<br /><a href="VOTRE LIEN" class="postlink" target="_blank" rel="nofollow">¤</a> Autre 2<br><a href="VOTRE LIEN" class="postlink" target="_blank" rel="nofollow">¤</a> Autre 3 <br /><br />   
                                  SI VOUS NE POSSÉDEZ PAS D'AUTRES FORUMS COMME DANS MON EXEMPLE, SUPPRIMEZ LE CODE JUSQU’À MON MAGNIFIQUE "FIN DE LA SUPPRESSION".
    <div align="center">
                                         <strong>Nos écoles</strong><br /><a rel="nofollow" target="_blank" class="postlink" href="http://beauxbatonsandmagiev.forumactif.org/forum"><img src="http://img4.hostingpics.net/pics/432051Blasontransparent50x50.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://durmstrangandmagiev5.forumactif.org/forum"><img alt="" border="0" src="http://img15.hostingpics.net/pics/763505durmstrang50.png" /></a> <a rel="nofollow" target="_blank" class="postlink" href="http://poudlardandmagiev5.forumactif.org/forum"><img alt="" border="0" src="http://nsa14.casimages.com/img/2010/03/11/100311082054133328.png" /></a>   
                                  </div>
                                        FIN DE LA SUPPRESSION
                               </div>
                                    
                            </td>
                                 
                         </tr>
                              
                         <tr>
                                 
                            <td>
                                    
                               <h2>
                                      Les News (7 Jours)   
                               </h2>
                                    
                               <div id="news">
                                                                              <span style="color: rgb(122, 107, 84);">¤ DATE -</span> Nouveauté 4<br>
                                                                              <span style="color: rgb(122, 107, 84);">¤ DATE -</span> Nouveauté 3<br>
    <span style="color: rgb(122, 107, 84);">¤ DATE -</span> Nouveauté 2<br>
    <span style="color: rgb(122, 107, 84);">¤ DATE -</span> Nouveauté 1<br>
                                                                              </div>
                                    
                            </td>
                                 
                         </tr>
                              
                         <tr>
                                 
                            <td>
                                    
                               <h2>
                                      Les Top-Sites   
                               </h2>
                                    
                               <div id="tops">
                                      Votez toutes les 2h pour faire connaître le site et qu'on soit encore plus de fifous! <br />ICI VOS TOP-SITES<br>
      <a href="LIEN DU SUJET" target="_blank">Signalez votre vote !</a> 
                               </div>
                                    
                            </td>
                                 
                         </tr>
                              
                      </tbody>
                           
                   </table>
                        
                </td>
                     
                <td>
                        
                   <table>
                           
                      <tbody>
                              
                         <tr>
                                 
                            <td>
                                    
                               <h2>
                                      Les Fous Suprêmes   
                               </h2>
                                    
                               <div id="staff">
                                  <d class="info"><img class="imgwidget" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d> <d class="info"><img class="imgwidget" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d> <d class="info"><img class="imgwidget" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d> <br /> <d class="info"><img class="imgwidget" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d> <d class="info"><img class="imgwidget" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d> <d class="info"><img class="imgwidget" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d> <br><br>
    SI VOUS POSSÉDEZ DES MEMBRES DANS VOTRE STAFF MOINS IMPORTANT VOUS POUVEZ LES METTRE MAIS LEUR IMAGE SERA PLUS PETITE
                                    <d class="info"><img class="imgwidget3" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d>
                                                                              <d class="info"><img class="imgwidget3" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d>
                                                                            <d class="info"><img class="imgwidget3" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d>
                                                                            <d class="info"><img class="imgwidget3" src="IMAGE 1" /><span>
                                  <h3>
                                      Pseudo
                                    </h3><br />Rang dans l'Administration<br />Rôle sur le forum<br />Présence<br /><br /><a href="LIEN DU PROFIL" class="postlink" target="_blank" rel="nofollow">Profil</a> // <a href="LIEN DU MP" class="postlink" target="_blank" rel="nofollow">MP</a><br />SI LA PERSONNE POSSÈDE D'AUTRES COMPTES </span></d>
                              </div>
                                    
                            </td>
                                 
                         </tr>
                              
                         <tr>
                                 
                            <td>
                                    
                               <h2>
                                      Nos Best-Friends   
                               </h2>
                                    
                               <div id="amis">
                                      <a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a>
                                                                              ♥ <a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a><br /><a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a> ♥ <a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a><br /><a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a> ♥ <a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a><br /><a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a> ♥ <a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a><br /><a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a> ♥ <a href="LIEN DU FORUM AMI" class="postlink" target="_blank" rel="nofollow"><img src="BOUTON DU FORUM AMI EN 88X31" border="0" alt="" /></a> 
                               </div>
                                    
                            </td>
                                 
                         </tr>
                              
                         <tr>
                                 
                            <td>
                                    
                               <h2>
                                      On les recherche   
                               </h2>
                                    
                               <div id="predefs">
                                  <d class="info2"><h4>The Best Scénario</h4><span><h3>
                                    PSEUDO DU MEILLEUR SCÉNARIO
                                  </h3>
                                    <br><img src="IMAGE EN 150x100 DU MEILLEUR SCÉNARIO">
                                      <br />Âge - Sang<br />Ecole - Maison<br />Lien avec <a rel="nofollow" target="_blank" class="postlink" href="LIEN DE LA PERSONNE">NOM DE LA PERSONNE</a><br /><a rel="nofollow" target="_blank" class="postlink" href="LIEN VERS LA PRÉSENTATION DU MEILLEUR SCÉNARIO">En savoir plus</a></span></d>
    <br /> <d class="info"><img class="imgwidget2" src="IMAGE EN 100x100" /><span>
                                  <h3>
                                      PSEUDO
                                  </h3><br />Âge - Sang<br>Ecole - Maison<br>Lien avec <a href="LIEN DE LA PERSONNE" class="postlink" target="_blank" rel="nofollow">NOM DE LA PERSONNE</a><br><a href="LIEN VERS LA PRÉSENTATION DU SCÉNARIO" class="postlink" target="_blank" rel="nofollow">En savoir plus</a></span></d> <d class="info"><img class="imgwidget2" src="IMAGE EN 100x100" /><span>
                                  <h3>
                                      PSEUDO
                                  </h3><br />Âge - Sang<br>Ecole - Maison<br>Lien avec <a href="LIEN DE LA PERSONNE" class="postlink" target="_blank" rel="nofollow">NOM DE LA PERSONNE</a><br><a href="LIEN VERS LA PRÉSENTATION DU SCÉNARIO" class="postlink" target="_blank" rel="nofollow">En savoir plus</a></span></d> <d class="info"><img class="imgwidget2" src="IMAGE EN 100x100" /><span>
                                  <h3>
                                      PSEUDO
                                  </h3><br />Âge - Sang<br>Ecole - Maison<br>Lien avec <a href="LIEN DE LA PERSONNE" class="postlink" target="_blank" rel="nofollow">NOM DE LA PERSONNE</a><br><a href="LIEN VERS LA PRÉSENTATION DU SCÉNARIO" class="postlink" target="_blank" rel="nofollow">En savoir plus</a></span></d><br><d class="info"><img class="imgwidget2" src="IMAGE EN 100x100" /><span>
                                  <h3>
                                      PSEUDO
                                  </h3><br />Âge - Sang<br>Ecole - Maison<br>Lien avec <a href="LIEN DE LA PERSONNE" class="postlink" target="_blank" rel="nofollow">NOM DE LA PERSONNE</a><br><a href="LIEN VERS LA PRÉSENTATION DU SCÉNARIO" class="postlink" target="_blank" rel="nofollow">En savoir plus</a></span></d> <d class="info"><img class="imgwidget2" src="IMAGE EN 100x100" /><span>
                                  <h3>
                                      PSEUDO
                                  </h3><br />Âge - Sang<br>Ecole - Maison<br>Lien avec <a href="LIEN DE LA PERSONNE" class="postlink" target="_blank" rel="nofollow">NOM DE LA PERSONNE</a><br><a href="LIEN VERS LA PRÉSENTATION DU SCÉNARIO" class="postlink" target="_blank" rel="nofollow">En savoir plus</a></span></d> <d class="info"><img class="imgwidget2" src="IMAGE EN 100x100" /><span>
                                  <h3>
                                      PSEUDO
                                  </h3><br />Âge - Sang<br>Ecole - Maison<br>Lien avec <a href="LIEN DE LA PERSONNE" class="postlink" target="_blank" rel="nofollow">NOM DE LA PERSONNE</a><br><a href="LIEN VERS LA PRÉSENTATION DU SCÉNARIO" class="postlink" target="_blank" rel="nofollow">En savoir plus</a></span></d><br><a href="LIEN VERS VOTRE LISTING DE SCÉNARIO"  class="postlink" target="_blank" rel="nofollow">Découvrir plus de prédéfinis</a>
                              </div>
                                    
                            </td>
                                 
                         </tr>
                              
                      </tbody>
                           
                   </table>
                        
                </td>
                     
             </tr>
                  
          </tbody>
               
       </table>
            
       <div style="margin:auto;text-align:center;width:100%">
               
          <h2>
                 Météo   
          </h2>
               
          <div id="credits">
                      INSCRIVEZ ICI LA MÉTÉO QU'IL Y A CHEZ VOUS, AINSI QUE LA DATE SI VOUS AVEZ UN AVANCEMENT RPG.
          </div>
             
              <h2>
                 Crédits   
          </h2>
               
          <div id="credits">
                 Codage de la PA par <a href="http://mondeandmagiev5.forumactif.org/forum"  class="postlink" target="_blank" rel="nofollow">Loukoum</a> sur <a href="http://www.never-utopia.com/"  class="postlink" target="_blank" rel="nofollow">Never-Utopia</a>.
          </div>
                 
       </div>
    </div>
                                                                             
                                                                                </body>
    </html>

    Code à mettre dans "Panneau d'Administration > Affichage > Généralité"
    Code:
    <iframe src="LIEN DE VOTRE PAGE HTLM" frameborder="0" scrolling="no" style="width: 900px; height: 940px;"></iframe>

    Vos commentaires et remerciements sont toujours bienvenus ^^
    Si vous avez des problèmes avec ce LS, venez poster ici.



    • Revenir en haut
    Celuna
    Celuna
    FémininAge : 33Messages : 133

    Mar 23 Fév 2016 - 15:05

    Bonjour, j'aime beaucoup surtout avec les onglets. Merci pour ce magnifique partage : :heart: :heart: :heart:
    • Revenir en haut
    Loukoum
    Loukoum
    FémininAge : 30Messages : 1466

    Mer 24 Fév 2016 - 18:26

    Merci à vous trois de prendre ma PA *-*



    • Revenir en haut
    Pythia
    Pythia
    FémininAge : 35Messages : 183

    Ven 11 Mar 2016 - 0:21

    Superbe , merci du partage^^



    Page d'Accueil - Page 6 Neo10
    • Revenir en haut
    mon-etoile
    mon-etoile
    FémininAge : 35Messages : 140

    Dim 13 Mar 2016 - 14:35

    Merci beaucoup
    • Revenir en haut
    Chadot
    Chadot
    FémininAge : 35Messages : 248

    Mer 16 Mar 2016 - 9:37

    Merci



    Page d'Accueil - Page 6 2mo6y5k
    • Revenir en haut
    Azorus
    Azorus
    MasculinAge : 22Messages : 35

    Mer 16 Mar 2016 - 18:38

    Merci



    Seul mon nounours peut me comprendre :cowboy: :gentleman: :bandit:


    GFX by Aleph'
    • Revenir en haut
    Coco-Lapin02
    Coco-Lapin02
    MasculinAge : 55Messages : 167

    Ven 18 Mar 2016 - 13:02

    Merci, bravo pour cette rélisation.
    • Revenir en haut
    Loukoum
    Loukoum
    FémininAge : 30Messages : 1466

    Jeu 24 Mar 2016 - 16:43

    Pythia, mon-etoile, Chadot, Azorus et Coco-Lapin02, merci à vous =D



    • Revenir en haut
    Margaux E.
    Margaux E.
    FémininAge : 21Messages : 25

    Jeu 24 Mar 2016 - 19:41

    Salut !
    J'aime troooooooooooooop ! *-*
    Je suis trop contente d'être tombée sur cette PA, j'adore Harry Potter :)
    Merciiii !
    • Revenir en haut
    Ciàran
    Ciàran
    FémininAge : 33Messages : 187

    Mer 30 Mar 2016 - 23:32

    merci :)
    • Revenir en haut
    avatar
    Hop80
    MasculinAge : 34Messages : 138

    Jeu 31 Mar 2016 - 1:10

    merci pour ce partage
    • Revenir en haut
    Nord
    Nord
    MasculinAge : 24Messages : 169

    Ven 1 Avr 2016 - 23:00

    Ouah, merci beaucoup ! ^^
    • Revenir en haut
    Ryumeru
    Ryumeru
    FémininAge : 29Messages : 53

    Sam 2 Avr 2016 - 20:56

    merci ^^
    • Revenir en haut
    Anonymous
    Invité

    Sam 2 Avr 2016 - 21:44

    Thank you very much ! Very Happy J'adore cette originalité qu'à cette PA tout en gardant une simplicité ! :)
    • Revenir en haut
    Loukoum
    Loukoum
    FémininAge : 30Messages : 1466

    Mer 6 Avr 2016 - 10:41

    Merci à vous 6, contente qu'elle vous plaise!



    • Revenir en haut
    Eywa
    Eywa
    FémininAge : 38Messages : 14

    Mar 12 Avr 2016 - 11:34

    Wow c'est assez original, j'aime, merci
    • Revenir en haut
    blomkvist
    blomkvist
    FémininAge : 33Messages : 44

    Dim 17 Avr 2016 - 14:25

    SUPERBE CODE!
    merci du partage !



    ☆ once upon a dream ☆
    I know you, I walked with you once upon a dream. I know you, that look in your eyes is so familiar a gleam. And I know it's true that visions are seldom all they seem. But if I know you, I know what you'll do. You'll love me at once, the way you did once upon a dream. ~ byendlesslove.
    • Revenir en haut
    Paradise
    Paradise
    FémininAge : 31Messages : 22

    Mar 19 Avr 2016 - 4:18

    MERCIII! ^^
    • Revenir en haut
    Shanoa
    Shanoa
    FémininAge : 25Messages : 64

    Mar 26 Avr 2016 - 22:22

    Merci beaucoup, pratique et tout est dedans Very Happy
    • Revenir en haut
    Mystick
    Mystick
    FémininAge : 39Messages : 100

    Mer 27 Avr 2016 - 14:17

    j'aime beaucoup, merci du partage
    • Revenir en haut
    Zachary Wolf
    Zachary Wolf
    FémininAge : 31Messages : 57

    Ven 29 Avr 2016 - 16:12

    J'adore *-*
    • Revenir en haut
    Loukoum
    Loukoum
    FémininAge : 30Messages : 1466

    Dim 1 Mai 2016 - 15:44

    Merci à vous 6 =D



    • Revenir en haut
    Wolf Valley
    Wolf Valley
    FémininAge : 24Messages : 72

    Dim 1 Mai 2016 - 20:04

    Mercii
    • Revenir en haut
    Aoko
    Aoko
    FémininAge : 30Messages : 38

    Lun 2 Mai 2016 - 17:39

    Très beau travail! Merci de partager avec nous! :)
    • Revenir en haut
    Ronron
    Ronron
    FémininAge : 24Messages : 70

    Mer 4 Mai 2016 - 21:20

    Merci
    • Revenir en haut
    Contenu sponsorisé

    • Revenir en haut
    « Voir le sujet précédent · Voir le sujet suivant »
      La date/heure actuelle est Sam 27 Avr 2024 - 3:26