Vous n'êtes pas connecté. Connectez-vous ou enregistrez-vous

    Demande pour Populuss

    Valou712
    Valou712
    Habitant
    Habitant
    Féminin
    Âge : 37
    Messages : 196
    Date d'inscription : 05/12/2015
    • https://station19france.blogspot.com/

    Demande pour Populuss le Mer 23 Sep - 13:52

    Bonjour, tout d'abord un grand merci à la personne qui s'occupera de ma commande, j'ai vraiment pas l'habitude d'en passer donc j'espère ne rien oublier !

       Nom de votre forum : Populuss
       Lien du forum : https://populuss.forumactif.com/
       Type de demande (message d'accueil, template, fiche publicitaire...) : Maquette (PA + Catégories + QEEL)
       Version de votre forum (mettez un X) : [] phpBB2 | [] phpBB3 | [] PunBB | [] Invision | [x]  ModernBB
       Schéma de ce que vous voulez :
    PA : https://zupimages.net/up/20/39/w0iv.jpg
    Catégories : https://zupimages.net/up/20/39/6o7a.jpg
    QEEL : https://zupimages.net/up/20/39/7lkh.jpg
       Images à insérer :
    PA Partenaires : https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg
    PA Staff : https://zupimages.net/up/20/39/o4bg.jpg

       Code des couleurs :
    Fond : #fff1d3
    Marron : #9a6a04
    Orange (PA) : #dcb35b
    Beige (le rond dans la catégorie qui correspond à "pas de nouveau message") : #ffe09f
    Orange (le rond dans la catégorie qui correspond à "nouveau message") : #ffaf00

       Autres : Largeur 850px

    Encore merci et bonne fin de journée !
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mer 23 Sep - 14:53

    Coucou @Valou712 Smile

    Bah alors ! Tu as tout oublié de la formation de codage sur la Tambouille ? :p

    Ahem... C'est moi qui vais m'occuper de la demande mais pas avant mardi (je suis en vacances pour le moment et je passe en vitesse du portable pendant la sieste de la petite et du papa ^^).

    Tout me semble ok Smile Est-ce que vous avez des envies d'animation ? Si oui, lesquelles ?

    Sur le codage des catégories, le petit rond en haut à gauche ça correspond à "pas de nouveaux messages", et "nouveaux messages" ?




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Valou712
    Valou712
    Habitant
    Habitant
    Féminin
    Âge : 37
    Messages : 196
    Date d'inscription : 05/12/2015
    • https://station19france.blogspot.com/

    Re: Demande pour Populuss le Mer 23 Sep - 19:11

    Salut @Miettes !

    Noooon j'ai pas oublié ! J'avoue que j'ai du mal à trouve "ma manière" de coder du coup je mets beaucoup de temps pour faire les choses, (c'est vrai que j'aurai pu faire la PA mais j'aurai mis beaucoup de temps à la faire) et côté templates je ne me suis pas encore penchée dessus ! (mais j'y travaille)

    Sinon pour répondre à tes questions :

    - côté animation, j'en voudrais bien une sur la PA au niveau du staff quand on passe sur l'avatar elle baisse en opacité et on voit le Nom et le poste du staffeux (comme sur la PA de RP en fait)

    - pour le petit rond en haut à gauche sur les catégories c'est exactement ça le rond beige correspond à "pas de nouveau messages" et le orange à "nouveau message" !

    Je te remercie et de souhaite de bonnes vacances !
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mar 29 Sep - 10:41

    Coucou @Valou712 & @Sophie-Ennie Smile

    J'ai commencé votre commande :
    https://miettes.exprimetoi.net/

    Pour le moment, j'ai fait la PA et le QEEL. Je regarde pour les catégories dans le courant de l'après-midi Smile N'hésite pas à me faire des remarques si des choses sont à changer Smile





    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Sophie-Ennie
    Sophie-Ennie
    Habitant
    Habitant
    Féminin
    Âge : 56
    Messages : 42
    Date d'inscription : 23/09/2020

    Re: Demande pour Populuss le Mar 29 Sep - 14:20

    Bonjour @Miettes

    Oh super ! tout à l'air parfait pour moi en tout cas cheers
    Merci beaucoup déja pour ton travail Smile
    Valou712
    Valou712
    Habitant
    Habitant
    Féminin
    Âge : 37
    Messages : 196
    Date d'inscription : 05/12/2015
    • https://station19france.blogspot.com/

    Re: Demande pour Populuss le Mar 29 Sep - 14:30

    Coucou, c'est parfait !

    Encore merci @Miettes

    Bonne fin de journée !
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mar 29 Sep - 16:23

    Hop là Smile

    @Valou712 & @Sophie-Ennie, je viens d'ajouter le code des catégories :

    https://miettes.exprimetoi.net/




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Valou712
    Valou712
    Habitant
    Habitant
    Féminin
    Âge : 37
    Messages : 196
    Date d'inscription : 05/12/2015
    • https://station19france.blogspot.com/

    Re: Demande pour Populuss le Mar 29 Sep - 17:09

    Hey, merci beaucoup @Miettes !

    Petite question pour les petits ronds pour les nouveaux/pas de nouveaux messages je les ajoutes dans les images dans le panneau admin ?
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mar 29 Sep - 17:51

    ah mince j'ai oublié ça Very Happy je me disais bien qu'il manquait un truc Very Happy Je regarde demain ^^

    je pense que ça sera en CSS Smile




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mer 30 Sep - 10:01

    Hop là Smile

    C'est ajouté ^^

    https://miettes.exprimetoi.net/

    > Login : Visiteur
    > mdp : visiteur

    Vous pouvez poster des messages en invité dans le premier forum, puis vous connecter pour vérifier que le bouton change Smile




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Sophie-Ennie
    Sophie-Ennie
    Habitant
    Habitant
    Féminin
    Âge : 56
    Messages : 42
    Date d'inscription : 23/09/2020

    Re: Demande pour Populuss le Mer 30 Sep - 12:18

    Bonjour Miettes Smile

    J'ai bien regardé à tête reposée, et il me semble qu'il n'y a pas les statistiques dans le Qeel (nombre de membres et messages  Embarassed ) ?Sinon tout est parfait comme ça pour ma part Razz
    Bonne journée !
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mer 30 Sep - 14:51

    Ah exact :/ Vous voulez les afficher comment ?




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Valou712
    Valou712
    Habitant
    Habitant
    Féminin
    Âge : 37
    Messages : 196
    Date d'inscription : 05/12/2015
    • https://station19france.blogspot.com/

    Re: Demande pour Populuss le Mer 30 Sep - 15:02

    Coucou, il me semble que je les avait mise dans la partie "Loup y es-tu ?" de mémoire !
    Sophie-Ennie
    Sophie-Ennie
    Habitant
    Habitant
    Féminin
    Âge : 56
    Messages : 42
    Date d'inscription : 23/09/2020

    Re: Demande pour Populuss le Mer 30 Sep - 15:10

    Sinon Miettes, ça ira comme ça, on peux toujours nous l'ajouter quand on aura placé les codes !
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mer 30 Sep - 15:59

    En fait, je voulais savoir si vous vouliez des phrases personnalisés ou non Smile Je vais vous mettre les données, et vous n'aurez qu'à les travailler comme bon vous semble ensuite ^^

    https://miettes.exprimetoi.net/

    Si c'est tout bon pour vous, je vous file ce qu'il faut :p




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Sophie-Ennie
    Sophie-Ennie
    Habitant
    Habitant
    Féminin
    Âge : 56
    Messages : 42
    Date d'inscription : 23/09/2020

    Re: Demande pour Populuss le Mer 30 Sep - 16:05

    Super Miettes, on fait comme ça d'accord, Valou va placer les codes cheers
    Valou712
    Valou712
    Habitant
    Habitant
    Féminin
    Âge : 37
    Messages : 196
    Date d'inscription : 05/12/2015
    • https://station19france.blogspot.com/

    Re: Demande pour Populuss le Mer 30 Sep - 16:41

    Merci @Miettes c'est perfect ! Merci
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mer 30 Sep - 16:53

    Ok alors c'est parti @Valou712 :p (je vais le faire en 3 messages)

    • La PA à mettre dans une page HTML (récupére l'url de la page, on va en avoir besoin pour un js)
    Code:
    <section class="m_pa-qeel_header m-d-flex">
      <h2>Bienvenue</h2>
      <div class="m_pa-qeel_header_social m-d-flex">
        <a href="#">
          Discord
        </a>
        <a href="#">
          Twitter
        </a>
      </div>
    </section><!-- .m_pa-qeel_header -->

    <ul class="m_pa-qeel_nav m-d-flex">
      <li><a href="#">Lien</a></li>
      <li><a href="#">Lien</a></li>
      <li><a href="#">Lien</a></li>
      <li><a href="#">Lien</a></li>
      <li><a href="#">Lien</a></li>
    </ul><!-- .m_pa-qeel_nav -->

    <section class="m-d-flex">
      <section class="m_pa-qeel_blk-small">
        <h3 class="m_pa-qeel_blk_title">
          Message
        </h3>
        <div class="m_pa-qeel_blk_content">
          Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius commodi animi aut nam illum explicabo quas eaque nobis iusto. Optio incidunt illo, autem, ex maiores qui a. Fugiat dolor, vitae!
        </div>
      </section>
      <section class="m_pa-qeel_blk-small">
        <h3 class="m_pa-qeel_blk_title">
          Staff
        </h3>
        <div class="m_pa-qeel_blk_content-staff m-d-flex">
          <a href="#">
            <span>
              <strong>Pseudo</strong>
              <span>Poste</span>
            </span>
            <img src="https://zupimages.net/up/20/39/o4bg.jpg" alt="Staff">
          </a>
          <a href="#">
            <span>
              <strong>Pseudo</strong>
              <span>Poste</span>
            </span>
            <img src="https://zupimages.net/up/20/39/o4bg.jpg" alt="Staff">
          </a>
          <a href="#">
            <span>
              <strong>Pseudo</strong>
              <span>Poste</span>
            </span>
            <img src="https://zupimages.net/up/20/39/o4bg.jpg" alt="Staff">
          </a>
          <a href="#">
            <span>
              <strong>Pseudo</strong>
              <span>Poste</span>
            </span>
            <img src="https://zupimages.net/up/20/39/o4bg.jpg" alt="Staff">
          </a>
        </div>
      </section>
    </section>

    <section class="m_pa-qeel_blk-large">
      <h3 class="m_pa-qeel_blk_title">
        Actualités du forum
      </h3>
      <div class="m_pa-qeel_blk_content">
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius commodi animi aut nam illum explicabo quas eaque nobis iusto. Optio incidunt illo, autem, ex maiores qui a. Fugiat dolor, vitae!
      </div>
    </section>

    <section class="m_pa-qeel_blk-large">
      <h3 class="m_pa-qeel_blk_title">
        Partenaires
      </h3>
      <div class="m_pa-qeel_blk_content-partenaires m-d-flex">
        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg" alt="Partenaires"></a>
        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg" alt="Partenaires"></a>
        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg" alt="Partenaires"></a>
        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg" alt="Partenaires"></a>
        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg" alt="Partenaires"></a>
        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg" alt="Partenaires"></a>
        <a href="#" target="_blank"><img src="https://i.servimg.com/u/f56/17/26/94/28/populu10.jpg" alt="Partenaires"></a>
      </div>
    </section>

    • Les Javascripts
    > [All] PA - Singulier / pluriels
    à afficher sur toutes les pages
    ici, il faut que tu changes /h41-pa par l'url de la page html de la pa
    Code:
    ;( function(){

        $(document).ready( function(){
        // La PA
        $('.m_pa').load('/h41-pa');

            /*** Afficher / Cacher "s" pour les stats ***/
            setTimeout( function(){
                $( ".infos-stats .nb" ).each(function( index ) {
                  var infos_stat = $(this).text();

                  if( infos_stat * 1 <= 1){
                    $(this).parents('.infos-stats').find('.pluriel').addClass('m-d-none');
                  }
                });
            }, 400);

        });

    })($);

    > [Index] Variables qeel (ModernBB)
    a n'afficher que sur l'index
    Code:
    "use strict";
    var fa_extraction_qeel = {
        "A_marqueur": "$",
        "D_delim": "@",
        "F_delim": "@",
        "version": "1.2",
        "MAJ_script": "05-04-2015",
        "regexp": {
            "messages": /un total de\D+(\d+)\D+messages/i,
            "membres_enregistres": /nous avons\D+(\d+)\D+membre/i,
            "dernier_membre": /plus récent est.*?(<a.+?\/u\d+.+?<\/a>)/i,
            "connectes_forum": /Il y a en tout\D+(\d+)\D+utilisateur/i,
            "enregistres": /::\s*(\d+)/i,
            "invisibles": /::\s*\d+\D+(\d+)/i,
            "invites": /::\s*\d+\D+\d+\D+(\d+)/i,
            "record_connectes": /Le record.*?(\d+)/i,
            "date_record_connectes": /record.*le\s+(\D+\d{1,2}\D+[^:]+\d{1,2}:\d{2})/i,
            "connectes_chatbox": /(\d+)\D+utilisateur\(s\)/i,
            "groupes": /(<b><a.+?\/g\d+.+?<\/b>)/gi,
            "membres_chatbox": /chatbox.+?\[/i,
            "membres_connectes": /utilisateurs enregistrés.+?membre/i,
            "derniers_membres_connectes": /dernières heures.+?membre/i,
            "membres_anniversaire_aujourdhui": /anniversaire aujourd[\s\S]+?anniversaire/i,
            "membres_anniversaire_prochains_jours": /prochains jours[\s\S]+(légende|statistiques)/i
        },
        "vars": {},
        "extraction": function() {
            var qc = document.getElementById("mon-qeel").innerHTML;
            qc += document.getElementById("mon-qeel2").innerHTML;
            var agreg = function(i, a) {
                var b;
                var c;
                var r = [];
                switch (i) {
                    case "membres_chatbox":
                    case "membres_connectes":
                    case "derniers_membres_connectes":
                        c = a.exec(qc);
                        a = /(<a.+?\/u\d+.+?<\/a>)/gi;
                        while ((b = a.exec(c)) != null) {
                            r.push(b && b[1])
                        }
                        return r;
                    case "membres_anniversaire_aujourdhui":
                    case "membres_anniversaire_prochains_jours":
                        c = a.exec(qc);
                        a = /(<a.+?\/u\d+.+?<\/a>.+?\))/gi;
                        while ((b = a.exec(c)) != null) {
                            r.push(b && b[1])
                        }
                        return r;
                    default:
                        if (!a.global) {
                            b = a.exec(qc);
                            return b && b[1]
                        }
                        while ((b = a.exec(qc)) != null) {
                            r.push(b && b[1])
                        }
                        return r
                }
            };
            for (var a in this.regexp) {
                this.vars[a] = agreg(a, this.regexp[a])
            }
            return this.vars
        },
        "formater": function(texte) {
            this.extraction();
            var D = this.D_delim;
            var F = this.F_delim;
            var A = this.A_marqueur;
            var t = texte;
            var vars = this.vars;
            var i, reg, bouclage;
            var r = [];
            var exp = function(a, b, c) {
                if (a == null) return c;
                if (a instanceof Array) {
                    return a.length > 0 ? b : c
                }
                return (a > 0) ? b : c
            };
            for (i in this.regexp) {
                r.push(i)
            }
            bouclage = new RegExp(D + '(' + r.join("|") + ').*' + F, "g");
            while (bouclage.test(t)) {
                for (var a in vars) {
                    t = t.replace(new RegExp(D + a + F, "g"), vars[a])
                }
                for (var a in vars) {
                    t = t.replace(new RegExp(D + "nombre_" + a + F, "g"), (vars[a] instanceof Array) ? vars[a].length : vars[a])
                }
                for (var a in vars) {
                    t = t.replace(new RegExp(D + a + '[' + A + ']' + "(.*?)" + F, "g"), (vars[a] instanceof Array) ? vars[a].join("$1") : vars[a])
                }
                for (var a in vars) {
                    t = t.replace(new RegExp(D + a + '=([^' + A + ']*?)[' + A + ']([^' + A + ']*?)' + F, "g"), (vars[a] instanceof Array) ? vars[a].length > 1 ? "$2" : "$1" : vars[a] > 1 ? "$2" : "$1")
                }
                for (var a in vars) {
                    t = t.replace(new RegExp("(?:" + D + "){2}" + a + "[?]([^" + A + "]*?)[" + A + "](.*?)(?:" + F + "){2}", "g"), exp(vars[a], "$1", "$2"))
                }
            }
            return t
        }
    };
    jQuery(function() {
        var feq = fa_extraction_qeel;
        $(".feq").each(function() {
            $(this).html(feq.formater($(this).html()))
        })
    });




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mer 30 Sep - 16:53

    • la CSS :
    Code:
    /*** --- CSS Miettes --- ***/
    :root{
        --bkg: #fff1d3;
        --transitionLinkBtn: background .8s ease-in-out;
        --color1: #9a6a04; /* Marron */
        --color2: #dcb35b; /* #dcb35b Orange PA */
        --color3: #ffe09f; /* Beige (statut message) */
        --color4: #ffaf00; /* Orange (statut message) */
        --color5: #fff; /* Blanc */
    }

    /*** UTILES ***/
    .m-d-flex{
        display: flex;
    }

    .m-d-none{
        display: none;
    }

    .m_box-sizing,
    .m_box-sizing *{
        box-sizing: border-box;
    }

    /*** PA & QEEL***/
    .m_pa,
    .m_qeel{
        margin: 10px auto;
        width: 850px;
    }

    /* HEADER */
    .m_pa-qeel_header{
        align-items: stretch;
        margin-bottom: 20px;
        padding-bottom: 10px;
        position: relative;
    }

    .m_pa-qeel_header:before,
    .m_pa-qeel_header:after{
        background: var(--color1);
        content: '';
        display: block;
        height: 4px;
        position: absolute;
        width: 100%;
    }

    .m_pa-qeel_header:before{
        bottom: 0;
    }

    .m_pa-qeel_header:after{
        bottom: -8px;
    }

    .m_pa-qeel_header h2{
        align-self: center;
        color: var(--color1);
        flex: 1 1 auto;
        font-size: 40px;
        font-weight: bold;
        line-height: 1;
        margin: 0;
        padding: 0;
        text-align: center;
        text-transform: uppercase;
    }

    .m_pa-qeel_header_social{
        align-items: stretch;
        justify-content: flex-end;
        flex: 0 0 110px;
    }

    .m_pa-qeel_header_social a{
        background: var(--color2);
        color: var(--color5);
        display: block;
        height: 50px;
        line-height: 50px;
        margin-left: 4px;
        text-align: center;
        text-decoration: none;
        transition: var(--transitionLinkBtn);
        width: 50px;
    }

    .m_pa-qeel_header_social a:hover{
        background: var(--color1);
        transition: var(--transitionLinkBtn);
    }

    .m_pa-qeel_header_social a:first-child{
        margin-left: 0;
    }

    /* NAVIGATION */
    .m_pa-qeel_nav{
        align-items: stretch;
        justify-content: space-between;
        list-style: none;
        margin: 0 0 40px;
        padding: 0;
    }

    .m_pa-qeel_nav li{
        flex: 0 0 19%;
    }

    .m_pa-qeel_nav a{
        background: var(--color1);
        color: var(--color5);
        display: block;
        font-size: 16px;
        line-height: 1;
        padding: 4px;
        text-align: center;
        text-decoration: none;
        transition: var(--transitionLinkBtn);
        width: 100%;
    }

    .m_pa-qeel_nav a:hover{
        background: var(--color2);
        color: var(--color1);
        transition: var(--transitionLinkBtn);
    }

    /* BLOCK */
    .m_pa > .m-d-flex,
    .m_qeel > .m-d-flex{
        align-items: stretch;
        justify-content: space-between;
    }

    [class^="m_pa-qeel_blk-"]{
        margin-bottom: 25px;
    }

    .m_pa-qeel_blk-small{
        flex: 0 0 48%;
    }

    .m_pa-qeel_blk_title{
        background: var(--color1);
        border: none;
        color: var(--color5);
        font-size: 22px;
        font-weight: bold;
        line-height: 1;
        margin: 0;
        padding: 10px 0 10px 15px;
        text-transform: uppercase;
    }

    .m_pa-qeel_blk-small .m_pa-qeel_blk_title{
        width: 70%;
    }

    .m_pa-qeel_blk-large .m_pa-qeel_blk_title{
        width: 40%;
    }

    [class^="m_pa-qeel_blk_content"]{
        border: 1px solid var(--color1);
        color: var(--color1);
        font-size: 18px;
        line-height: 1;
        padding: 10px;
    }

    .m_pa-qeel_blk-small .m_pa-qeel_blk_content{
        min-height: 153px; /* "Hack" pour que les 2 petits blocs aient la même hauteur */
    }

    /* Staff */
    .m_pa-qeel_blk_content-staff{
        justify-content: space-between;
    }

    .m_pa-qeel_blk_content-staff > a{
        color: var(--color1);
        display: inline-block;
        flex: 0 0 80px;
        height: 128px;
        margin-left: 4px;
        position: relative; 
    }

    .m_pa-qeel_blk_content-staff > a:first-child{
        margin-left: 0;
    }

    .m_pa-qeel_blk_content-staff > a > img,
    .m_pa-qeel_blk_content-staff > a > span{
        display: block;
        left: 0;
        height: 128px;
        position: absolute;
        top: 0;
        width: 80px;
    }

    .m_pa-qeel_blk_content-staff > a > span{
        align-items: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .m_pa-qeel_blk_content-staff > a > span > strong{
        font-size: 16px; /* Taille du pseudo */
    }

    .m_pa-qeel_blk_content-staff > a > span > span{
        font-size: 12px; /* Taille du poste */
    }

    .m_pa-qeel_blk_content-staff > a > img{
      opacity: 1;
      transition: opacity .8s ease-in-out;
    }

    .m_pa-qeel_blk_content-staff > a:hover > img{
      opacity: .2;
      transition: opacity .8s ease-in-out;
    }

    /* Partenaires */
    .m_pa-qeel_blk_content-partenaires{
        justify-content: center;
    }

    .m_pa-qeel_blk_content-partenaires a{
        margin-left: 4px;
    }

    .m_pa-qeel_blk_content-partenaires a:first-child{
        margin-left: 0;
    }

    /* Welcome QEEL */
    .m_pa-qeel_welcome{
        color: var(--color1);
        font-size: 20px;
        font-weight: bold;
        line-height: 1;
        margin: 20px 0;
        text-align: center;
        text-transform: uppercase;
    }

    .m_pa-qeel_welcome a{
        color: var(--color1);
        text-decoration: none;
    }


    /*** CATEGORIES ***/
    .m_categorie{
      margin: 10px auto;
      width: 850px;
    }

    /* Titre catégorie */
    .m_categorie_title{
        color: var(--color1);
        font-size: 40px;
        font-weight: bold;
        line-height: 1;
        margin: 0;
        padding: 0;
        position: relative;
        text-align: center;
        text-transform: uppercase;
    }

    .m_categorie_title h2{
        color: var(--color1);
        font-size: 40px;
        font-weight: bold;
        line-height: 1;
        margin: 0 0 30px;
        padding: 0 0 10px;
    }

    .m_categorie_title:before,
    .m_categorie_title:after{
        background: var(--color1);
        content: '';
        display: block;
        height: 4px;
        position: absolute;
        width: 100%;
    }

    .m_categorie_title:before{
        bottom: 0;
    }

    .m_categorie_title:after{
        bottom: -8px;
    }

    /* Titre forum */
    .m_categorie_wrapper-forums_forum_title{
        align-items: flex-end;
        background: var(--color1);
        border: none;
        color: var(--color5);
        display: flex;
        font-size: 22px;
        font-weight: bold;
        line-height: 1;
        margin: 0;
        padding: 10px 0 4px 15px;
        text-transform: uppercase;
        width: 40%;
    }

    .m_categorie_wrapper-forums_forum_title a{
        color: var(--color5) !important;
        text-decoration: none;
    }

    /* Etat */
    .m_categorie_wrapper-forums_forum_etat{
        background: var(--color3);
        border-radius: 100%;
        display: inline-block;
        height: 25px;
        margin-right: 10px;
        width: 25px;
    }

    .m_categorie_wrapper-forums_forum_etat[data-info-etat*="unread"]{
        background: var(--color4);
    }

    /* Forum */
    .m_categorie_wrapper-forums_forum_content{
        border: 4px solid var(--color1);
        border-radius: 0 5px 5px 5px;
        color: var(--color1);
        font-size: 18px;
        line-height: 1;
        margin-bottom: 20px;
        padding: 10px;
    }

    /* Description */
    .m_categorie_wrapper-forums_forum_content_desc{
        color: var(--color1);
        flex: 1 1 auto;
        font-size: 18px;
        line-height: 1;
    }

    /* Sous-forums */
    .m_categorie_wrapper-forums_forums_forum_content_ssforum{
        align-items: stretch;
        font-size: 0;
        margin: 15px 0;
        padding: 0;
    }

    .m_categorie_wrapper-forums_forums_forum_content_ssforum a{
        background: var(--color1);
        color: var(--color5);
        display: inline-block;
        font-size: 16px;
        line-height: 1;
        margin-left: 15px;
        padding: 4px 15px;
        text-align: center;
        text-decoration: none;
        transition: var(--transitionLinkBtn);
    }

    .m_categorie_wrapper-forums_forums_forum_content_ssforum a:first-child{
        margin-left: 0;
    }


    .m_categorie_wrapper-forums_forums_forum_content_ssforum a:hover{
        background: var(--color2);
        color: var(--color1);
        transition: var(--transitionLinkBtn);
    }

    /* Avatar */
    .m_categorie_wrapper-forums_forum_content_avatar{
        align-items: center;
        border: 1px solid var(--color1);
        display: flex;
        flex: 0 0 80px;
        height: 130px;
        justify-content: center;
        margin: 0 20px;
        overflow: hidden;
        padding: 0;
        width: 80px;
    }

    .m_categorie_wrapper-forums_forum_content_avatar img{
        flex: 0 0 auto;
        height: 182px;
        width: auto;
    }

    /* Stats & derniers messages */
    .m_categorie_wrapper-forums_forum_content_stats-lastmsg{
        flex: 0 0 196px;
    }

    .m_categorie_wrapper-forums_forum_content_stats-lastmsg_stats{
        background: var(--color1);
        color: var(--color5);
        font-size: 16px;
        line-height: 1;
        padding: 4px;
        text-align: center;
        width: 100%;
    }

    .m_categorie_wrapper-forums_forum_content_stats-lastmsg_lastmsg{
        border: 1px solid var(--color1);
        padding: 4px;
        text-align: center;
        width: 100%;
    }




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mer 30 Sep - 16:55

    • Les Templates

    > index_body
    Code:
    {JAVASCRIPT}

    <!-- BEGIN switch_user_login_form_header -->
    <div class="panel">
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
          <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
          <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
          <br />
          <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
          {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
                <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
                <!-- END switch_social_login -->
        </div>
      </form>
    </div>
    <!-- END switch_user_login_form_header -->

    <!-- BEGIN message_admin_index -->
      <div class="panel introduction">
        <!-- BEGIN message_admin_titre -->
          <div class="h3">{message_admin_index.message_admin_titre.MES_TITRE}</div>
        <!-- END message_admin_titre -->

        <!-- BEGIN message_admin_txt -->
          <div class="mes-txt">{message_admin_index.message_admin_txt.MES_TXT}</div>
        <!-- END message_admin_txt -->
      </div>
    <!-- END message_admin_index -->

    {CHATBOX_TOP}

    <!-- PA -->
    <div class="m_pa m_box-sizing"></div>
    <!-- Fin PA -->

    {BOARD_INDEX}

    <!-- BEGIN disable_viewonline -->
    <div id="mon-qeel" class="m-d-none">
      <div class="block">
        <!-- BEGIN switch_viewonline_link -->
          <div class="h3"><a href="{U_VIEWONLINE}" rel="nofollow"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</a></div>
        <!-- END switch_viewonline_link -->

        <!-- BEGIN switch_viewonline_nolink -->
          <div class="h3"><i class="ion-stats-bars"></i>{L_WHO_IS_ONLINE}</div>
        <!-- END switch_viewonline_nolink -->

        {TOTAL_USERS_ONLINE}<br />
        {RECORD_USERS}

        {LOGGED_IN_USER_LIST}

        {L_ONLINE_USERS}
        {L_CONNECTED_MEMBERS}<br />

        {L_WHOSBIRTHDAY_TODAY}{L_WHOSBIRTHDAY_WEEK}

        <div class="block-footer"><strong>{LEGEND}:</strong> {GROUP_LEGEND}</div>
      </div>

      <!-- BEGIN switch_chatbox_activate -->
        <div class="block">
          <div class="h3">
            <a href="{S_JOIN_CHAT}" target="ChatBox"><i class="ion-ios-chatboxes-outline"></i>{CHATBOX_NAME}</a>
            <!-- BEGIN switch_chatbox_popup -->
              <div id="chatbox_popup"></div>
              <script type="text/javascript">
                insertChatBoxPopup('{disable_viewonline.switch_chatbox_activate.switch_chatbox_popup.U_FRAME_CHATBOX}', '{L_CLICK_TO_JOIN_CHAT}');
              </script>
            <!-- END switch_chatbox_popup -->
          </div>
          {TOTAL_CHATTERS_ONLINE}:&nbsp;{CHATTERS_LIST}
        </div>
      <!-- END switch_chatbox_activate -->
    </div>

    <!-- Tuto de personnalisation du QEEL : https://tambouille-raleuses.forumactif.com/t408-personnaliser-les-phrases-predefinies-du-qeel#3711 -->
    <section class="feq m_qeel m_box-sizing">
      <section class="m_pa-qeel_header m-d-flex">
        <h2>Qui est en ligne</h2>
      </section><!-- .m_pa-qeel_header -->

      <ul class="m_pa-qeel_nav m-d-flex">
        <li>@groupes$ </li><li>@</li>
      </ul><!-- .m_pa-qeel_nav -->

      <p class="m_pa-qeel_welcome">Bienvenue à @dernier_membre@</p>

      <section class="m-d-flex">
        <section class="m_pa-qeel_blk-small">
          <h3 class="m_pa-qeel_blk_title">
            Loup y es-tu ?
          </h3>
          <div class="m_pa-qeel_blk_content">
            <p><strong>@messages@</strong> messages | <strong>@membres_enregistres@</strong> membres</p>

            <p>@@connectes_forum?@connectes_forum=<strong>@connectes_forum$&@ UTILISATEUR</strong>$<strong>@connectes_forum@ UTILISATEURS@</strong>$UTILISATEUR@@ EN LIGNE >> @@enregistres?@enregistres=@enregistres$&@ ENREGISTRÉ$@enregistres@ ENREGISTRÉS@$0 ENREGISTRÉ@@ | @@invisibles?@invisibles=@invisibles$&@ INVISIBLE$@invisibles@ INVISIBLES@$0 INVISIBLE@@ | @@invites?@invites=@invites$&@ INVITÉ$@invites@ INVITÉS@$0 INVITÉ@@</p>

            <p>
              @@membres_connectes?@membres_connectes$, @ .$Aucun membre enregistré n'est en ligne.@@
            </p>
          </div>
        </section>
        <section class="m_pa-qeel_blk-small">
          <h3 class="m_pa-qeel_blk_title">
            Qu'entends-tu ?
          </h3>
          <div class="m_pa-qeel_blk_content">
            <p>@@derniers_membres_connectes?@derniers_membres_connectes$, @$Personne n'était là ces dernières heures.@@</p>

            <p>
              @@membres_anniversaire_aujourdhui?@membres_anniversaire_aujourdhui=<span>Il/Elle fête son anniversaire aujourd'hui :</span> @membres_anniversaire_aujourdhui$&@$<span>Ils fêtent leur anniversaire aujourd'hui :</span> @membres_anniversaire_aujourdhui$, @@$<span>Aucun membre ne fête son anniversaire aujourd'hui.</span> @@
              <br />
              @@membres_anniversaire_prochains_jours?@membres_anniversaire_prochains_jours=<span>Nous fêterons prochainement l'anniversaire de :</span> @membres_anniversaire_prochains_jours$&@$<span>Nous fêterons prochainement les anniversaires de :</span> @membres_anniversaire_prochains_jours$, @@$<span>Il n'y aura pas d'anniversaire prochainement.</span> @@
            </p>
          </div>
        </section>
      </section>

    </section><!-- .m_qeel -->

    <!-- END disable_viewonline -->

    {CHATBOX_BOTTOM}

    <!-- BEGIN switch_user_login_form_footer -->
    <div class="panel">
      <form action="{S_LOGIN_ACTION}" method="post" name="form_login">
        <div class="user_login_form center">
          <input placeholder="{L_USERNAME}" class="inputbox fl_username" type="text" size="10" name="username" />
          <input placeholder="{L_PASSWORD}" class="inputbox fl_password" type="password" size="10" name="password" />
          <br />
          <label>{L_AUTO_LOGIN}: <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></label>
          {S_HIDDEN_FIELDS}<input class="mainoption button1" type="submit" name="login" value="{L_LOGIN}" />
          <!-- BEGIN switch_social_login -->
                <div class="social_btn">
                    <!-- BEGIN fb_connect -->
                    <div class="fb-login-button"></div>
                    <!-- END fb_connect -->
                    <!-- BEGIN topicit_connect -->
                    <div class="ti-connect"></div>
                    <!-- END topicit_connect -->
                </div>
                <!-- END switch_social_login -->
        </div>
      </form>
    </div>
    <!-- END switch_user_login_form_footer -->

    <!-- BEGIN switch_legend -->
    <ul id="picture_legend">
      <li><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" />{L_NEW_POSTS}</li>
      <li><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" />{L_NO_NEW_POSTS}</li>
      <li><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" />{L_FORUM_LOCKED}</li>
    </ul>
    <!-- END switch_legend -->

    {AUTO_DST}

    > index_box
    Code:
    <ul class="linklist top">
      <!-- BEGIN switch_user_logged_in -->
      <li>
        <a href="{U_SEARCH_NEW}"><i class="ion-ios-flame"></i>{L_SEARCH_NEW}</a>
      </li>
      <li>
        <a href="{U_SEARCH_SELF}"><i class="ion-ios-box-outline"></i>{L_SEARCH_SELF}</a>
      </li>
      <!-- END switch_user_logged_in -->
      <li>
        <a href="{U_SEARCH_UNANSWERED}"><i class="ion-ios-chatbubble-outline"></i>{L_SEARCH_UNANSWERED}</a>
      </li>
      <!-- BEGIN switch_user_logged_in -->
        <li class="rightside">
          <a href="{U_MARK_READ}" accesskey="m"><i class="ion-android-checkmark-circle"></i>{L_MARK_FORUMS_READ}</a>
        </li>
      <!-- END switch_user_logged_in -->
    </ul>

    <!-- BEGIN catrow -->

      <!-- BEGIN tablehead -->
      <section class="m_categorie m_box-sizing" data-id-cate="{catrow.tablehead.ID}">
        <div class="m_categorie_title">
          {catrow.tablehead.L_FORUM}
        </div>
        <section class="m_categorie_wrapper-forums">
      <!-- END tablehead -->
      <!-- BEGIN forumrow -->
          <section class="m_categorie_wrapper-forums_forum">
            <h{catrow.forumrow.LEVEL} class="m_categorie_wrapper-forums_forum_title">
                <span class="m_categorie_wrapper-forums_forum_etat" data-info-etat="{catrow.forumrow.FORUM_FOLDER_IMG}"></span>
              <a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
            </h{catrow.forumrow.LEVEL}>
            <section class="m_categorie_wrapper-forums_forum_content m-d-flex">
              <section class="m_categorie_wrapper-forums_forum_content_desc">
                {catrow.forumrow.FORUM_DESC}
                <!-- BEGIN switch_moderators_links -->
                  {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
                <!-- END switch_moderators_links -->

                <div class="m_categorie_wrapper-forums_forums_forum_content_ssforum m-d-flex">
                  {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
                </div>
              </section>

              <figure class="m_categorie_wrapper-forums_forum_content_avatar">
                <!-- BEGIN avatar -->
                  {catrow.forumrow.avatar.LAST_POST_AVATAR}
                <!-- END avatar -->
              </figure>

              <section class="m_categorie_wrapper-forums_forum_content_stats-lastmsg">
                <p class="m_categorie_wrapper-forums_forum_content_stats-lastmsg_stats"><span class="infos-stats"><span class="nb topics">{catrow.forumrow.TOPICS}</span> sujet<span class="pluriel">s</span></span> - <span class="infos-stats"><span class="nb messages">{catrow.forumrow.POSTS}</span> message<span class="pluriel">s</span></span></p>
                <div class="m_categorie_wrapper-forums_forum_content_stats-lastmsg_lastmsg">
                  <!-- BEGIN switch_topic_title -->
                  <a href="{catrow.forumrow.U_LATEST_TOPIC}" title="{catrow.forumrow.LATEST_TOPIC_TITLE}">{catrow.forumrow.LATEST_TOPIC_NAME}</a><br />
                  <!-- END switch_topic_title -->
                  {catrow.forumrow.USER_LAST_POST}
                </div>
              </section>

            </section>
           
          </section>
      <!-- END forumrow -->

      <!-- BEGIN tablefoot -->
        </section>
      </section>
      <!-- END tablefoot -->
    <!-- END catrow -->

    <!-- BEGIN switch_on_index -->
    <ul class="linklist bottom">
      <li>
        <a href="{U_TODAY_ACTIVE}">{L_TODAY_ACTIVE}</a>
      </li>
      <li>
        <a href="{U_TODAY_POSTERS}">{L_TODAY_POSTERS}</a>
      </li>
      <li class="last">
        <a href="{U_OVERALL_POSTERS}">{L_OVERALL_POSTERS}</a>
      </li>
      <!-- BEGIN switch_delete_cookies -->
        <li class="rightside">
          <a href="{switch_on_index.switch_delete_cookies.U_DELETE_COOKIES}" rel="nofollow"><i class="ion-trash-a"></i>{switch_on_index.switch_delete_cookies.L_DELETE_COOKIES}</a>
        </li>
      <!-- END switch_delete_cookies -->
    </ul>
    <!-- END switch_on_index -->

    <script type="text/javascript">
    //<![CDATA[
    $(document).ready(function() {
      var btn_collapse = $('<div></div>', {
        class: 'btn-collapse'
      });

      var btn_collapse_show = $('<i></i>', {
        class: 'ion-android-add-circle hidden',
        'data-tooltip': '{L_EXPEND_CAT}'
      }).appendTo(btn_collapse);

      var btn_collapse_hide = $('<i></i>', {
        class: 'ion-android-remove-circle',
        'data-tooltip': '{L_HIDE_CAT}'
      }).appendTo(btn_collapse);

      var collapsed = [];

      if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
        collapsed = readCookie('collapsed').split(',');
      }

      $(document).on('click', '.btn-collapse', function() {
        $(this).children('.ion-android-add-circle').toggleClass('hidden');
        $(this).children('.ion-android-remove-circle').toggleClass('hidden');
        $(this).parents('.forabg').toggleClass('hidden');

        if (readCookie('collapsed') != null && readCookie('collapsed') != '') {
          collapsed = readCookie('collapsed').split(',');
        }

        if (!$(this).parents('.forabg').hasClass('hidden')) {
          removeFromArray('' + $(this).parents('.forabg').data('cindex'), collapsed);

          createCookie('collapsed', collapsed);
        } else {
          collapsed.push('' + $(this).parents('.forabg').data('cindex'));

          createCookie('collapsed', collapsed);
        }
      });

      $('.forabg').each(function(i) {
        $(this).data('cindex', '' + i);

        $(btn_collapse)
          .clone()
          .attr('id', 'forabg' + i)
          .appendTo($(this).find('.header'));

        if ($.inArray('' + i, collapsed) > -1) {
          $(this).toggleClass('hidden');
          $('#forabg' + i).children('.ion-android-add-circle').toggleClass('hidden');
          $('#forabg' + i).children('.ion-android-remove-circle').toggleClass('hidden');
        }
      });
    });

    function removeFromArray(item, array) {
      var i = array.indexOf(item);

      if (i > -1) {
        array = array.splice(i, 1);
      }
    }

    function createCookie(name, value, days) {
      var expires;

      if (days) {
        var date = new Date();
        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
        expires = "; expires=" + date.toGMTString();
      } else {
        expires = "";
      }
      document.cookie = encodeURIComponent(name) + "=" + encodeURIComponent(value) + expires + "; path=/";
    }

    function readCookie(name) {
      var nameEQ = encodeURIComponent(name) + "=";
      var ca = document.cookie.split(';');
      for (var i = 0; i < ca.length; i++) {
        var c = ca[i];
        while (c.charAt(0) === ' ') c = c.substring(1, c.length);
        if (c.indexOf(nameEQ) === 0) return decodeURIComponent(c.substring(nameEQ.length, c.length));
      }
      return null;
    }
    //]]>
    </script>

    > overall_footer_begin
    Code:
    <!-- BEGIN html_validation -->
    <div>
        <div>
            <div>
                <div>

    <div>
        <div>
            <div>
                <div>
                    <div>
                        <div>
                            <div>
                                <div>
    <!-- END html_validation -->
                                </div>
                            </div>
                        </div>
                    </div>

                    <div id="{ID_RIGHT}">
                        <!-- BEGIN giefmod_index2 -->
                        {giefmod_index2.MODVAR}
                        <!-- BEGIN saut -->
                        <div style="height:{SPACE_ROW}px"></div>
                        <!-- END saut -->
                        <!-- END giefmod_index2 -->
                    </div>
                </div>
            </div>
        </div>
    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="statistics m-d-none" id="mon-qeel2">
        <div class="wrap">
            <div class="statistics-item">
                {TOTAL_POSTS}
            </div>
            <div class="statistics-item">
                {TOTAL_USERS}
            </div>
            <div class="statistics-item">
                {NEWEST_USER}
            </div>
        </div>
    </div>

    <div id="page-footer">
        <div class="wrap">
            <ul class="footerbar-system">
                <li class="footer-home">
                    <a class="icon-home" href="{U_INDEX}" accesskey="h"><i class="ion-ios-home"></i>{L_HOME}</a>
                </li>
                <li class="rightside">
    <!-- BEGIN html_validation -->
                </li>
            </ul>
        </div>
    </div>
    <!-- END html_validation -->




    Eh voilà Smile

    Je suis en ligne jusqu'à 18h si besoin ^^ sinon ça sera demain à partir de 9h ^^

    Demande pour Populuss 1871764913 Pour les images de catégories, il faut que celle qui indique les nouveaux messages contient "unread" dans son nom pour que la CSS fonctionne comme il faut Smile




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Valou712
    Valou712
    Habitant
    Habitant
    Féminin
    Âge : 37
    Messages : 196
    Date d'inscription : 05/12/2015
    • https://station19france.blogspot.com/

    Re: Demande pour Populuss le Mer 30 Sep - 17:50

    Salut tout d'abord encore merci, pour le moment on a décelé un petit soucis, sur l'index le lien "Panneau d'administration" n'apparaît plus tout en bas !

    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Mer 30 Sep - 17:51

    ho... Bizarre :/ ça doit venir d'une de vos modifications parce que je n'ai pas ce souci sur mon forum de test. Peut etre que vous avez dans un autre template une balise mal fermée ?




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Sophie-Ennie
    Sophie-Ennie
    Habitant
    Habitant
    Féminin
    Âge : 56
    Messages : 42
    Date d'inscription : 23/09/2020

    Re: Demande pour Populuss le Jeu 1 Oct - 9:49

    Bonjour Miettes Smile

    Voilà, désolée pour le dérangement encore mais pour te tenir informer, nous avons réglé le soucis de l'accés au PA mais on a 2 soucis Demande pour Populuss 4007632101 :
    - Sur la PA , dés qu'on écrit un mot dans la page html , sur le forum, tout se déforme. Je te mets une capture.
    Demande pour Populuss Captur10

    - Et juste aussi, le cadre sur la PA des "Messages" est plus grand que le cadre du "staff" et pareil dans le qeel, le cadre des "connectés" est plus petit que le cadre des "connecté" 48 heures). On ne voit pas exactement où on peux modifier car Valou me dit que c'est la même "classe" !

    Je te donne tout le reste de ma css pour vérifier que le soucis de la PA ne vienne pas du codage à coté ! Si tu veux mon code d'accés au forum, pour mieux voir tout ça, aucun soucis !je te le donnerais par MP.
    Merci d'avance et bonne journée Smile

    La css :
    Code:
    /* ----------------------------------------*/

    .post-head {
        background-color: #f0ede0;
        border-color:#333;
        border-radius: 3px 3px 0 0;
        border-style: solid;
        border-width: 0 0 4px;
        padding: 18px;
    }

    .postprofile {
        color: #000;
        display: block;
        float: left;
        font-size: 1.3rem;
        padding: 10px;
        position: relative;
        width: 230px;
        word-wrap: break-word;
      
     
    }

    .postprofile-avatar img {
        border: 3px solid #FFF;
        border-radius: 0px;
        box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
        height: 320px;
        width: 200px;
    }

    .statistics {
        background-color: #500f4a;
        color: #FFF;
        font-size: 1.3rem;
        overflow: hidden;
        padding: 24px 0;
        border-bottom: 5px double #bb91b5;
    }

    #page-footer {
        background-color: #CAC3A7;
    }

    .copyright-body {
        border-color: #9a6a04;
        border-style: solid;
        border-width: 1px 0 0;
        margin: 18px 0 0;
        padding: 18px 0 0;
    }

    .linklist {
        border-color: rgba(0,0,0,0);
        border-style: solid;
        list-style: none;
        margin: 24px 0;
    }

    a.forumtitle:link {
        color: #59513A;
    }

    a.forumtitle:visited {
        color: #453f2e;
    }

    .forabg.hidden {
        background-color: #000000;
    }







    /* ************* CENTRER LES SIGNATURES *********** */
    .signature_div { text-align: center; }












     

     
    /*Barre de navigation ------------------------------------------*/
     
    .navbar {
        text-align: center !important;
        background-color: #59513A !important;
    }
    .navbar li {
       margin: 8px 0 8px 0;
    }
     

    /*positionnement barre de navigation*/
    ul.navbar.navlinks {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
    }
    #logo {
      margin-top: 60px;
    }



     


      
        .table-title, .table-title h2 {
         font-size:25px ! important;
         font-family: 'Roboto' ! important;
         font-weight: bold ! important;
         color: #f0f0f0 ! important;  
              
              }
    li.header dl.icon dd.dterm, li.header dl.icon dt { /* noms des forums */
        text-align: ; /* position horizontal du texte */
        margin-top: 5px; /* position verticale du texte */
    }


     


    .selectCode { float:center; text-transform: ; cursor:pointer;margin:10px; }
    div.cont_code { clear:; }


    .postbody * {
      box-sizing: unset;
    }











    .boutonhautbas {
        bottom: 100px;
        right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
        position: fixed;
        z-index: 100;
    }







      








      




























    .lastpost-avatar::after {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        background:
    rgba(0,0,0,0);
    border-color:#FFF;
    border-radius: 38px;
    border-style: solid;
    border-width: 0px;
    box-shadow: 0 0 0
    rgba(0,0,0,0), 0 0 0
        rgba(0,0,0,0);
        content: "\f47e";
        display: block;
        font-family: Ionicons;
        font-size: 1.8rem;
        font-style: normal;
        font-variant: normal;
        font-weight: 400;
        height: 38px;
        left: 0;
        line-height: 34px;
        position: absolute;
        speak: none;
        text-align: center;
        text-rendering: auto;
        text-transform: none;
        top: 11px;
        width: 38px;
    }.lastpost-avatar img {
        border-radius: 1px;
        display: block;
        height:65px;
        padding: 2px;
        position: relative;
        width:65px;
        z-index: 1;
    }
     






    body{
     margin-top:0 !important;
            
        
            
        
    }
    .is-sticky#headerbar-top.w-toolbar {
        top: 0px !important;
    }
    #fa_toolbar,
    #fa_toolbar_hidden{
      display:none;
    }

    .newNotif{
     color:yellow !important;
     font-size:16px !important;
    }


    .topics .row .lastpost {
        padding: 9px 90px !important;
    }



        
          





    .panel.introduction{background-color:transparent;border:px solid #;border-radius: px;
    box-shadow:none;}

    .navbar a {font-size:16px;color:#FAF7E8;}










        /* AFFICHAGE LISTE DES MEMBRES */
        #LMBER {
        margin:auto; width:950px;
        }
        /* ENTÊTE - RECHERCHER UN UTILISATEUR OU MODIFIER ORDRE AFFICHAGE */
        .tleLMBER {
        margin:0 auto 5px; width:700px;
        background:#EBEADD; /* MODIFIABLE */
        }
        /* TITRE ENTÊTE */
        .tleLMBER th {
        margin-bottom:5px; padding:5px 0;
        text-transform:; font-family:Roboto; font-size:14px;
        background:FAFAFA; color:#302A2A; /* MODIFIABLE */
        }
        /* BLOC MEMBRE */
        .MBER {
        float:left; margin:5px;
        width:145px; padding-top:10px; text-align:center;
        background:#fafafa; /* MODIFIABLE - COULEUR PAR DEFAUT */
        }
        /* AVATAR */
        .imgLMBER{
        margin:auto; margin-bottom:-55px;
        width:100px; height:100px; border-radius:100px; overflow:hidden;
        }
        .imgLMBER img{
        width:100px;
        }
        /* NOMBRE DE MESSAGES */
        .msgLMBER {
        position:absolute; margin-top:10px; margin-left:10px;
        width:80px; height:50px; padding-top:30px; border-radius:80px;
        font-family:Arial; font-size:14px; text-align:center; font-weight:bold;
        background:rgba(250,250,250,0.7); /* MODIFIABLE */
        opacity:0; transition:opacity 0.45s ease; -webkit-transition:opacity 0.45s ease;
        }
        .imgLMBER:hover .msgLMBER {
        opacity:1;
        }
        /* BLOC PSEUDONYME & INSCRIPTION / DERNIERE VISITE / IMAGES MP & WWW */
        .boxLMBER {
        padding:45px 10px 7px;
        font-family:Arial; text-align:center;
        background:rgba(255,255,255,0.8); /* MODIFIABLE */
        }
        /* BLOC PSEUDONYME & INSCRIPTION */
        .nameLMBER{
        margin-top:20px; height:30px; padding:5px 0;
        text-align:center; text-transform:uppercase; letter-spacing:-0.5px; font-family:Arial; font-size:11px;
        background:#FEFEFE; /* MODIFIABLE */
        }
        /* DATE INSCRIPTION */
        .joinLMBER{
        font-size:10px; text-align:center; letter-spacing:0;
        }
        /* DERNIERE VISITE */
        .lstvLMBER {
        margin-top:5px; padding:2px 0;
        background:rgba(255,255,255,0.6); /* MODIFIABLE */
        font-size:9px; text-align:center;
        }
        /* IMAGES MP & WWW */
        .btnLMBER {
        margin-top:5px; height:15px;
        }
        .btnLMBER img{
        max-height:15px; filter:grayscale(1); -webkit-filter:grayscale(1);
        }
        /* FIN AFFICHAGE LISTE DES MEMBRES */











    /******************************************************** AFFICHAGE SUJETS ********************************************************/
    /* NOUVEAU */
    ul.posting-buttons.clearfix, .posting-options.topic-options {
            width: 95%;
            margin: 1% auto;
    }

    ul.posting-buttons.clearfix li {
         list-style: none;
    }

    /* FIL ARIANE PAGINATION */
    .ariane_pagination {
            width: 95%;
            margin: auto;
       font-family: roboto, sans-serif;
            font-weight: bold;
            color: #4848cc;
    }

    .ariane_pagination li {
            list-style: none;
            display: inline-block;
            padding: 0 1% 0 0;
            color: #858386;
            text-transform: ;
            font-style: bold;
            font-size: 10px;
    }

    .ariane_pagination li a {
       color: #302A2A;
    }

    .pagination_forum {
            float: right;
            color: #858386;
            text-transform: uppercase;
       font-family: Calibri, sans-serif;
            font-weight: bold;
            font-size: 10px;
    }

    .pagination_forum a {
       color: #858386;
    }

    /* LIGNE SUJET */
    .contenu_liste_sujets {
            width: 100%;    border-radius:5px;
            margin: 1% auto;
            background: #EBEADD;
            border: 1px solid #adaeb1;
            padding: 1%;
            box-sizing: border-box;
            color: #302A2A;
            text-transform: ;
       font-family: Roboto, sans-serif;
            font-weight: bold;
            letter-spacing: .5px;
    }

    .contenu_liste_sujets::after {
            content: "";
            clear: both;
            display: block;
    }

    .contenu_liste_sujets a {
       color: #745F3A;
    }

    .contenu_liste_sujets .center {
            width: 80%;
       float: left;
            text-align: left;
    }

    a.topictitle::after {
            display: block;
            content: "";
    }

    img.ls_statut {
            float: left;
            margin: 1.2% 4% 0 0;
    }

    .contenu_liste_sujets .vues {
            background: #; width:52px;
            border: 2px solid #C78B1D;
            float: right;
            text-align: center;
            padding: 1%;
            color: #333;
            margin: 0 5% 0 0;
    }

    /* MODERER */
    .boutons_moderation {
            width: 95%;
            margin: 0 auto;
    }

    .boutons_moderation a {
            background: #e3e0e2;
            border: 1px solid #b6b5b7;
            font-size: 10px;
            text-transform: uppercase;
            color: #62676e;
            display: inline-block;
            line-height: 3;
            width: 32.5%;
       font-family: Calibri, sans-serif;
            font-weight: bold;
            text-align: center;
    }

    .boutons_moderation a:hover {
       background: #c95176;
       color: #fff;
    }

    .surveiller a {
         width: 100%;
    }

    .surveiller {
            display: inline-block;
            width: 32.5%;
       margin: 0 1.1%;
    }

    .bouton_moderer {
            font-size: 0;
            width: 32.5%;
            display: inline-block;
            margin: -5% 0 2% 0;
    }

    .bouton_moderer a {
         width: 100%;
    }

    /* PAS DE SUJET */
    .pas_de_sujet {
            text-transform: uppercase;
            font-style: bold;
            color: #62676e;
            text-align: center;
            margin: 2% 0;
    }






    body.chatbox {
        background-color:#CAC3A7;
    }





    i[class*="ion-"] { font-size:18px !important; }


    .postprofile-rank{font-size:0px;}











        
      
     


     /* NAVBAR - ARTEMIS POUR ARTIFICES */

        :root
        {
         --couleur-bleue: #fafafa;
        }

        .bodylinewidth
        {
         margin-top: 72px;
        }

        .navbar_arte
        {
         width: 100%;
         background: #59513A;
         height: 70px;
         -webkit-box-shadow: 0 2px 1px #CAC3A7;
         box-shadow: 0 2px 1px #CAC3A7;
         position: fixed;
         top: 0;
         left: 0;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         padding: 5px 15px 0 5px;
         z-index: 999;
        }

      
     .avatar_navbar
        {
         width: 100px;
         height: 60px;
         border: 1px solid white;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         padding: 5px;
         background: #;
         display: inline-block;
         float: left;
        }

        .avatar_navbar img
        {
         width: 90px;
         height: 50px;
         -o-object-fit: cover;
         object-fit: cover;
        }

        .bloc_pseudo_search
        {
         font: 9px ROBOTO;
         width: 240px;
         display: inline-block;
         text-transform: uppercase;
         letter-spacing: 2px;
         height: 60px;
         vertical-align: top;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         padding: 10px 5px;
         color: #fafafa;
         float: left;
         text-align: left;
         margin-left: 5px;
        }


        .bloc_pseudo_search li
        {
         list-style-type: none;
        }
        .navbar_arte form
        {
         height: 20px;
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
         width: 100%;
         background: white;
         padding: 0;
         margin-top: 8px;
        }

        .navbar_arte form input[type="submit"]
        {
         border: none!important;
         background: var(--couleur-bleue)!important;
         color: white !important;
         padding: 0 10px!important;
         margin:0!important;
         border-radius:0!important;
         -webkit-box-shadow:none!important;
         box-shadow:none!important;
        }

        .navbar_arte form input[type="text"]
        {
         cursor: text;
         border: none!important;
         width: 100%;
         min-width: 150px;
         padding: 0 8px!important;
         margin:0!important;
         background: rgba(255,255,255,0.05)!important;
         color: lightgray;
         font-size:11px;
         border-radius:0!important;
         -webkit-box-shadow:none!important;
         box-shadow:none!important;
         text-transform: uppercase !important;
         font: 10px calibri !important;
         letter-spacing: 2px !important;
        }

        .navbar_arte form input
        {
         outline: none;
         font-size:11px;
        }

        .link_navbar
        {
         float: right;
         -webkit-box-sizing: border-box;
         box-sizing: border-box;
         padding: 25px 15px;
         font: 12px Roboto;
         text-transform: uppercase;
        }

        .link_navbar a
        {
         text-decoration: none;
         margin: 0 5px;
         color: var(--couleur-bleue);
         font-weight: 600;
        }

        .link_navbar a img
        {
         display: none;
        }

        .link_navbar a:hover
        {
         text-decoration: none !important;
         color: var(--couleur-bleue);
        }

        .link_navbar a::before,.link_navbar a::after
        {
         display: inline-block;
         opacity: 0;
         -webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
         -webkit-transition: opacity 0.2s, -webkit-transform 0.3s;
         transition: opacity 0.2s, -webkit-transform 0.3s;
         -o-transition: transform 0.3s, opacity 0.2s;
         transition: transform 0.3s, opacity 0.2s;
        transition: transform 0.3s, opacity 0.2s, -webkit-transform 0.3s}

        .link_navbar a::before
        {
         content: '[';
         -webkit-transform: translateX(25px);
         -ms-transform: translateX(25px);
         transform: translateX(25px);
        }

        .link_navbar a::after
        {
         content: ' ]';
         -webkit-transform: translateX(-25px);
         -ms-transform: translateX(-25px);
         transform: translateX(-25px);
        }

        .link_navbar a:hover::before,.link_navbar a:hover::after
        {
         -webkit-transform: translateX(0);
         -ms-transform: translateX(0);
         transform: translateX(0);
         opacity: 1;
        }

        .link_navbar a[href^="/search"]
        {
         display: none;
        }

        .link_navbar li
        {
         list-style-type: none;
         display: inline-block;
        }

    Miettes
    Miettes
    Reine
    Reine
    Féminin
    Âge : 33
    Messages : 5426
    Date d'inscription : 07/11/2007
    • https://entre2livres.forumactif.com/

    Re: Demande pour Populuss le Jeu 1 Oct - 10:04

    Coucou Smile

    Pour la page html, tu choisis bien le mode avancé quand tu l'édites ? (c'est le picto juste à coté de l'oeil, celui avec plusieurs écrous). Je viens d'aller voir le code de la PA (on a accès aux pages html meme pendant la maintenance) et je crois que le souci vient effectivement du mode d'édition qui n'est pas le bon :/

    Si jamais ça t'arrange, je peux vous mettre à jour la PA une première fois ?

    je vais aller me connecter à discord, ça sera plus simple pour vite régler les pb si vous voulez Smile




    Recrutement
    Eh Invité ! T'es au courant que nous recrutons 3 modérateurs/trices, 1 analyste, 1 correcteur/trice, 1 graphiste, 1 codeur et 2 animateurs/trices.
    Tu aimerais en savoir plus ? N'hésite pas à m'envoyer un MP Smile
    Sophie-Ennie
    Sophie-Ennie
    Habitant
    Habitant
    Féminin
    Âge : 56
    Messages : 42
    Date d'inscription : 23/09/2020

    Re: Demande pour Populuss le Jeu 1 Oct - 16:09

    Bonjour Miettes,

    Oui en effet, nous avons tout réglé sur Discord et tout est parfait Smile
    Encore une fois, un grand merci pour tout ton travail et les heures que tu as passé à nous aider à mettre tout en place Embarassed
    Bonne fin de journée Smile
    Contenu sponsorisé

    Re: Demande pour Populuss


    La date/heure actuelle est Mar 20 Oct - 2:22