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 avec news en images défilantes & scrollbar personnalisée

    Partagez
    avatar
    Lunayine
    FémininAge : 21Messages : 55

    le Lun 16 Mar 2015 - 18:39

    Bonjour à tous,

    Voici une PA en LS réalisée en réponse à la demande de Saphire


    Aperçu - Aperçu live - Utilisable pour n'importe quel version de forums, n'importe quel site


    Quelques petites précisions
    Liens au survol : perdent en opacité
    Images News : 391*118 px ( redimensionnement auto - pas besoin de changer l'adresse de l'image pour les miniatures )
    Images du Staff : 70*45 ( redimensionnement auto )
    Images Membre et RP du mois : 170*100 ( redimensionnement auto )
    Violet clair correspondant au fond du forum : #f4e7f5 (à mettre dans le PA si vous voulez cette couleur)
    Les deux cases au fond violet foncé sont en réalité d'un noir semi-opaque, la couleur est donc celle de votre fond en plus foncé.
    Le code CSS est donné en deux parties, ce qui vous donne le choix de personnaliser la scrollbar ou non.


    On commence avec le code javascript qui va permettre d'afficher les images défilantes dans le bloc Nouveautés.
    Javascript ( Panneau d'administrateur > Modules > Gestion des pages HTML et codes Javascript > Codes Javascript > Créer un nouveau code > Affichage : Page d'accueil ) :
    Code:
    imgPath = new Array;
    SiClickGoTo = new Array;
    version = navigator.appVersion.substring(0,1);
    if (version >= 3)
     {
     i0 = new Image;
     i0.src = 'URL_IMAGE_0';
     SiClickGoTo[0] = "URL_NEWS_0";
     imgPath[0] = i0.src;

            i1 = new Image;
     i1.src = 'URL_IMAGE_1';
     SiClickGoTo[1] = "URL_NEWS_1";
     imgPath[1] = i1.src;
     
     i2 = new Image;
     i2.src = 'URL_IMAGE_2';
     SiClickGoTo[2] = "URL_NEWS_2";
     imgPath[2] = i2.src;

     i3 = new Image;
     i3.src = 'URL_IMAGE_3';
     SiClickGoTo[3] = "URL_NEWS_3";
     imgPath[3] = i3.src;  

     i4 = new Image;
     i4.src = 'URL_IMAGE_4';
     SiClickGoTo[4] = "URL_NEWS_4";
     imgPath[4] = i4.src;

     i5 = new Image;
     i5.src = 'URL_IMAGE_5';
     SiClickGoTo[5] = "URL_NEWS_5";
     imgPath[5] = i5.src;
     }

    a = 0;
    function StartAnim()
     {
     if (version >= 3)
     {
     document.write('<a href="#" onclick="ImgDest();return(false)"><img src="URL_IMAGE_0" border="0" alt="Menu" name="defil" /></a>');
     defilimg()
     }
     else
     {
     document.write('<a href="Lien0"><img src="URL_IMAGE_0" border="0" /></a>')
     }
     }
     function ImgDest()
     {
     document.location.href = SiClickGoTo[a-1];
     }
     function defilimg()
     {
     if (a == 6)
     {
     a = 0;
     }
     if (version >= 3)
     {
     document.defil.src = imgPath[a];
     tempo3 = setTimeout("defilimg()",5000);
     a++;
     }
     }
     jQuery(document).ready(function(){
              jQuery(".staffset").find("span").mouseover(function(){

                var system = jQuery(this).closest(".staffset");
                system.find(".imgstaff").find(".active").removeClass("active");
                system.find(".descripstaff").find(".active").removeClass("active");

                var id = jQuery(this).attr("name");          
                jQuery(this).addClass("active");
                system.find(".descripstaff").find("div[name='"+id+"']").addClass("active");
              });
          });

    Dans ce code, il n'y a à s'occuper que de deux parties.
    Explication Javascript 1. :

    Code:

     i0 = new Image;
     i0.src = 'URL_IMAGE_0';
     SiClickGoTo[0] = "URL_NEWS_0";
     imgPath[0] = i0.src;

            i1 = new Image;
     i1.src = 'URL_IMAGE_1';
     SiClickGoTo[1] = "URL_NEWS_1";
     imgPath[1] = i1.src;
     
     i2 = new Image;
     i2.src = 'URL_IMAGE_2';
     SiClickGoTo[2] = "URL_NEWS_2";
     imgPath[2] = i2.src;

     i3 = new Image;
     i3.src = 'URL_IMAGE_3';
     SiClickGoTo[3] = "URL_NEWS_3";
     imgPath[3] = i3.src;  

     i4 = new Image;
     i4.src = 'URL_IMAGE_4';
     SiClickGoTo[4] = "URL_NEWS_4";
     imgPath[4] = i4.src;

     i5 = new Image;
     i5.src = 'URL_IMAGE_5';
     SiClickGoTo[5] = "URL_NEWS_5";
     imgPath[5] = i5.src;
     
    Cette partie correspond aux images qui vont défiler. Il faut remplacer les écritures en majuscule pour afficher l'image. URL_IMAGE_0 doit donc être remplacé par l'adresse de la première image et URL_NEWS_0 par l'adresse de la page où vous souhaiter aller au clique sur l'image ( comme le message annonçant la nouveauté ou le concours auquel l'image correspond ). Par exemple, si l'image 0 est une fleur qui a pour adresse https://redcdn.net/hpimg4/pics/796399fleur18.png ( au hasard ) et qui amène à la page "Nouveauté d'Été" qui a pour adresse http://www.never-utopia.com/t53324p30-nouveaute-d-ete le code de cette partie va ressembler à :

    Code:

     i0 = new Image;
     i0.src = 'http://img4.hostingpics.net/pics/796399fleur18.png';
     SiClickGoTo[0] = "http://www.never-utopia.com/t53324p30-nouveaute-d-ete";
     imgPath[0] = i0.src;
     

    Pour rajouter une image, il suffit de rajouter ce bloc de 4 lignes après le sixième bloc en changeant le 0 en 6 pour la 7ème image puis en 7 pour la huitième, etc.

    Explication Javascript 2. :

    Code:
    {
     document.write('<a href="#" onclick="ImgDest();return(false)"><img src="URL_IMAGE_0" border="0" alt="Menu" name="defil" /></a>');
     defilimg()
     }
     else
     {
     document.write('<a href="Lien0"><img src="URL_IMAGE_0" border="0" /></a>')
     }
     }
    Dans cette partie, il faut remplacer comme dans la première partie les écritures en majuscules. Il faut donc remplacer URL_IMAGE_0 aux deux endroits par l'adresse de la première image ( la même que vous avez mis en première dans la première partie du code ). Il n'y a que l'adresse de la première image à mettre ( pour que le code démarre ) donc rien à changer si vous rajoutez des images.
    Voilà, c'est tout pour le javascript compliqué o/

    CSS ( Panneau d'administrateur > Affichage > Images et Couleurs > Couleurs > Feuille de style ) :
    → Scrollbar personnalisée
    Code:

    /*SCROLLBAR*/

    ::-webkit-scrollbar {
      height: 7px;
      width: 7px;
      background-color: #e44b82; /* couleur de fond */
    }
     
    html > ::-webkit-scrollbar {
      width: 7px; /*largeur de la barre*/
    }
     
    ::-webkit-scrollbar-thumb {
      background: #f4e7f5; /* couleur de la barre qui se déplace */
      border-radius: 50px;  /* Arrondis */
    }
     
    ::-webkit-scrollbar-track-piece {
      background-color:#e44b82; /* couleur de fond */
    }

    ::-ms-scrollbar {
      height: 7px;
      width: 7px;
      background-color:#e44b82; /* couleur de fond */
    }
     
    html > ::-ms-scrollbar {
      width: 7px; /* largeur de la barre */
    }
     
    ::-ms-scrollbar-thumb {
      background: #f4e7f5; /* couleur de la barre qui se déplace */
      border-radius: 50px;  /* Arrondis */
    }
     
    ::-ms-scrollbar-track-piece {
      background-color: #e44b82; /* couleur de fond */
    }
    ::-moz-scrollbar {
      height: 7px;
      width: 7px;
      background-color: #e44b82; /* couleur de fond */
    }
     
    html > ::-moz-scrollbar {
      width: 7px; /* largeur de la barre */
    }
     
    ::-moz-scrollbar-thumb {
      background: #f4e7f5; /* couleur de la barre qui se déplace */
      border-radius: 50px;  /* Arrondis */
    }
     
    ::-moz-scrollbar-track-piece {
      background-color: #e44b82; /* couleur de fond */
    }

    ::-o-scrollbar {
      height: 7px;
      width: 7px;
      background-color: #e44b82; /* couleur de fond */
    }
     
    html > ::-o-scrollbar {
      width: 7px; /* largeur de la barre */
    }
     
    ::-o-scrollbar-thumb {
      background: #f4e7f5; /* couleur de la barre qui se déplace */
      border-radius: 50px;  /* Arrondis */
    }
     
    ::-o-scrollbar-track-piece {
      background-color: #e44b82; /* couleur de fond */
    }
    /*FIN SCROLLBAR*/

    → PA :
    Code:

    /*PA ©2015 Lunayine on NU*/
    div#paset {
    width:810px;
    position:relative;
    overflow:hidden;
      height:460px;
    }
    div#paset h1 {
    display:block;
    text-align:center;
    font-weight:bold;
    font-size:20px;
    margin:7px 0 0;
    font-family:'Lobster';
    color:#e44b82; /*COULEUR DES TITRES*/
    text-shadow:-1px -1px 1px white;
    }
    div#paset a {
    color:#e44b82; /*COULEUR DES LIENS*/
    opacity:1;
    -webkit-transition:opacity linear 1s;
    transition:opacity linear 1s;
    }
    div#paset a:hover {
    opacity:0.5;
    -webkit-transition:opacity linear 1s;
    transition:opacity linear 1s;
    }
    div#paset div.block {
    display:inline-block;
    width:395px;
    margin:5px;
    position:absolute;
    }
    div#paset div.contexteset, div#paset div.newsset , div#paset div.moisset , div#paset div.regroupset {
    box-shadow:0 0 3px black;
    }
    div#paset div.contexteset, div#paset div.newsset {
    background:#e44b82; :*FOND DES BLOCS NEWS ET CONTEXTE*/
    }
    div#paset div.contexteset {
    height:150px;
    padding:10px;
    overflow:auto;
    }
    div#paset div.regroupset {
    height:170px;
    text-align:left;
    position:relative;
    }
    div#paset div.regroupset, div#paset div.moisset {
    background:rgba(0,0,0,0.1);
    }
    div#paset div.newsset, div#paset div.moisset {
    height:170px;
    }
    div#paset div.regroupset div.liensset {
    width:90px;
    overflow:auto;
    height:150px;
    padding:10px;
    display:inline-block;
    position:absolute;
    top:0px;
    }
    div#paset div.regroupset div.staffset {
    height:150px;
    padding:10px;
    display:inline-block;
    position:absolute;
    right:0px;
    width:260px;
    text-align:center;
    }
    div#paset div.regroupset div.staffset em {
    display: inline-block;
    font-size: 9px;
    text-transform: uppercase;
    opacity: 0.5;
    }
    div#paset div.regroupset div.staffset img {
    height:45px;
    width:70px;
    }
    div#paset div.regroupset div.staffset div.descripstaff {
    height:46px;
    margin-top:8px;
    background:#f4e7f5; /*FOND DU TEXTE DE DESCRIPTION DU STAFF*/
    position:relative;
    }
    div#paset div.regroupset div.staffset div.descripstaff div {
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    display:none;
    text-align:center;
    padding:5px;
    box-shadow:inset 0px 0px 2px black;
    }
    div#paset div.regroupset div.staffset div.descripstaff div.active {
    display:block;
    }
    div#paset div.newsset div.navigimgs img {
    height:30px;
    margin:2px;
    }
    div#paset div.newsset div.navigimgs {
    height:48px;
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
    margin-bottom:2px;
    }
    div#paset div.moisset div.topsites {
    height:48px;
    padding:5px;
    }
    div#paset div.moisset div#over {
    height:100px;
    width:170px;
    overflow:hidden;
    position:relative;
    display:inline-block;
    margin:10px;
    }
    div#paset div.moisset div#over img {
    height:100px;
    width:170px;
    position:absolute;
    top:0px;
    left:0px;
    -webkit-transition:top 0.5s linear;
    transition:top 0.5s linear;
    box-shadow: 0px 1px 1px black;
    }
    div#paset div.moisset div#over div.textset {
    height:80px;
    width:150px;
    padding:10px;
    background:#f4e7f5; /*FOND DU TEXTE RP ET MEMBRE DU MOIS*/
    box-shadow:inset 0px 0px 2px black;
    }
    div#paset div.moisset div#over:hover img {
    top:-100px;
    -webkit-transition:top 0.5s linear;
    transition:top 0.5s linear;
    }
    div#paset div.contexteset {
    text-align:justify;
    }
    /*FIN PA*/
    J'ai mis des indications au niveau des couleurs à modifier si vous souhaiter changer les couleurs de fonds et liens.

    Code HTML de la PA ( Panneau d'administrateur > Affichage > Page d'accueil > Généralités ) :
    Code:
    <link href="http://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css" />
    <div id="paset">
                                                                                                                                                                                
     <div align="center">
                                
     <h1>
                   Bienvenue sur <em>NOM DU FORUM</em> {USERNAME} !              
     </h1>
                                
     <div class="block" style="left:0px;">
                                      
     <h1>
                      Contexte                  
     </h1>
                                      
     <div class="contexteset">
                      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur? <a href="LIEN_CONTEXTE">[Lire la suite]</a>                                                                                              
     </div>
                                      
     <h1>
                      Top-Sites & Sélection du Mois                  
     </h1>
                                      
     <div class="moisset">
                                                                                          
     <div class="topsites">
                                         <a href="URL_TOPSITE_1"><img src="http://i38.servimg.com/u/f38/17/21/37/06/img_pa12.png" alt="top site 1" /></a>  <a href="URL_TOPSITE_2"><img src="http://i38.servimg.com/u/f38/17/21/37/06/img_pa12.png" alt="top site 2" /></a>  <a href="URL_TOPSITE_3"><img src="http://i38.servimg.com/u/f38/17/21/37/06/img_pa12.png" alt="top site 3" /></a>                                      
     </div>
                                                                                                                            
     <div id="over">
                                                                                  <img src="URL_IMAGE_MEMBRE" alt="Membre du mois" />                                                                              
     <div class="textset">
     <strong>Pseudo</strong><br />Membre du mois<br /><br /><em>Raison</em><br /><br /><a href="#">MP</a> • <a href="#">Profil</a>
     </div>
                                                                                                                                                              
     </div>
                                                                                                                                                              
     <div id="over">
                                                                                  <img src="URL_IMAGE_RP" alt="RP du mois" />                                                                              
     <div class="textset">
     <strong>Titre du RP</strong><br />RP du mois<br /><br /><em>Participants et Raison</em><br /><br /><a href="#">Le lire</a>
     </div>
                                                                                                                                                              
     </div>
                                                                                                                                                                
     </div>
                                                                                                                                                                                  
     </div>
                                                                                                                                                                            
     <div class="block" style="right:0px;">
                                      
     <h1>
                      Liens Utiles & Staff                  
     </h1>
                                      
     <div class="regroupset">
                                                                                                                                                                                
     <div class="liensset">
                                                                                             <a href="#">» Règlement</a><br /><a href="#">» Contexte</a><br /><a href="#">» S'inscrire</a><br /><a href="#">» Postes vacants</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a><br /><a href="#">Lien</a>                                                                
     </div>
                                                                                                                                                                                
     <div class="staffset">
                                                                                                                          
     <div class="imgstaff">
                                                                <span name="1" class="active"><img src="URL_IMAGE_STAFF_1" alt="NOM_DU_STAFFIEN" /></span> <span name="2"><img src="URL_IMAGE_STAFF_2" alt="NOM_DU_STAFFIEN" /></span> <span name="3"><img src="URL_IMAGE_STAFF_3" alt="NOM_DU_STAFFIEN" /></span><span name="4"><img src="URL_IMAGE_STAFF_4" alt="NOM_DU_STAFFIEN" /></span> <span name="5"><img src="URL_IMAGE_STAFF_5" alt="NOM_DU_STAFFIEN" /></span> <span name="6"><img src="URL_IMAGE_STAFF_6" alt="NOM_DU_STAFFIEN" /></span>                                                            
     </div>
                                                                                                                          
     <div class="descripstaff">
                                                                                                                
     <div name="1" class="active">
     <strong>Pseudo 1</strong> - Rang<br /><em>« Une petite citation ? »</em><br /><a href="#">MP</a> • <a href="#">Profil</a>
     </div>
                                                                                                  
     <div name="2">
     <strong>Pseudo 2</strong> - Rang<br /><em>« Une petite citation ? »</em><br /><a href="#">MP</a> • <a href="#">Profil</a>
     </div>
                                                                                                  
     <div name="3">
     <strong>Pseudo 3</strong> - Rang<br /><em>« Une petite citation ? »</em><br /><a href="#">MP</a> • <a href="#">Profil</a>
     </div>
                                                                                                  
     <div name="4">
     <strong>Pseudo 4</strong> - Rang<br /><em>« Une petite citation ? »</em><br /><a href="#">MP</a> • <a href="#">Profil</a>
     </div>
                                                                                                  
     <div name="5">
     <strong>Pseudo 5</strong> - Rang<br /><em>« Une petite citation ? »</em><br /><a href="#">MP</a> • <a href="#">Profil</a>
     </div>
                                                                                                  
     <div name="6">
     <strong>Pseudo 6</strong> - Rang<br /><em>« Une petite citation ? »</em><br /><a href="#">MP</a> • <a href="#">Profil</a>
     </div>
                                                                                                                
     </div>
                                                                                                                            
     </div>
                                                                                                                                                                            
     </div>
                                      
     <h1>
                      Nouveautés                  
     </h1>
                                      
     <div class="newsset">
                                                                                                                                                      
     <div class="navigimgs">
                                                                            <a href="URL_NEWS_0"><img src="URL_IMAGE_0" alt="image mini nouveautés" class="active" /></a> <a href="URL_NEWS_1"><img src="URL_IMAGE_1" alt="image mini nouveautés" /></a> <a href="URL_NEWS_2"><img src="URL_IMAGE_2" alt="image mini nouveautés" /></a> <a href="URL_NEWS_3"><img src="URL_IMAGE_3" alt="image mini nouveautés" /></a> <a href="URL_NEWS_4"><img src="URL_IMAGE_4" alt="image mini nouveautés" /></a> <a href="URL_NEWS_5"><img src="URL_IMAGE_5" alt="image mini nouveautés" /></a>                    
     </div><script language="javascript">
     
    StartAnim();
     
    </script>                    
     </div>
                                          
     </div>
                                                                                                                                                                                
     </div>
          
     <div style="text-align:center;opacity:0.3;font-size:7px;text-transform:uppercase;position:absolute;bottom:0;right:0;left:0;">
         ©015 PA : Lunay's invention on <strong><a href="http://www.never-utopia.com">NU</a></strong> - Forum fondé par xxx - Contexte basé sur xxx de xxx - Autre copyright ?    
     </div>
    </div>

    À modifier dans la PA:
    URL_IMAGE_STAFF_X → (X est un chiffre entre 0 et 6) Remplacer par l'adresse de l'image du membre du Staff
    URL_IMAGE_X et URL_NEWS_X → Remplacer par la même chose que dans le javascript en respectant les numéros ( afin d'avoir un accès aux images des nouveautés sans devoir attendre le défilement )
    URL_IMAGE_RP et URL_IMAGE_MEMBRE → Remplacer par l'adresse de l'image du membre et du RP du mois
    Et bien sûr tous les # à remplacer par le lien voulu et vos textes à placer.

    Il arrive que l'interface de l'édition de la PA dans forumactif bug, par exemple si vous dépassez la limite de caractères autorisés. Pensez donc à sauvegarder quelque part le code de votre PA.


    Je rappelle que le copyright est obligatoire et que vous avez la possibilité de demander de l'aide pour personnaliser votre code dans cette partie. De plus, si vous rencontrez un problème avec le Javascript ou les autres codes, cette partie vous permettra de vous faire épauler.


    Vos commentaires et remerciements sont toujours bienvenus ^^
    avatar
    A-Lice
    FémininAge : 24Messages : 4939

    le Mar 21 Avr 2015 - 22:19

    Hello !
    Désolée pour le temps que j'ai mis à venir valider ce LS !
    Il n'y aucun soucis, il est suffisamment clair (du moins expliqué) je déplace donc (:
    En plus il est tout mignon tout rose tout fille xD

    avatar
    Artchie
    FémininAge : 27Messages : 42

    le Mer 22 Avr 2015 - 17:36

    La personnalisation de la scrollbar :love:
    C'est tip top génial merci beaucoup !
    avatar
    MEGALAXY
    MasculinAge : 29Messages : 18

    le Jeu 7 Mai 2015 - 15:09

    tres beau
    avatar
    Nighthayah
    FémininAge : 31Messages : 69

    le Ven 8 Mai 2015 - 2:47

    Merci beaucoup
    avatar
    Neymar
    MasculinAge : 20Messages : 138

    le Sam 9 Mai 2015 - 14:42

    Hawnlesquement Rivalesque, bravo o/
    avatar
    Likilou
    MasculinAge : 25Messages : 301

    le Dim 24 Mai 2015 - 19:39

    merci



    avatar
    petit lu
    FémininAge : 26Messages : 177

    le Mar 2 Juin 2015 - 21:34

    *Tombe dans les pommes*
    C'est magnifique
    merci du partage ♥
    avatar
    pika-cerise
    FémininAge : 26Messages : 92

    le Mar 2 Juin 2015 - 21:46

    C'est sublime merci
    avatar
    Aoi Kiseki
    FémininAge : 26Messages : 105

    le Mer 3 Juin 2015 - 15:35

    Merci
    Amélia
    FémininAge : 19Messages : 49

    le Mer 3 Juin 2015 - 18:10

    MErci !
    avatar
    Deamyx
    MasculinAge : 22Messages : 214

    le Mer 3 Juin 2015 - 19:02

    Merci, très belle Pa *-*
    avatar
    Lilynufare
    FémininAge : 28Messages : 341

    le Jeu 4 Juin 2015 - 19:02

    elle est sympa, merci
    avatar
    Invité

    le Jeu 4 Juin 2015 - 19:25

    Elle claque, elle est superbe *o*
    avatar
    Allison01
    FémininAge : 34Messages : 200

    le Mer 10 Juin 2015 - 13:16

    Superbe merci beaucoup Very Happy
    avatar
    Furries
    FémininAge : 22Messages : 34

    le Jeu 11 Juin 2015 - 20:30

    Mercii !
    avatar
    Prisver
    FémininAge : 18Messages : 33

    le Ven 12 Juin 2015 - 15:28

    Je prend, c'est génial. Merci. ~
    avatar
    Honeey L.
    FémininAge : 25Messages : 79

    le Dim 14 Juin 2015 - 12:46

    Merci du partage ! Very Happy
    avatar
    Brookinette
    FémininAge : 26Messages : 46

    le Lun 15 Juin 2015 - 15:59

    J'aime beaucoup Very Happy
    avatar
    Imari
    FémininAge : 35Messages : 67

    le Mar 16 Juin 2015 - 16:13

    Merci bien :)



    avatar
    Ju' de fruits
    FémininAge : 25Messages : 82

    le Mer 17 Juin 2015 - 12:25

    Merci !



    avatar
    Emelyne
    FémininAge : 36Messages : 77

    le Mer 17 Juin 2015 - 16:09

    superbe ♥
    Merci !
    avatar
    Acédie
    FémininAge : 20Messages : 91

    le Sam 20 Juin 2015 - 0:37

    merci !
    avatar
    .pinkrocks
    FémininAge : 28Messages : 41

    le Lun 22 Juin 2015 - 23:31

    Superbe! :O
    Merci beaucoup pour le partage! <3
    avatar
    Otulissa
    FémininAge : 21Messages : 24

    le Lun 29 Juin 2015 - 12:22

    Waouw ! Je pense que cette PA fera la touche finale pour mon nouveau fow, merci beaucoup pour le partage ^^
    Contenu sponsorisé


      La date/heure actuelle est Lun 22 Oct 2018 - 20:09