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 : -68%
-68% Bougie Bijou à 12,90€ ...
Voir le deal
12.90 €

    QEEL «Untold» • Groupes en onglets et boites simples

    'Christa
    'Christa
    FémininAge : 39Messages : 193

    Dim 15 Mar 2015 - 22:48

    Structure de Qui Est En Ligne
    Nom de code : Untold



    Introduction


    Informations générales


    • Date de création : Mars 2015
    • Type de contenu : Structure de Qui Est En Ligne pour forum de ForumActif utilisant un thème en version phpbb2
    • Origine : Ce QEEL a été créé suite à une demande de Anarchy Rose.
    • Démonstration : Jetez un coup d'oeil à la page de démonstration !

    Vous n'avez pas besoin de répondre à ce message pour pouvoir voir les codes, mais un remerciement est la moindre des choses Wink

    Spécifications


    • Affiche les statistiques du forum : nombre de messages, nombre de membres, dernier membre inscrit, membres connectés ;
    • Affiche le record du nombre d'utilisateurs en ligne ;
    • Affiche la liste des membres connectés au cours des 24/48/xx dernières heures ;
    • Possibilité de rajouter une image au dessus du QEEL (celle que vous uploadez dans votre panneau d'administration) à condition de modifier une ligne du CSS ;
    • Affiche trois groupes sous forme d'image et une description associée quand on survole leur image (ces images ne sont pas cliquables) ;
    • Quand aucun des trois groupes n'est survolé, un texte par défaut est affiché ;
    • Affiche quatre (ou plus) icones sous le QEEL, par exemple pour lister le staff du forum ;
    • Les anniversaires ne sont PAS inclus ;
    • Les statistiques de la chatbox ne sont PAS incluses ;
    • Ce code n'utilise aucun tableau, tous les éléments sont flottants. Il est par conséquent relativement adapté aux supports mobiles, pour peu que le reste de votre forum le soit.

    Règles d'utilisation


    Ce n'est pas parce que je propose mes codes en libre service que vous pouvez faire n'importe quoi avec ; n'oublions pas qu'ils restent le fruit de mon travail ! Merci donc de respecter les quelques règles qui suivent.

    • Vous pouvez éditer ce code à votre convenance ;
    • Vous ne pouvez pas redistribuer ce code sur un autre forum, quel qu'il soit, même si vous l'avez modifié ;
    • Vous devez impérativement laisser mes crédits, même après modification (vous pourrez évidemment ajouter "personnalisé par (pseudo)") ;
    • L'usage de ce code est autorisé pour un usage strictement personnel et non commercial ;
    • En aucun cas vous ne pouvez utiliser ce code sur un forum faisant la promotion du racisme, de la xénophobie, de l'homophobie, de la pédophilie, de la pornographie, du warez et de tout autre contenu de nature discriminatoire ou illégale. Cette interdiction s'applique également aux forums RPG dits "Hentai/Yaoi/Yuri" (RPG érotique) qui ne mettent pas en place les mesures minimales de protection contre les mineurs (contenu sensible caché aux visiteurs, avertissement clair et visible à l'inscription et sur l'accueil, et pas de personnages mineurs)
    • Merci d'ajouter un lien retour vers Never Utopia sur votre forum (dans une section crédits par exemple) si vous utilisez ce QEEL.


    Script JS à installer


    Allez dans votre panneau d'administration, onglet Modules puis dans Gestion des Codes Javascript. Assurez-vous que la gestion du javascript est activée, puis créez une nouvelle page javascript en y collant le code qui va suivre. Pensez aussi à cocher la case sur l'index.

    Code:
    $(document).ready(function() {
        $('#onglet_defaut').show().siblings().hide();
        $('.lmqeel__gr-onglets a').hover(
            function () {
                idOnglet = $(this).attr('href');
                $(idOnglet).show().siblings().hide();
            },function(){
                $('#onglet_defaut').show().siblings().hide();
            }
        );
    });


    Édition du template index_body


    Rendez-vous dans votre panneau d'administration, onglet Affichage puis dans le menu Templates » Général et ouvrez le template index_body.

    Code du QEEL


    Cherchez les commentaires suivants :
    Code:
    <!-- BEGIN disable_viewonline -->
    Code:
    <!-- END disable_viewonline -->
    N'y touchez pas, mais supprimez tout ce qui se trouve entre les deux.

    Puis remplacez ce que vous avez supprimé par le code qui suit :
    Code:
    <!-- [ CREDITS ]
    =========================================================
    Template QEEL par 'Christa Lostmindy
    Réalisé pour Untold sur Never Utopia le 08.03.2015
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Utilisation personnelle et non commerciale autorisée
    Modification autorisée sous réserve de crédits
    Redistribution strictement interdite
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Il est strictement interdit de retirer
    les crédits présents dans ce code.
    =========================================================
    -->


    <div class="lmqeel">

        <div class="lmqeel__img"><img src="{L_ONLINE_IMG}" id="i_whosonline" alt="{L_WHO_IS_ONLINE}" /></div>

        <div class="lmqeel__titre">
            <!-- BEGIN switch_viewonline_link -->
            <a href="{U_VIEWONLINE}" rel="nofollow" class="whosonline">{L_WHO_IS_ONLINE}</a>
            <!-- END switch_viewonline_link -->

            <!-- BEGIN switch_viewonline_nolink -->
            <span class="whosonline">{L_WHO_IS_ONLINE}</span>
            <!-- END switch_viewonline_nolink -->

            <div class="lmqeel__credits">
                <a href="https://www.never-utopia.com/t54285-">©<span>QEEL par 'Christa Lostmindy, réalisé sur Never Utopia <br />• Redistribution interdite •<br /> Modification autorisée sous condition de crédits</span></a>
            </div>
        </div>

        <div class="lmqeel__contenu">

            <div class="lmqeel__blocstats border--blue">
                <div class="lmqeel__24htitre">24 heures</div>
                <div class="lmqeel__24hcontent lmqeel__scrollingbox">
                    <table class="deBug" align="center">{L_CONNECTED_MEMBERS}</table>
                </div>
            </div>

            <div class="lmqeel__blocstats lmqeel__scrollingbox border--green">
                <div class="lmqeel__statscontent">
                    <span class="gensmall">{TOTAL_USERS}. {NEWEST_USER}. {TOTAL_POSTS}</span>
                    <br />
                    <br />
                    <span class="gensmall">
                        {TOTAL_USERS_ONLINE}<br />
                        {RECORD_USERS}<br />
                        <br />
                        {LOGGED_IN_USER_LIST}
                    </span>
                </div>
            </div>

            <div class="lmqeel__groupes">

                <h3 class="lmqeel__gr-titre">Les groupes</h3>

                <div class="lmqeel__gr-onglets">
                    <!-- IMAGES POUR CHAQUE GROUPE -->
                    <a href="#onglet_gr_1"><img src="https://i.servimg.com/u/f38/18/92/45/75/bleu10.png" alt="groupe_bleu"/></a>
                    <a href="#onglet_gr_2"><img src="https://i.servimg.com/u/f38/18/92/45/75/rouge10.png" alt="groupe_rouge"/></a>
                    <a href="#onglet_gr_3"><img src="https://i.servimg.com/u/f38/18/92/45/75/jaune10.png" alt="groupe_jaune"/></a>
                    <!-- [FIN] IMAGES POUR CHAQUE GROUPE -->
                </div>

                <div class="lmqeel__gr-desc">
                    <!-- DESCRIPTION> DES GROUPES -->
                    <div id="onglet_defaut">
                        <h4>titre ♘ titre ♘ titre</h4>
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium animi culpa dolor dolorem
                        doloribus earum eum facere in, ipsam laudantium nemo nihil placeat, quis repellat voluptatibus.
                        Cupiditate quia repellendus voluptas.
                    </div>
                    <div id="onglet_gr_1">
                        <h4>titre ♘ titre ♘ titre</h4>
                        Alias asperiores, aut corporis deleniti dolorum eaque explicabo illum in inventore ipsa iste
                        iusto laudantium maiores minus nemo neque non odit optio quaerat, repellendus rerum sed suscipit
                        tempore velit voluptatem.
                    </div>
                    <div id="onglet_gr_2">
                        <h4>titre ♘ titre ♘ titre</h4>
                        Aperiam at commodi cumque deleniti, dicta dolore earum id ipsa nulla odio quae veritatis,
                        voluptatum. Commodi, cupiditate doloremque earum esse et harum ipsum, odit, pariatur recusandae
                        sint sit ut velit.
                    </div>
                    <div id="onglet_gr_3">
                        <h4>titre ♘ titre ♘ titre</h4>
                        Cum earum error facilis iusto magnam mollitia numquam! Accusantium asperiores at atque deserunt
                        dolor dolorem enim eveniet explicabo laboriosam nesciunt nobis quaerat quasi, repudiandae sed
                        temporibus ullam voluptate? Nemo, quasi?
                    </div>
                    <!-- [FIN] DESCRIPTIONS DES GROUPES -->
                </div>
            </div>

        </div>

        <div class="lmqeel__pied">
            <ul class="lmqeel__staff">
                <!-- IMAGES SOUS LE QEEL -->
                <li><img src="https://i.servimg.com/u/f38/18/92/45/75/staff10.png" alt="staff"/></li>
                <li><img src="https://i.servimg.com/u/f38/18/92/45/75/staff10.png" alt="staff"/></li>
                <li><img src="https://i.servimg.com/u/f38/18/92/45/75/staff10.png" alt="staff"/></li>
                <li><img src="https://i.servimg.com/u/f38/18/92/45/75/staff10.png" alt="staff"/></li>
                <!-- IMAGES SOUS LE QEEL -->
            </ul>
        </div>

    </div>


    La feuille de styles


    Rendez-vous dans votre panneau d'administration, onglet Affichage, puis dans le menu Images et couleurs » Couleurs et enfin cliquez sur l'onglet Feuille de styles CSS. Dans le champ de texte, à la suite du code CSS existant s'il y en a, collez le code qui suit.
    Code:
    /* [CREDITS]
    ==========================================================
    Template QEEL par 'Christa Lostmindy
    Réalisé pour Untold sur Never Utopia le 08.03.15
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Utilisation personnelle et non commerciale autorisée
    Modification autorisée sous réserve de crédits
    Redistribution strictement interdite
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Il est strictement interdit de retirer
    les crédits présents dans ce code.
    ==========================================================
    */

    /****************************************
    /* MISE EN FORME GENERALE
    /****************************************/

    /* mise en page générale */
    .lmqeel { box-sizing: border-box; }
    .lmqeel * { box-sizing:inherit; }

    /* Image du QEEL, invisible par défaut */
    .lmqeel__img {
        display:none;
        text-align:center;
    }

    /****************************************
    /* BLOC DE TITRE DU QEEL
    /****************************************/

    /* Mise en forme du bloc contenant le titre "qui est en ligne" */
    .lmqeel__titre{
        background:url('https://2img.net/s/t/20/02/76/i_back_catg.png');
        padding:5px;
        text-align:center;
        position:relative;
    }

    /* Mise en forme du texte du titre "qui est en ligne" */
    .lmqeel__titre .whosonline {
        font-family:Georgia, Times New Roman, Times, serif;
        text-transform: uppercase;
        font-size:30px;
        text-shadow: 1px 2px 0 #9DCCCC;
        color:white;
        font-weight:bold;
        text-decoration:none;
    }

    /*
    Affichage des crédits du QEEL
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    .lmqeel__credits {
        /* ~~ Un fond arrondi */
        background: rgba(255, 255, 255, 0.31);
        border-radius:100px;
        padding:0 5px 2px 5px;
        /* ~~ Position en haut à droite du titre du QEEL */
        position:absolute;
        top:25%;
        right:5px;
        /* ~~ Mise en forme du :copyright: */
        font-size:14px;
        font-weight:bold;
        color: #2e5ba2;
        cursor:help;
    }

    .lmqeel__credits a { text-decoration:none;}

    /* La bulle des crédits */
    .lmqeel__credits  a > span {
        /* ~~ Positionnement */
        position: absolute;
        display: block;
        top:120%;
        right: 0;
        width: 200px;
        opacity: 0; /* important */
        /* ~~ Mise en forme du bloc */
        background: #000000;
        padding: 2px;
        /* ~~ Mise en forme du texte */
        color: #ffffff;
        font-size:10px;
        /* ~~ Animation */
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        transform: scale(0) rotate(12deg);
    }

    /* La petite flèche */
    .lmqeel__credits  a > span:after {
        /* ~~ Réglage général, ne pas toucher */
        display: block;
        content: " ";
        width: 0;
        border-width: 0 5px 8px 5px;
        border-color: transparent;
        border-style: solid;
        position: absolute;
        top: -8px;
        right: 5px;
        /* ~~ couleur de la flèche */
        border-bottom-color:#000;
    }

    /* Affichage des crédits au survol */
    .lmqeel__credits:hover a > span,
    .lmqeel__credits:focus a > span {
        z-index: 500;
        opacity: 1;
        transform: scale(1) rotate(0);
        cursor: default;
    }

    /****************************************
    /* CONTENU PRINCIPAL DU QEEL
    /****************************************/

    .lmqeel__contenu{
        background-color:#F5F5F5;
        padding:5px;
        padding-bottom:10px;
    }

    .lmqeel__contenu:after {
        display:table;
        content:"";
        clear:both;
    }

    /*
    ZONE DES GROUPES
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


    .lmqeel__groupes { }

    /* Titre "les groupes" */
    .lmqeel__gr-titre {
        text-transform: uppercase;
        color:#A1DD8E;
        font-weight:bold;
        text-align:center;
        font-size:20px;
        margin: 10px 0;
    }

    /* Bloc contenant les onglets (images de groupes) */
    .lmqeel__gr-onglets {
        float:left;
        width:100px;
        text-align:center;
        margin-right:2px;
    }

    .lmqeel__gr-onglets a {
        display:block;
        margin:4px auto;
    }

    /* Un petit curseur au survol des groupes */
    .lmqeel__gr-onglets a:hover {
        cursor:help;
    }

    /* Bloc contenant la description d'un groupe */
    .lmqeel__gr-desc {
        /* ~~ Réglages */
        overflow:auto; /* block formatting context */
        /* ~~ Mise en forme du conteneur */
        border:solid #D9D9D9;
        border-width:0 3px;
        height:100px;
        width:auto;
        background-color:#F9F9F9;
        border-radius: 10px;
        /* ~~ Mise en forme du texte */
        font-size: 11px;
        letter-spacing: 0;
        text-align: justify;
        line-height: 12px;
        padding:5px 10px;
    }

    .lmqeel__gr-desc > div {
        padding:5px;
    }

    /* Titres des descriptions de groupes */
    .lmqeel__gr-desc h4 {
        margin:0;
        text-transform:uppercase;
        text-shadow: 1px 1px 1px white;
        color: #EC7D7D;
        text-align:justify;
        font-weight: bold;
        font-style: italic;
        letter-spacing: -1px;
    }

    /*
    ZONE DES STATISTIQUES
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

    /* Blocs contenant les statistiques */
    .lmqeel__blocstats {
        margin-top:10px;
        margin-left:5px;
        float:right;
        width:18%;
        position:relative;
        height:150px;
    }

    /* bordures des blocs de statistiques */
    .border--green { border:3px solid #B9F095; }
    .border--blue {  border:3px solid #ADD8D8; }

    /* effet scrolling vertical pour les blocs de statistiques */
    .lmqeel__scrollingbox {
        height:150px;
        overflow-y : auto;
    }
    /* fix : hauteur du bloc contenant la liste des 24h, pour intégrer le titre */
    .lmqeel__24hcontent { height:125px; }


    /* Petit padding pour les blocs de statistiques */
    .lmqeel__statscontent, .lmqeel__24hcontent {
        padding:4px;
    }

    /* Titre "24 heures" */
    .lmqeel__24htitre {
        /* ~~ Positionnement */
        position:absolute;
        bottom:0;
        right:0;
        /* ~~ Mise en forme conteneur */
        width:100%;
        padding:2px;
        background:#ADD8D8;
        /* ~~ Mise en forme du texte */
        text-align:right;
        color:white;
        font-weight:bold;
        font-size:11px;
        font-family: Georgia, Times New Roman, Times, serif;
    }

    /* FIX : Affichage de la liste des 24h */
    .deBug {border-collapse: collapse;}
    .deBug td { background-color: transparent; padding:0;}

    /****************************************
    /* BLOC DE PIED DU QEEL
    /****************************************/

    /*
    Réglages généraux
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .lmqeel__pied{
        padding-top:10px;
    }

    /*
    Affichage des boutons/images du staff
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .lmqeel__staff {
        list-style: none;
        margin:0 auto;
        padding:0;
        width:100%;
        text-align:center;
    }

    .lmqeel__staff li {
        box-sizing:border-box;
        display:inline-block;
        text-align:center;
        vertical-align:top;
        padding:0 5px;
    }

    /*************************************
    /* REGLAGES AFFICHAGE RESPONSIVE
    /************************************* */
    @media screen and (max-width:640px) {
        .lmqeel__gr-onglets { float : none; width:auto;}
        .lmqeel__gr-onglets a { display:inline-block;}
        .lmqeel__blocstats { float:none;width:auto;min-height:20px;height:auto;}

        /* Suppression du bloc de description des groupes : sur un support mobile, les éléments au survol ne marchent pas */
        .lmqeel__gr-desc {display:none;}
    }

    /* ==========================================================
    FIN DU CSS DU QEEL
    Template QEEL par 'Christa Lostmindy
    Réalisé pour Untold sur Never Utopia le 08.03.15
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    Il est strictement interdit de retirer
    les crédits présents dans ce code.
    ============================================================= */
    L'essentiel du code a été commenté pour vous aider à savoir quoi modifier, tant que vous avez quelques bases en CSS.


    Comment faire pour...


    Modifier la liste des groupes


    Pour modifier la liste des groupes, trouvez le bloc de code suivant :
    Code:
                <div class="lmqeel__gr-onglets">
                    <!-- IMAGES POUR CHAQUE GROUPE -->
                    <a href="#onglet_gr_1"><img src="https://i.servimg.com/u/f38/18/92/45/75/bleu10.png" alt="groupe_bleu"/></a>
                    <a href="#onglet_gr_2"><img src="https://i.servimg.com/u/f38/18/92/45/75/rouge10.png" alt="groupe_rouge"/></a>
                    <a href="#onglet_gr_3"><img src="https://i.servimg.com/u/f38/18/92/45/75/jaune10.png" alt="groupe_jaune"/></a>
                    <!-- [FIN] IMAGES POUR CHAQUE GROUPE -->
                </div>

    Vous voyez une série de trois liens contenant une image, ce sont les fameux groupes. Le code a été conçu pour seulement trois images de cette taille précise, mais si vous vous sentez capables de le faire vous pouvez rajouter d'autres liens de la même façon avant le </div> final. Il vous suffit de rajouter une ligne de ce genre :
    Code:
    <a href="#onglet_gr_X"><img src="URL_IMAGE_GROUPE" alt="NOM DU GROUPE" /></a>

    Vous devez remplacer le X de onglet_gr_X par le numéro de votre onglet (4, 5, 6, etc), URL_IMAGE_GROUPE par le lien de votre image et NOM DU GROUPE par le nom de votre groupe.

    Ces liens ne servent qu'à faire fonctionner le système d'onglets, vous ne pouvez pas faire un lien vers une page du forum (celle du groupe concerné par exemple). Pensez-y avant de faire des modifications inapropriées !

    Modifier les descriptions des groupes


    Pour éditer les descriptions des groupes ainsi que le texte "par défaut" qui apparait quand aucun groupe n'est survolé, c'est la section suivante du code. Chaque "bloc" de description se présente sous cette forme :
    Code:
                    <div id="onglet_gr_X">
                        <h4>Un titre</h4>
                        Votre contenu textuel.
                    </div>

    Chaque onglet a un identifiant (attribut id) qui correspond à un des liens de la liste des groupes. Le premier, celui qui apparait par défaut, est identifié par onglet_defaut. Vous pouvez modifier leur contenu à votre guise. Si vous souhaitez rajouter d'autres groupes, vous n'avez qu'à reproduire le code en modifiant l'identifiant.


    Modifier le texte "24h" (pour remplacer par 48h ou autre)


    Cherchez la ligne suivante dans le code et changez "24 heures" par la durée de votre choix :
    Code:
    <div class="lmqeel__24htitre">24 heures</div>
    Attention à ne pas changer le nom de la classe ! (Je préviens, on ne sait jamais XD).

    Modifier les images sous le QEEL


    Vous pouvez changer à votre guise les images qui apparaissent sous le QEEL, repérez simplement ce bloc de code :
    Code:
        <div class="lmqeel__pied">
            <ul class="lmqeel__staff">
                <!-- IMAGES SOUS LE QEEL -->
                <li><img src="https://i.servimg.com/u/f38/18/92/45/75/staff10.png" alt="staff"/></li>
                <li><img src="https://i.servimg.com/u/f38/18/92/45/75/staff10.png" alt="staff"/></li>
                <li><img src="https://i.servimg.com/u/f38/18/92/45/75/staff10.png" alt="staff"/></li>
                <li><img src="https://i.servimg.com/u/f38/18/92/45/75/staff10.png" alt="staff"/></li>
                <!-- IMAGES SOUS LE QEEL -->
            </ul>
        </div>
    Chaque image est incluse dans un élément de liste (d'où les balises <li>...</li>), faites attention à ne pas les supprimer en modifiant votre code. Au final, quand vous souhaitez modifier ou rajouter une image/bouton, votre code doit ressembler à ceci :
    Code:
    <li> VOTRE CONTENU ICI </li>
    En principe, vous pouvez mettre du texte, des images, des liens, ce que vous voulez, mais idéalement mieux vaut que ces différents contenus soient de même dimensions !

    Afficher l'image du QEEL


    Par défaut, l'image du QEEL est cachée. Pour pouvoir l'afficher, il vous suffit simplement d'éditer cette partier du code de la feuille de styles CSS :
    Code:
    .lmqeel__img {
        display:none;
        text-align:center;
    }
    Supprimez simplement la ligne display:none; et enregistrez votre modification.


    Mettre un crédit vers Never-Utopia est obligatoire. Retirer un crédit est interdit.
    Si vous avez des problèmes avec ce LS, venez poster ici.
    Merci de laisser un message pour donner vos impressions, commentaires et/ou remerciements ^^


    Dernière édition par 'Christa le Dim 13 Sep 2020 - 1:09, édité 3 fois
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Dim 15 Mar 2015 - 23:00

    Fais attention à l'endroit où tu postes x) Ici c'est pour les messages.
    Mais c'est pas grave, je déplace !

    'Christa
    'Christa
    FémininAge : 39Messages : 193

    Dim 15 Mar 2015 - 23:03

    Désolée, pour ma défense je suis arrivée dans cette section en cliquant sur le lien donné dans le sujet d'explication des LS qui figure dans la section des QEEL XD Je n'ai pas réfléchi davantage :p
    A-Lice
    A-Lice
    FémininAge : 30Messages : 4939

    Dim 15 Mar 2015 - 23:16

    Effectivement :hum: J'vais faire modifier ça xD

    Anarchy Rose
    Anarchy Rose
    FémininAge : 29Messages : 60

    Lun 16 Mar 2015 - 9:17

    Waw merci il est subliiiiime :love: :love:
    Screen
    Screen
    FémininAge : 32Messages : 92

    Mar 17 Mar 2015 - 13:30

    merciiii
    Nihil Scar Winspeare
    Nihil Scar Winspeare
    Messages : 5244

    Mar 17 Mar 2015 - 16:03

    Merci pour ton partage ♥ (et bravo pour l'effort d'avoir tout bien expliqué Very Happy !)

    hirondelle
    hirondelle
    FémininAge : 35Messages : 134

    Dim 29 Mar 2015 - 18:28

    Merci beaucoup :)
    Grande
    Grande
    FémininAge : 36Messages : 207

    Mar 31 Mar 2015 - 1:43

    Joli travail =D



    QEEL «Untold» • Groupes en onglets et boites simples 171074gwenj10
    Itah
    Itah
    FémininAge : 34Messages : 27

    Mar 31 Mar 2015 - 19:36

    J'aime beaucoup, c'est à la fois simple et concis et très joli. Merci du partage, ton travail est toujours aussi efficace!
    Hachi♥
    Hachi♥
    FémininAge : 22Messages : 163

    Sam 18 Avr 2015 - 19:19

    Michi ♥
    Hebi
    Hebi
    FémininAge : 30Messages : 73

    Dim 3 Mai 2015 - 18:27

    Merci aussi bien à toi pour la réalisation qu'à Anarchy Rose pour la commande, l'idée est toute simple mais c'est ce qui le rend si beau !
    SPLEEN.OCEAN
    SPLEEN.OCEAN
    FémininAge : 28Messages : 11

    Mar 5 Mai 2015 - 15:46

    Du trés beau travail, merci beaucoup du partage. Je pense l'utiliser prochainement sur mon forum. (Je n'oublierais pas de créditer :bisou: )
    summerby
    summerby
    FémininAge : 30Messages : 36

    Sam 9 Mai 2015 - 14:40

    MAGNIFIQUE
    avatar
    Ge.
    FémininAge : 34Messages : 21

    Sam 9 Mai 2015 - 18:34

    Merci beaucoup du partage !
    Angy38
    Angy38
    FémininAge : 54Messages : 233

    Lun 25 Mai 2015 - 15:41

    Merci



    QEEL «Untold» • Groupes en onglets et boites simples Jvie
    Free-hugs
    Free-hugs
    FémininAge : 28Messages : 9

    Dim 14 Juin 2015 - 23:31

    Merci :)
    TiGraou
    TiGraou
    MasculinAge : 31Messages : 243

    Mer 17 Juin 2015 - 16:19

    Merci
    kreou
    kreou
    FémininAge : 34Messages : 50

    Jeu 18 Juin 2015 - 18:02

    c'est magnifique, sobre et efficace ! merci beaucoup !
    Geniustyx
    Geniustyx
    FémininAge : 26Messages : 31

    Ven 26 Juin 2015 - 12:35

    merci :3
    Dacota.
    Dacota.
    FémininAge : 30Messages : 39

    Mar 30 Juin 2015 - 18:00

    Super merci Very Happy Je vais pouvoir m'en servir pour mon forum :)
    avatar
    Løve
    MasculinAge : 29Messages : 189

    Ven 3 Juil 2015 - 10:30

    Merci beaucoup !
    naah
    naah
    MasculinAge : 30Messages : 80

    Ven 3 Juil 2015 - 19:56

    Super réussi *applaudit*
    Joh.A
    Joh.A
    FémininAge : 31Messages : 8

    Jeu 9 Juil 2015 - 17:08

    Très beau :)
    Nerria
    Nerria
    FémininAge : 27Messages : 44

    Sam 1 Aoû 2015 - 15:08

    Il est superbe, tout simple mais superbe ! Merci du partage !
    Contenu sponsorisé


      La date/heure actuelle est Ven 13 Déc 2024 - 16:23