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.

Le Deal du moment : -23%
EVGA SuperNOVA 650 G6 – Alimentation PC 100% ...
Voir le deal
77.91 €

    Qeel Black, Purple & Pink

    Onyx
    Onyx
    FémininAge : 30Messages : 3350

    Dim 19 Avr 2015 - 4:06

    Qeel Black, Purple & Pink




    Voici un petit LS d'un qeel que j'ai fait pour ce défi (et que j'ai gagné \o/).

    Pour voir l'aperçu : cliquez ici.
    Pour voir l'aperçu au survol d'un onglet (anniversaire), du premier bloc et du titre : cliquez ici.

    Éléments spéciaux
    - Le mauve des blocs devient rose quand vous les survolez (même chose pour les onglets et les liens).
    - Vous pouvez naviquer entre les trois onglets du premier bloc en cliquant dessus. Pareil pour les six onglets du troisième bloc.
    - Les barres de défilement sont personnalisables sous safari, chrome et opéra.

    Ce LS est en trois parties.
    • Tout d'abord, nous allons installer le qeel dans le template.
    • Puis, nous allons le mettre en forme à l'aide du CSS.
    • Enfin, nous allons voir comment changer les textes préprogrammés dans le qeel.

    - Le Qeel fait environ 800 par 570 pixels.
    - La version du forum est PhpBB2
    Mettre un crédit vers Never-Utopia est obligatoire.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^





    1. Corps du qeel (Template Index_Body)



    Nous allons commencer par aller dans les templates, plus précisément dans le template "Index_body" .

    Pour cela, nous allons aller dans :
    > PANNEAU D'ADMINISTRATION
    > > AFFICHAGE
    > > > TEMPLATES
    > > > > GÉNÉRAL
    > > > > > INDEX_BODY

    Puis, il va nous falloir trouver le "BEGIN disable_viewonline" et le "END disable_viewonline". Normalement, ils sont respectivement aux lignes 173 et 221 du template.

    Nous allons remplacer tout ce qu'il y a entre ces deux lignes par :
    Code:
    <script type="text/javascript">
            //<!--
                    function change_qeelonglet(name)
                    {
                            document.getElementById('qeelonglet_'+anc_qeelonglet).className = 'qeelonglet_0 qeelonglet';
                            document.getElementById('qeelonglet_'+name).className = 'qeelonglet_1 qeelonglet';
                            document.getElementById('contenu_qeelonglet_'+anc_qeelonglet).style.display = 'none';
                            document.getElementById('contenu_qeelonglet_'+name).style.display = 'block';
                            anc_qeelonglet = name;
                    }
            //-->
    </script>
    <script type="text/javascript">
            //<!--
                    function change_grouponglet(name)
                    {
                            document.getElementById('grouponglet_'+anc_grouponglet).className = 'grouponglet_0 grouponglet';
                            document.getElementById('grouponglet_'+name).className = 'grouponglet_1 grouponglet';
                            document.getElementById('contenu_grouponglet_'+anc_grouponglet).style.display = 'none';
                            document.getElementById('contenu_grouponglet_'+name).style.display = 'block';
                            anc_grouponglet = name;
                    }
            //-->
    </script>
    <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css' />
    <div id="qeel">
      <a class="qeel_title" href="{U_VIEWONLINE}">
        Qui est en ligne?
      </a>
      <div class="qeel_blocs">
        <span class="qeelonglet_1 qeelonglet" id="qeelonglet_Stats" onclick="javascript:change_qeelonglet('Stats');">
          Stats
        </span>
        <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Credits" onclick="javascript:change_qeelonglet('Credits');">
          Crédits
        </span>
        <div id="qeel_bloc1" class="qeel_bloc">
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Stats"><div class="qeel_inside">
            <strong>Bienvenue sur Titre du forum !</strong><br /><br />
            <span id="totaluser">{TOTAL_USERS}</span><span id="totalpost">{TOTAL_POSTS}</span>.<br />
            <span id="newuser">{NEWEST_USER}</span>.<br />
            Bienvenue dans une famille de fous \o/<br /><br /><span id="totalonline">{TOTAL_USERS_ONLINE}</span>.
            <script type="text/javascript">
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/Nous avons/,"");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membre enregistré/,"punk - ");
              document.getElementById('totaluser').innerHTML=document.getElementById('totaluser').innerHTML.replace(/membres enregistrés /,"punks - ");
              document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/Nos membres ont posté un total de/,"");
              document.getElementById('totalpost').innerHTML=document.getElementById('totalpost').innerHTML.replace(/messages/,"moments inoubliables");
              document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier punk à nous avoir rejoint est");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateur /,"punk ");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/utilisateurs /,"punks ");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/en ligne ::/,"en ligne :");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistré,/,"habitué,");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Enregistrés,/,"habitués,");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invisible /,"fantôme ");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invisibles /,"fantômes ");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invité /,"curieux");
              document.getElementById('totalonline').innerHTML=document.getElementById('totalonline').innerHTML.replace(/Invités /,"curieux");
            </script>
            </div></div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Credits"><div class="qeel_inside">
            Texte texte texte texte...<br />
            Le Codage nous vient d'<strong>Onyx</strong> de <a href="http://www.never-utopia.com/" target="_blank">Never-Utopia</a>.
            </div></div>
          <div class="contenu_qeelonglet" id="contenu_qeelonglet_Anniversaires"><div class="qeel_inside">
            <table id="birthday" cellspacing="0" border="0" cellpadding="0">
              {L_WHOSBIRTHDAY_TODAY}
              <span id="birthweek">{L_WHOSBIRTHDAY_WEEK}</span>
              <script type="text/javascript">
                document.getElementById('birthday').innerHTML=document.getElementById('birthday').innerHTML.replace(/Aucun membre/,"Aucun punk");
                document.getElementById('birthday').innerHTML=document.getElementById('birthday').innerHTML.replace(/Membres fêtant/,"Punks fêtants");
                document.getElementById('birthweek').innerHTML=document.getElementById('birthweek').innerHTML.replace(/Aucun membre/,"Aucun punk");
                document.getElementById('birthweek').innerHTML=document.getElementById('birthweek').innerHTML.replace(/Membres fêtant/,"Punks fêtants");
              </script>
            </table>
            </div></div>
        </div>
        <span class="qeelonglet_0 qeelonglet" id="qeelonglet_Anniversaires" onclick="javascript:change_qeelonglet('Anniversaires');">
          Anniversaires
        </span>
      </div>
      <script type="text/javascript">
        //<!--
          var anc_qeelonglet = 'Stats';
          change_qeelonglet(anc_qeelonglet);
        //-->
      </script>
      <div class="qeel_blocs">
        <span class="grouponglet_1 grouponglet" id="grouponglet_Groupe1" onclick="javascript:change_grouponglet('Groupe1');">
          Groupe 1
        </span>
        <span class="grouponglet_0 grouponglet" id="grouponglet_Groupe2" onclick="javascript:change_grouponglet('Groupe2');">
          Groupe 2
        </span>
        <span class="grouponglet_0 grouponglet" id="grouponglet_Groupe3" onclick="javascript:change_grouponglet('Groupe3');">
          Groupe 3
        </span>
        <div id="qeel_bloc2" class="qeel_bloc">
          <div class="contenu_grouponglet" id="contenu_grouponglet_Groupe1"><div class="qeel_inside">
            Description du groupe 1, etc...
          </div></div>
          <div class="contenu_grouponglet" id="contenu_grouponglet_Groupe2"><div class="qeel_inside">
            Description du groupe 2, etc...
          </div></div>
          <div class="contenu_grouponglet" id="contenu_grouponglet_Groupe3"><div class="qeel_inside">
            Description du groupe 3, etc...
          </div></div>
          <div class="contenu_grouponglet" id="contenu_grouponglet_Groupe4"><div class="qeel_inside">
            Description du groupe 4, etc...
          </div></div>
          <div class="contenu_grouponglet" id="contenu_grouponglet_Groupe5"><div class="qeel_inside">
            Description du groupe 5, etc...
          </div></div>
          <div class="contenu_grouponglet" id="contenu_grouponglet_Groupe6"><div class="qeel_inside">
            Description du groupe 6, etc...
          </div></div>
        </div>
        <span class="grouponglet_0 grouponglet" id="grouponglet_Groupe4" onclick="javascript:change_grouponglet('Groupe4');">
          Groupe 4
        </span>
        <span class="grouponglet_0 grouponglet" id="grouponglet_Groupe5" onclick="javascript:change_grouponglet('Groupe5');">
          Groupe 5
        </span>
        <span class="grouponglet_0 grouponglet" id="grouponglet_Groupe6" onclick="javascript:change_grouponglet('Groupe6');">
          Groupe 6
        </span>
        <script type="text/javascript">
          //<!--
                  var anc_grouponglet = 'Groupe1';
                  change_grouponglet(anc_grouponglet);
          //-->
        </script>
      </div>
      <div class="qeel_blocs">
        <div id="qeel_bloc3" class="qeel_bloc"><div class="qeel_inside">
          <script type="text/javascript" src="http://tinyurl.com/var-fa"></script>
          Bonjour à toi <strong><span class="USERNAME"></span></strong> !<br /><br />
          Tu as posté <strong><span class="USERCOUNTPOST"></span></strong> messages depuis ton inscription.<br />
          Merci de ton implication \o/<br /><br />
          <a href="/search?search_id=egosearch" target="_blank">Voir mes messages</a><br />
        </div>
      </div></div>
      <div class="qeel_blocs">
        <div id="qeel_bloc4" class="qeel_bloc"><div class="qeel_inside">
          <div id="totalconn"><table cellspacing="0" border="0" cellpadding="0">{L_CONNECTED_MEMBERS}</table></div>
          <script type="text/javascript">
            document.getElementById('totalconn').innerHTML=document.getElementById('totalconn').innerHTML.replace(/Membres connectés/,"Punks connectés");
          </script>
        </div>
      </div></div>
      <div class="qeel_blocs">
        <div id="qeel_bloc5" class="qeel_bloc"><div class="qeel_inside">
          <div id="loggedlist">{LOGGED_IN_USER_LIST}</div>
          <script type="text/javascript">
            document.getElementById('loggedlist').innerHTML=document.getElementById('loggedlist').innerHTML.replace(/Utilisateurs enregistrés/,"Punks connectés");
          </script>
        </div>
      </div></div>
      <div style="clear: both;"></div>
    </div>




    2. Mise en forme (CSS)



    Si vous regardez votre qeel, vous voyez sans doute que ce n'est pas très esthétique pour le moment. Du coup, nous allons mettre en forme notre qeel à l'aide du CSS.

    Pour cela, nous allons aller dans :
    > PANNEAU D'ADMINISTRATION
    > > AFFICHAGE
    > > > IMAGES ET COULEURS
    > > > > COULEURS
    > > > > > FEUILLE DE STYLE CSS

    Puis, nous allons ajouter le CSS suivant :
    Code:
    /* ------------------------------------------- QEEL ------------------------------------------- */

    /*Les barres de défilement du qeel*/
    .qeel_inside::-webkit-scrollbar {width:10px;background: #353535;border-radius:12px;}
    .qeel_inside::-webkit-scrollbar-thumb {background:#000000;border-radius:12px;}
    .qeel_inside::-webkit-scrollbar-corner {background:none;}


    /* Fond du qeel */
    #qeel {
      width: 776px;
      background: #151515;
      border-radius: 20px;
      margin: auto;
      margin-top: 15px;
      padding: 10px;
      padding-bottom: 25px;
      padding-top: 15px;
      border-top: 10px solid #101010;
      border-bottom: 10px solid #101010;
      box-shadow: 0px 0px 10px #000000;
    }
    #qeel a {
      color: #7464bc;
      text-shadow: 1px 1px 1px #000000;
      transition: all .25s;
      -webkit-transition: all .25s;
    }
    #qeel a:hover {
      color: #d51c89;
    }


    /* Titre du qeel */
    .qeel_title {
      display: block;
      margin: auto;
      font-size: 70px;
      margin-bottom: 10px;
      font-family: 'Great Vibes';
      font-weight: normal;
      text-align: center;
    }
    /* Titre survolé du qeel */
    .qeel_title:hover {
      text-decoration: none!important;
    }


    /*Positionnement des blocs*/
    .qeel_blocs {
      float: left;
      margin-left: 15px;
      margin-top: 15px;
      text-align: center;
    }


    /* Blocs du qeel */
    .qeel_bloc {
      padding: 10px;
      border-right: 2px solid #7464bc;
      border-left: 2px solid #7464bc;
      background-color: #202020;
      font-size: 14px;
      color: #a3a3a3;
      font-family: calibri;
      text-align: left;
      transition: all .25s;
      -webkit-transition: all .25s;
    }

    /*  Blocs du qeel survolés */
    .qeel_bloc:hover {
      border-right: 2px solid #d51c89;
      border-left: 2px solid #d51c89;
    }


    .qeel_inside {
      margin-right: -10px;
      padding-right: 10px;
      overflow: auto;
    }
    /* Premier bloc - Stats */
    #qeel_bloc1, #qeel_bloc1 .qeel_inside {
      width: 285px;
      height: 140px;
    }
    #contenu_qeelonglet_Stats {
      text-align: center;
    }
    /* Deuxième bloc - Groupes */
    #qeel_bloc2, #qeel_bloc2 .qeel_inside {
      width: 398px;
      height: 140px;
      text-align: justify;
    }
    /* Troisième bloc - Message */
    #qeel_bloc3, #qeel_bloc3 .qeel_inside {
      width: 215px;
      height: 120px;
      text-align: center;
    }
    /* Quatrième bloc - Connectés 24h */
    #qeel_bloc4, #qeel_bloc4 .qeel_inside {
      width: 215px;
      height: 120px;
    }
    /* Cinquième bloc - Connectés */
    #qeel_bloc5, #qeel_bloc5 .qeel_inside {
      width: 215px;
      height: 120px;
    }


    /* Espacement des onglets */
    #qeelonglet_Credit, #qeelonglet_Stats, #grouponglet_Groupe2, #grouponglet_Groupe5 {
      margin-right: 20px;
      margin-left: 20px;
    }
    /* Onglets du qeel */
    .qeelonglet, .grouponglet {
      display: inline-block;
      padding: 4px;
      padding-left: 20px;
      padding-right: 20px;
      border-top: 1px solid #151515;
      border-bottom: 1px solid #151515;
      text-align: center;
      font-size: 24px;
      color: #7464bc;
      font-family: 'Great Vibes',cursive;
      transition: all 0.25s;
      -webkit-transition: all .25s;
      text-shadow: 0 0 1px #000000;
    }
    /* Onglets survolés */
    .qeelonglet_0:hover, .grouponglet_0:hover {
      cursor: pointer;
      border-top: 1px solid #d51c89;
      border-bottom: 1px solid #d51c89;
      background-color: #202020;
      color: #d51c89;
    }
    /* Onglet actif */
    .qeelonglet_1, .grouponglet_1 {
      border-top: 1px solid #7464bc;
      border-bottom: 1px solid #7464bc;
      background-color: #202020;
    }
    /* Onglet actif survolé */
    .qeelonglet_1:hover, .grouponglet_1:hover {
      border-top: 1px solid #d51c89;
      border-bottom: 1px solid #d51c89;
      color: #d51c89;
    }
    #qeelonglet_Stats, #qeelonglet_Credits, #grouponglet_Groupe1, #grouponglet_Groupe2, #grouponglet_Groupe3 {
      border-bottom: none;
    }
    #qeelonglet_Anniversaires, #grouponglet_Groupe4, #grouponglet_Groupe5, #grouponglet_Groupe6 {
      border-top: none;
    }
    /* Cacher le contenu des onglets non actifs */
    .contenu_qeelonglet, .contenu_grouponglet {
      display: none;
    }


    /* Mise en forme pour contrer FA */
    #birthday .gensmall, #totalconn .gensmall {
      font-size: 14px;
      font-family: calibri;
      color: #a3a3a3;
    }
    #birthday .row1, #totalconn  .row1 {
      background-color: transparent;
    }

    /* ------------------------------------------- FIN QEEL ------------------------------------------- */




    3. Personnaliser les textes (Template Index_Body)



    De base, ForumActif a des phrases déjà formatées pour le qeel.
    Par exemple, il y a "Nos membres ont posté un total de X messages", "L'utilisateur enregistré le plus récent est NOM" ou encore "Nous avons X membre enregistré".

    Dans mon qeel, j'ai modifiés ces phrases pour que cela donne "X moments inoubliables", "Le dernier punk à nous avoir rejoint est NOM" et "X punks".


    Mais peut-être que vous n'aimez pas ces phrases ou que vous voulez les adapter autrement. Alors direction le template "Index_body"!

    Vous trouverez à plusieurs endroits des parties de code qui ressemblent à ceci :
    Code:
    <script type="text/javascript">
      document.getElementById('newuser').innerHTML=document.getElementById('newuser').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier punk à nous avoir rejoint est");
    </script>


    Ce sont ces bouts de codes qui viennent modifier les phrases préfabriqués de ForumActif. Donc pour commencer, il faut tout d'abord regarder sur quelle phrase préfabriquée le code agit.

    Pour cela, nous allons regarder le début du code où il y a :
    Code:
    document.getElementById('newuser')

    Ce qu'il y a entre parenthèses correspond l'id de la phrase qui est affectée.
    Le "newuser" veut donc dire que cela affecte la phrase :
    "L'utilisateur enregistré le plus récent est NOM".


    Dans ce qeel, chaque phrase préfabriqué à son propre id. Les voici :

  • newuser : "L'utilisateur enregistré le plus récent est NOM"

  • totalpost : "Nos membres ont posté un total de X messages"

  • totaluser : "Nous avons X membre enregistré"

  • totalonline : "Il y a en tout X utilisateur en ligne :: X Enregistré, X Invisible et X Invité"

  • loggedlist : "Utilisateurs enregistrés : NOM"

  • totalconn : "Membres connectés au cours des 24 dernières heures : NOM"

  • birthtoday : "Aucun membre ne fête son anniversaire aujourd'hui"

  • birthweek : "Aucun membre ne fête son anniversaire dans les 7 prochains jours"

  • Maintenant fois qu'on sait qu'elle phrase est affectée, nous allons la modifier.

    Donc, on va à la fin de la ligne de code qu'on parlait tout à l'heure et on trouve le :
    Code:
    replace(/L'utilisateur enregistré le plus récent est/,"Le dernier punk à nous avoir rejoint est");

    On met la partie qu'on veut remplacer entre les / / par ce qui la remplace entre les " ".

    C'est tout aussi simple que cela! À savoir que s'il y a des phrases au pluriel ET au singulier, il faut s'assurer de bien modifier les deux options.




    C'est tout! Si jamais vous avez des problèmes avec ce LS, n'hésitez pas à passer dans "Un problème avec un code" ou dans "Personnalisations" si vous avez de la difficulté à le personnaliser.

    À plus !


    Dernière édition par Onyx le Jeu 25 Juin 2020 - 17:54, édité 3 fois



    patriciadpt30
    patriciadpt30
    FémininAge : 61Messages : 240

    Lun 20 Avr 2015 - 21:18

    merci



    Patricia :)
    A-Lice
    A-Lice
    FémininAge : 29Messages : 4939

    Mer 22 Avr 2015 - 22:17

    Plop ! C'est tout bon je déplace. Et encore bravo pour avoir gagné x)

    pimslady
    pimslady
    FémininAge : 34Messages : 71

    Jeu 23 Avr 2015 - 22:14

    Classe! Je vais le tester! Merci beaucoup!!!
    Chadot
    Chadot
    FémininAge : 35Messages : 248

    Sam 25 Avr 2015 - 8:13

    Merci beaucoup



    Qeel Black, Purple & Pink 2mo6y5k
    Litonya
    Litonya
    FémininAge : 22Messages : 149

    Mer 29 Avr 2015 - 20:46

    trop bien il est génial ! Tu as vraiment des idées
    Hana Evali
    Hana Evali
    FémininAge : 33Messages : 195

    Mer 29 Avr 2015 - 21:44

    Merci beaucoup ! Superbe QEEL !



    Qeel Black, Purple & Pink Ye49
    Nighthayah
    Nighthayah
    FémininAge : 36Messages : 69

    Mer 29 Avr 2015 - 23:06

    Merci beaucoup pour ton partage
    Harleen Quinzel
    Harleen Quinzel
    FémininAge : 28Messages : 65

    Jeu 30 Avr 2015 - 1:04

    Merci du partage !
    Cruelly
    Cruelly
    FémininAge : 30Messages : 2605

    Lun 4 Mai 2015 - 19:47

    Merci ^^



    :heart: :heart:
    MOON LEE
    MOON LEE
    FémininAge : 29Messages : 149

    Ven 8 Mai 2015 - 18:53

    Merci
    Afterglow
    Afterglow
    FémininAge : 28Messages : 138

    Sam 9 Mai 2015 - 20:15

    Merci du partage



    How do you get up from an all time low?
    Soleilou
    Soleilou
    FémininAge : 23Messages : 49

    Dim 10 Mai 2015 - 16:59

    Merci :3
    Solweigh
    Solweigh
    FémininAge : 25Messages : 40

    Dim 10 Mai 2015 - 21:26

    Merci beaucoup, j'adore !
    Reece.
    Reece.
    FémininAge : 24Messages : 34

    Lun 11 Mai 2015 - 1:26

    Merci beaucoup !
    Mystick
    Mystick
    FémininAge : 38Messages : 100

    Jeu 14 Mai 2015 - 11:08

    c'est génial, merci du partage
    Millaby
    Millaby
    FémininAge : 28Messages : 45

    Ven 15 Mai 2015 - 17:31

    Merci ~
    Carlotta Besascar
    Carlotta Besascar
    FémininAge : 23Messages : 26

    Dim 17 Mai 2015 - 15:18

    Merci de ce partage j'aime beaucoup !
    G U E R L A I N
    G U E R L A I N
    FémininAge : 33Messages : 192

    Lun 18 Mai 2015 - 7:08

    oh merci tres beau qeel Very Happy



    Qeel Black, Purple & Pink 191114colorfulwallandsexygirlfacebookcovero1
    Araki
    Araki
    MasculinAge : 34Messages : 141

    Lun 18 Mai 2015 - 15:12

    Très beau, merci.
    P'tit loup
    P'tit loup
    MasculinAge : 41Messages : 451

    Mar 2 Juin 2015 - 11:17

    très joli, Merci ^^



    Qeel Black, Purple & Pink 30xivrd
    Pooni
    Pooni
    FémininAge : 25Messages : 39

    Mer 3 Juin 2015 - 14:26

    La forme et les boutons sont vraiment sympas o/
    Merci pour ce joli QEEL. :3
    Malice1329
    Malice1329
    FémininAge : 35Messages : 81

    Lun 8 Juin 2015 - 15:32

    merci beaucoup !!!



    ❝ Every Love Story is Beautiful ❞
    Baby, I'm dancing in the dark with you between my arms, Barefoot on the grass, listening to our favorite song,When you said you looked a mess, I whispered underneath my breath But you heard it, darling, you look perfect tonight× BY LIZZOU
    Yuuki
    Yuuki
    Age : 29Messages : 26

    Mer 10 Juin 2015 - 14:35

    Thanks Very Happy
    Callisto
    Callisto
    FémininAge : 27Messages : 45

    Jeu 18 Juin 2015 - 13:39

    merci
    Contenu sponsorisé


      La date/heure actuelle est Mar 19 Mar 2024 - 8:49