AccueilFAQRechercherMembresGroupesS'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.


    PA simple en tableau (pour forum avec clans)

    Partagez
    avatar
    NyoTheNeko
    FémininAge : 24Messages : 5018

    le Ven 30 Mai 2014 - 13:03

    Rappel du premier message :

    Page d'accueil



    Ceci est un code de PA crée suite à la Demande de Lisou, ici.

    CSS3 & HTML5 ▬ Ce que ça donne


    Le code


    Code HTML à placer dans Affichage -> Page d'accueil -> Généralités ->Message sur la page d'accueil :
    Code:
       <div id="contenteur_pa">
          
           <div id="welcome_pa">
               Bienvenu(e) sur le forum {USERNAME}!
           </div>
          
           <div id="liens_pa">
               <a href="#" target="_blank">Règlement</a> <a href="#" target="_blank">Présentation</a> <a href="#" target="_blank">Ateliers</a> <a href="#" target="_blank">Effectifs</a> <a href="#" target="_blank">Partenariat</a>
           </div>
          
           <div id="contenu_principal_pa">
              
              <div id="clans_pa">
                
                 <h1>
                     Les Clans
                 </h1>
                
                 <div id="text_clans_pa">
                     Clan de la Rivière: <span class="prioritaire_pa">Prioritaire</span><br /> Clan du Tonnerre: <span class="ouvert_pa">Ouvert</span><br /> Clan du Vent: <span class="ferme_pa">Fermé</span><br /> Clan de l'Ombre: <span class="prioritaire_pa">Prioritaire</span><br />
                 </div>
                
              </div>
              
              <div id="info_pa">
                
                 <h1>
                     Info(s)
                 </h1>
                
                 <div id="text_infos_pa">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa purus, varius in adipiscing vitae, mollis sit amet purus. Integer purus erat, tincidunt a dapibus nec, eleifend in nulla. Proin metus mi, feugiat ut nisi ut, adipiscing luctus nunc. Donec hendrerit faucibus magna non vehicula. Mauris lacinia, urna ut gravida laoreet, leo diam fermentum ante, sed convallis lacus risus ac est. Ut non quam sed arcu euismod lobortis ut tempus leo. Nam vel tristique neque. Suspendisse pulvinar felis id ante fermentum tempor. Donec dictum tincidunt auctor.<br /><br /> Phasellus suscipit porta metus, eu consectetur ipsum tristique euismod. Fusce eget orci tempor, volutpat metus malesuada, consequat orci. Vestibulum faucibus metus non vulputate facilisis. Fusce porttitor, libero at vehicula iaculis, leo lorem bibendum turpis, et pretium est dui eu dolor. Fusce malesuada est sit amet leo consequat, molestie sodales est euismod. Curabitur semper velit id commodo porta. Etiam eget elementum ipsum. Vestibulum placerat arcu tempor mollis ultrices. Donec sit amet posuere tortor. Quisque a quam arcu.
                 </div>
                
              </div>
              
              <div id="staff_pa">
                
                 <h1>
                     Le Staff
                 </h1>
                
                 <div class="conteneur_infobulle_staff_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infobulle_staff_pa">
                        <span class="nom_staff_pa"> Pseudo </span><br /> <span class="poste_staff_pa">Poste</span><br /><span class="prioritaire_pa">Présence réduite</span><br />
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infobulle_staff_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infobulle_staff_pa">
                        <span class="nom_staff_pa"> Pseudo </span><br /> <span class="poste_staff_pa">Poste</span><br /><span class="ferme_pa">Absent(e)</span><br />
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infobulle_staff_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg"/>
                    <div class="infobulle_staff_pa">
                        <span class="nom_staff_pa"> Pseudo </span><br /> <span class="poste_staff_pa">Poste</span><br /><span class="ouvert_pa">Présent(e)</span><br />
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infobulle_staff_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infobulle_staff_pa">
                        <span class="nom_staff_pa"> Pseudo </span><br /> <span class="poste_staff_pa">Poste</span><br /><span class="prioritaire_pa">Présence réduite</span><br />
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infobulle_staff_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg"/>
                    <div class="infobulle_staff_pa">
                        <span class="nom_staff_pa"> Pseudo </span><br /> <span class="poste_staff_pa">Poste</span><br /><span class="prioritaire_pa">Présence réduite</span><br />
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infobulle_staff_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infobulle_staff_pa">
                        <span class="nom_staff_pa"> Pseudo </span><br /> <span class="poste_staff_pa">Poste</span><br /><span class="prioritaire_pa">Présence réduite</span><br />
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infobulle_staff_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg"/>
                    <div class="infobulle_staff_pa">
                        <span class="nom_staff_pa"> Pseudo </span><br /> <span class="poste_staff_pa">Poste</span><br /><span class="prioritaire_pa">Présence réduite</span><br />
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infobulle_staff_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infobulle_staff_pa">
                        <span class="nom_staff_pa"> Pseudo </span><br /> <span class="poste_staff_pa">Poste</span><br /><span class="prioritaire_pa">Présence réduite</span><br />
                    </div>
                    
                 </div>
                
                 <div style="clear: both;">
                 </div>
                
              </div>
              
              <div id="predefs_pa">
                
                 <h1>
                     Pré-crées
                 </h1>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                
                 <div class="conteneur_infospv_pa">
                     <img src="http://i55.servimg.com/u/f55/09/03/38/36/whit-c10.jpg" />
                    <div class="infos_infospv_pa">
                        Pseudo
                    </div>
                    
                 </div>
                 <div style="clear: both;">
                 </div>
                
              </div>
              
              <div id="contexte_pa">
                
                 <h1>
                     Contexte
                 </h1>
                
                 <div id="text_contexte_pa">
                     Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed massa purus, varius in adipiscing vitae, mollis sit amet purus. Integer purus erat, tincidunt a dapibus nec, eleifend in nulla. Proin metus mi, feugiat ut nisi ut, adipiscing luctus nunc. Donec hendrerit faucibus magna non vehicula. Mauris lacinia, urna ut gravida laoreet, leo diam fermentum ante, sed convallis lacus risus ac est. Ut non quam sed arcu euismod lobortis ut tempus leo. Nam vel tristique neque. Suspendisse pulvinar felis id ante fermentum tempor. Donec dictum tincidunt auctor.<br /><br /> Phasellus suscipit porta metus, eu consectetur ipsum tristique euismod. Fusce eget orci tempor, volutpat metus malesuada, consequat orci. Vestibulum faucibus metus non vulputate facilisis. Fusce porttitor, libero at vehicula iaculis, leo lorem bibendum turpis, et pretium est dui eu dolor. Fusce malesuada est sit amet leo consequat, molestie sodales est euismod. Curabitur semper velit id commodo porta. Etiam eget elementum ipsum. Vestibulum placerat arcu tempor mollis ultrices. Donec sit amet posuere tortor. Quisque a quam arcu. <br /><br /> Morbi tempor molestie diam ut ultricies. Etiam hendrerit augue lacus, ut iaculis nulla feugiat eget. Quisque ut velit at sapien volutpat tincidunt vel at purus. Pellentesque sed auctor purus. Cras consectetur est ut dignissim venenatis. Mauris accumsan augue quis dignissim placerat. Nulla cursus diam justo, at accumsan urna ultrices nec. Ut tellus eros, congue a pharetra eget, dignissim vitae ligula. Nam interdum, ligula vel suscipit pellentesque, metus erat porttitor mauris, sit amet accumsan quam neque ac odio. Nunc gravida diam sed interdum laoreet. Pellentesque sollicitudin feugiat semper.<br /><br /> Aliquam faucibus eleifend sagittis. Proin vitae iaculis erat. Vestibulum pellentesque sapien et malesuada congue. Nullam pellentesque dui non tincidunt fermentum. Nam vehicula fermentum ante, mollis vestibulum dui semper vitae. Fusce interdum porta odio. Aenean tincidunt viverra risus, sed venenatis augue pretium eget. Sed vestibulum magna at malesuada feugiat. Phasellus sed libero massa.
                 </div>
                
              </div>
              
              <div id="partenaires_pa">
                
                 <h1>
                     Partenaires
                 </h1>
                  <marquee id="partenaires_marquee_pa" onmouseover="this.stop();" onmouseout="this.start();"><a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" title="Nom Patenaire" /></a> <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" title="Nom Patenaire" /></a> <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" title="Nom Patenaire" /></a> <a href="#" target="_blank"><img src="http://i71.servimg.com/u/f71/09/03/38/36/middle10.jpg" title="Nom Patenaire" /></a></marquee>
              </div>
              
           </div>
        </div>

    Le CSS:
    Code:
    /********************* DÉBUT PA *********************/
        /* Définit la largeur de la PA */
        #contenteur_pa {
          width: 855px;
        }

        /* Mise en forme du message de bienvenue */
        #welcome_pa {
          width: auto;
          text-align: center;
          padding: 5px;
          font-size: 20pt;
          /* Couleur du texte de bienvenue */
          color: black;
        }

        /* Mise en forme des liens (conteneur) */
        #liens_pa {
          width: auto;
          padding: 5px;
          /* Couleur de fond des liens */
          background-color:#B5D6F4;
          word-spacing:30px;
        
        }

        /* Mise en forme des liens normal */
        #liens_pa a, #liens_pa a:visited, #liens_pa a:link {
          text-decoration: none;
          letter-spacing: 1px;
          /* Couleur des liens */
          color: #467EAF;
          transition: all ease 1s;
        }

        /* Mise en fomre des liens aupassage de la souris. */
        #liens_pa a:hover, #liens_pa a:target {
          text-decoration: none !important;
          letter-spacing: 3px;
          /* Couleur des liens au passage de la souris */
          color: black;
          transition: all ease 1s;
        }

        /* Va contenir tous les blocs interne (contexte, staff, etc). Permet de les placer. */
        #contenu_principal_pa {
          width: 100%;
          height: 465px;
          margin-top: 10px;
          position: relative;
        }

        /* Met en forme tous les titre (contexte, staff, etc) */
        #contenu_principal_pa h1 {
          width: 100%;
          padding-top: 5px;
          padding-bottom: 10px;
          font-size: 16pt;
          /* Couleur des titres */
          color: #B5D6F4;
          /* Couleur de fond des titres */
          background-color: #467EAF;
          margin: 0px;
        }

        /* Met en place et met en forme le bloc des clans */
        #clans_pa {
          position: absolute;
          top: 0px;
          left: 0px;
          width: 215px;
          height: 215px;
          /* Couleur de bord puis couleur de fond du bloc */
          border: 2px solid #467EAF;
          background-color: #F7FBFF;
        }

        /* Met en place et met en forme le bloc des infos */
        #info_pa {
          position: absolute;
          bottom: 0px;
          left: 0px;
          height: 225px;
          width: 215px;
          border: 2px solid #467EAF;
          background-color: #F7FBFF;
        }

        /* Met en place et met en forme le bloc du staff */
        #staff_pa {
          position: absolute;
          top: 0px;
          left: 230px;
          width: 250px;
          height: 210px;
          border: 2px solid #467EAF;
          background-color: #F7FBFF;
        }

        /* Met en place et met en forme le bloc des prédéfinis */
        #predefs_pa {
          position: absolute;
          bottom: 0px;
          left: 230px;
          width: 250px;
          height: 230px;
          border: 2px solid #467EAF;
          background-color: #F7FBFF;
        }

        /* Met en place et met en forme le bloc du contexte */
        #contexte_pa {
          position: absolute;
          top: 0px;
          right: 0px;
          width: 355px;
          height: 340px;
          border: 2px solid #467EAF;
          background-color: #F7FBFF;
        }

        /* Met en place et met en forme le bloc des partenaires */
        #partenaires_pa {
          position: absolute;
          bottom: 0px;
          right: 0px;
          width: 355px;
          height: 100px;
          border: 2px solid #467EAF;
          background-color: #F7FBFF;
        }

        /* Mise en page du texte du clan */
        #text_clans_pa {
          width: auto;
          font-size: 9pt;
          line-height: 16pt;
          text-align: justify;
          margin: auto;
          padding: 10px;
          height: 158px;
          overflow: auto;
        }

        /* Mise en forme du texte "Prioritaire" dans les clans et "présence réduite" du staff */
        .prioritaire_pa {
          font-weight: bold;
          color: #FCC737;
        }

        /* Mise en forme du texte "ouvert" dans les clans et "présent" du staff */
        .ouvert_pa {
          font-weight: bold;
          color: #3BA043;
        }

        /* Mise en forme du texte "Fermé" dans les clans et "absent" du staff */
        .ferme_pa {
          font-weight: bold;
          color: #932D2D;
        }

        /* Mise en forme du texte des infos */
        #text_infos_pa {
          width: auto;
          height: 160px;
          padding: 10px;
          text-align: justify;
          overflow: auto;
        }

        /* Mise en forme du texte du contexte */
        #text_contexte_pa {
          width: auto;
          height: 280px;
          padding: 10px;
          text-align: justify;
          overflow: auto;
        }

        /* Fait que lespartenaires ne soient pas collées au haut du bloc */
        #partenaires_marquee_pa {
          margin-top: 13px;
        }

        /* Div qui contient les infobulles staff */
        .conteneur_infobulle_staff_pa {
          width: 50px;
          height: 50px;
          margin: 5px;
          margin-top: 10px;
          position: relative;
          float: left;
          overflow: visible;
        }

        /* Mise en forme des images du staff */
        .conteneur_infobulle_staff_pa img {
          width: 50px;
          border-radius: 50%;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          opacity: 0.7;
          transition: all ease 1s;
        }

        /* Effet au hover des imagesdu staff */
        .conteneur_infobulle_staff_pa:hover img {
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
          opacity: 1;
          transition: all ease 1s;
        }

        /* Mise en forme des infobulles */
        .conteneur_infobulle_staff_pa .infobulle_staff_pa {
          /* Largeur puis hauteur de l'infobulle */
          width: 100px;
          height: 50px;
          text-align: center;
          line-height: 13pt;
          /* Positionnement de l'infobulle */
          position: absolute;
          top: 30px;
          left: 40px;
          border-radius: 10px;
          /* Bordure puis couleur de fond des infobulles */
          border: 2px solid #467EAF;
          background-color: #F7FBFF;
          padding: 5px;
          /* Effet sur les infobulles */
          -webkit-transform: scale(0);
          transform: scale(0);
          transition: all ease 1s;
          visibility: hidden;
          z-index: 999;
        }

        /* Fait apparaître les infobules au passage de la souris */
        .conteneur_infobulle_staff_pa:hover .infobulle_staff_pa {
          -webkit-transform: scale(1);
          transform: scale(1);
          transition: all ease 1s;
          visibility: visible;
        }

        /* Met en forme le pseudo du staff */
        .nom_staff_pa {
          font-size: 12pt;
          font-weight: bold;
        }

        /* Mise en forme du Poste du staff */
        .poste_staff_pa {
          font-size: 7pt;
          font-style: italic;
        }

        /* Contient les PV */
        .conteneur_infospv_pa {
          float: left;
          margin: 5px;
          position: relative;
          width: 50px;
          height: 50px;
          overflow: hidden;
        }

        /* Mise en forme des images des PV */
        .conteneur_infospv_pa img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          transition: all ease 1s;
        }

        /* Met en place l'effet sur l'image au passage de la souris */
        .conteneur_infospv_pa:hover img {
          width: 50px;
          height: 50px;
          border-radius: 50%;
          -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
          transition: all ease 1s;
        }

        /* Mise en forme du texte sous les prédéfinis */
        .conteneur_infospv_pa .infos_infospv_pa {
          position: absolute;
          top: 0;
          left: 0;
          background-color: #467EAF;
          color: #F7FBFF;
          border-radius: 50%;
          padding: 5px;
          padding-top: 10px;
          width: 40px;
          height: 35px;
          text-align: center;
          font-size: 8pt;
          font-style: italic;
          opacity: 0;
          transition: all ease 1s;
        }

        /* Fait apparaîre le texte sous les prédéfinis au passage de la souris. */
        .conteneur_infospv_pa:hover .infos_infospv_pa {
          opacity: 1;
          transition: all ease 1s;
        }
        /********************* FIN PA *********************/

    Modifications supplémentaires


    Dans ce code, beaucoup de choses sont modulables. Si vous voulez des exemples, de choses à changer ou SAVOIR comment modifier certaines choses, n'hésitez pas à poster à la suite. Voici une liste d'idée qui pourraient être expliquées plus tard si besoin est:

    • Avoir d'autres effets sur l'infobulle pour son apparition, disparition (CSS à modifier:  .conteneur_infobulle_staff_pa .infobulle_staff_pa et .conteneur_infobulle_staff_pa:hover .infobulle_staff_pa)
    • Mettre des coins arrondis:  (CSS à modifier: #clans_pa , #liens_pa , #staff_pa , #predefs_pa , #contexte_pa , #partenaires_pa)


    Vos commentaires et remerciements sont toujours bienvenus ^^
    - Mettre/laisser un crédit vers Never-Utopia est obligatoire.
    - Si vous avez des problèmes avec ce LS, venez poster ici.



    avatar
    Wiss
    FémininAge : 13Messages : 53

    le Ven 6 Mai 2016 - 17:35

    Merci ^^




    Autre signa:
    avatar
    Ookami Shiroi
    FémininAge : 26Messages : 73

    le Dim 26 Juin 2016 - 13:11

    Merci Miaou Very Happy
    avatar
    Chadot
    FémininAge : 29Messages : 176

    le Lun 27 Juin 2016 - 10:23

    Merci du partage



    avatar
    Lilie
    FémininAge : 34Messages : 162

    le Sam 2 Juil 2016 - 9:12

    Merci ^^
    avatar
    Madras
    FémininAge : 33Messages : 279

    le Mer 6 Juil 2016 - 10:50

    Merci du partage
    avatar
    Angie H.-Carter
    FémininAge : 34Messages : 714

    le Dim 10 Juil 2016 - 12:02

    merci pour cette PA ^^



    Your my brillant! You shine into the darkness and you guide me in my life with no fear. I love you so much and i don't want to loose you in my heart. You will be my love forerver. You and me it's like the sky and the sea...This is LIFE!
    avatar
    Wolund
    MasculinAge : 20Messages : 53

    le Mar 12 Juil 2016 - 15:34

    Super job ^w^
    avatar
    Scratpub
    FémininAge : 29Messages : 73

    le Jeu 14 Juil 2016 - 1:34

    Merci
    avatar
    Ryukaï
    MasculinAge : 20Messages : 614

    le Dim 17 Juil 2016 - 21:01

    Merci bien Very Happy



    avatar
    Exuperance
    FémininAge : 27Messages : 45

    le Lun 21 Nov 2016 - 2:39

    Merci beaucoup
    avatar
    Océ
    FémininAge : 43Messages : 280

    le Lun 21 Nov 2016 - 14:41

    tres belle fiche pour une petite PA.



    Bonjours voici les pv's que nous cherchons : [url=http://www.never-utopia.com/t63181-les-postes-vacants-pour-les-chronuque-de-aya#960582 L’annonce est ici[/url]
    avatar
    Valens88
    MasculinAge : 29Messages : 9

    le Mar 6 Déc 2016 - 21:12

    merci
    avatar
    flowi
    FémininAge : 15Messages : 7

    le Sam 17 Déc 2016 - 20:23

    Merci !
    avatar
    Miss Tigri
    FémininAge : 24Messages : 89

    le Mar 20 Déc 2016 - 22:19

    Merci c'est super !
    avatar
    Litonya
    FémininAge : 16Messages : 149

    le Mer 4 Jan 2017 - 16:03

    Merci !
    avatar
    Thanos
    MasculinAge : 22Messages : 83

    le Lun 9 Jan 2017 - 23:06

    Merci
    avatar
    Laurolay
    FémininAge : 14Messages : 101

    le Mar 10 Jan 2017 - 11:42

    Mercii Very Happy
    avatar
    Kawasaki
    MasculinAge : 28Messages : 5

    le Lun 6 Fév 2017 - 2:29

    Tres beau Travail
    avatar
    Jagan
    MasculinAge : 33Messages : 25

    le Mar 7 Fév 2017 - 16:30

    merci
    avatar
    Azuna
    FémininAge : 14Messages : 12

    le Lun 13 Mar 2017 - 18:20

    Merci
    avatar
    Sylnodel
    FémininAge : 20Messages : 9

    le Dim 7 Mai 2017 - 1:33

    J'aime beaucoup ! Merci ! Very Happy
    avatar
    Amakhaza
    FémininAge : 15Messages : 52

    le Dim 7 Mai 2017 - 15:45

    C'est super merci ^^ mais j'ai une question : comment fait on pour modifier la couleur parce que blanc ca ne va pas avec mon forum qui est plus sombre
    avatar
    alsayed
    MasculinAge : 44Messages : 75

    le Sam 20 Mai 2017 - 15:19

    Merci
    avatar
    Claraaa
    FémininAge : 21Messages : 23

    le Mer 23 Aoû 2017 - 11:28

    Merci !
    avatar
    John:
    MasculinAge : 25Messages : 56

    le Jeu 24 Aoû 2017 - 5:22

    J'adore! Merci
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Juin 2018 - 7:27