[Terminé - Mäven] Une petite commande

Bonjour à vous !  Je me permet de m'en remettre à vous concernant mes deux codes restants (commande fermée en ce qui concerne les autres déjà effectués et personnes prévenues)

Type de commande (modification de templates, en-tête, qeel, mise en page de messages, pub, autres) : Code d'un QUEEL ainsi que d'une liste des sujets.
Pour quel forum : https://buidsichcovenrpg.forumactif.com/
Maquette graphique/schéma/croquis : Je suis désolée si ce ne sont pas les bonnes couleurs  




Informations utiles (couleurs, images, etc, …) :
POUR LA PA:
Couleurs et polices :

Fond :#080808
Fond de la bande de titre : #10100c, le titre est en majuscule en police "Playfair Display" (déjà sur le forum) et la couleur : #B6B2AA
Fond des bloc : #0C0C0C avec un border: 1px solid #0f0f0f;
L'encadrement pour "les groupes" :  background: linear-gradient(90deg,#824D10,#3A2800);
Le "Bienvenue à la Nouvelle Orléans" est en verdana :#46443f (majuscule)
Le reste est en Gupter : #653c00 (majuscule)
Et le Nom du dernier inscrit est en Playfair Display (minuscule)

Est-ce possible d'inclure une image qui au passage de la souris affiche les membres connectés il y a 24h ?
Si oui, voilà l'image :



POUR LES SUJETS:
Couleurs et polices :
Fond : #080808
Fond des blocs : #0C0C0C avec un border: 1px solid #0f0f0f;
Fond de la bande de titre : #10100c, le titre est en Gupter (majuscule) #fff et le bandeau en dessous : background: linear-gradient(90deg,#824D10,#3A2800);
Tous les écrits sont en Verdana : #46443f  (minuscule) sauf la date qui a cette couleur : #8F8E8E
Le nom du dernier poster est en Gupter (majuscule)

[Pour les modifications de templates] Version du forum:PhpBB2 Tous les codes font 750px de largeur.

Le code pourra-t-il être mis en libre service ensuite ? Si c'est possible, non

Je vous remercie infiniment d'avance, j'espère avoir été assez claire dans les infos et que c'est assez précis !

Hello, si c'est vu la bas c'est tout bon. Je m'en occupe des que possible =)

Super ! Merci beaucoup !

Hello !

J'ai commencé, j'en suis au QEEL.

Il y a 2 blocs "vides", peux-tu me dire si ej les laisse vide ou s'il y aura des choses dedans ?
Je ne vois pas cette phrase sur le schéma :

Le "Bienvenue à la Nouvelle Orléans" est en verdana :#46443f (majuscule)

C'est où ?

Et il y a pas mal de choses qui changent entre le schéma et ce que tu dis.
Le nom du dernier inscrit est bien en minuscule ?

La couleur de fond de chaque case de se différencie pas de la couleur de fond du QEEL, c'est normal?

Ah et la couleur de la police du QEEL c'est la même que pour le titre ?

A bientôt

Oui je suis désolée j'aurais dû remettre à jour les couleurs ! Pour le coup le plus grand bloc vide contient les membres connectés actuellement sur le forum, est-ce possible de mettre "Habitants de la Nouvelle Orléans présent" ? Celui du dessous contient : Forum administré par Aels, Catblack et Blacksheep, le codage est réalisé par Arya, Cahotic et Maïven et le design de Aels. Merci de n'a pas copier partiellement ou en totalité, le forum"

Le bienvenue à la Nouvelle Orléans est à la place de "bienvenue dans l'hôtel Cortez"
Pour les fonds c'est normal, nous voulons celui de base comme étant très discret

En effet la couleur est la typo est la même que pour le titre pour le QUEEL.

J'espère t'avoir éclaircie ! Merci encore !

Je me rend compte que c'est vraiment pas facile d'être précise ! Je vais tâcher de relire pour les sujets pour éviter de t'embêter à chaque fois pour des détails !

Pour le coup, c'est vraiment du détail, détail mais comme j'ai vu que tu avais liés tous les textes en Gupter et que je ne maîtrise pas ce changement de fonction

Alors, pour " 2 âmes vagabondes 1 enregistrés, 0 invisibles, 1 invités", c'est en majuscule et "Forum administré par AELS., BLACKSHEEP et CATBLACK. Copie totale ou partielle prohibée. 2020" est en Verdana et en justify, pardon j'ai pas été claire, promis je m'entraînerai à l'être pour éviter ces désagréments ! Du reste, les "|" des liens peuvent-ils être de la même couleur, c'est à dire en : #653c00 ? Et les pseudo (tous visibles sur la PA) sont en majuscule

Pour le reste ce sont surtout des placements mais comme tu l'as dit toi-même, tu vas nettoyer ça (d'ailleurs j'adore l'expression nettoyer, haha !) mais c'est surtout les blocs qui sont trop proches du bords du QUEEL et qui peuvent allaient plus vers l'image (ça ne me dérange par les petites marges, je le précise au cas où ça te bloque ^^) Du reste tout est vraiment super, j'espère un jour pouvoir le faire moi-même, héhé !

Hello !

Normalement toutes les corrections demandées sont faites, et j'ai ajouté l'avatar du dernier inscrit.

Est-ce que c'est OK pour toi ?

Bon du coup on a validé le QEEL ensemble. Je nettoie le code et je te le donne plus tard

Passons à la liste des sujets.
On est bien d'accord que tu parles ici de quand on est dans un sous forum ou un forum ?

Peux-tu me dire comment sont séparées tes annonces / note des sujets "normaux" ? (tu trouveras l'info dans Général > Messages et emails > configuration).
On est d'accord que tu ne souhaites pas afficher l'avatar du dernier posteur ?
Et pour finir, comment souhaites-tu cette partie la :

Spoiler:

Merci beaucoup !

Pour la liste des sujets, je parle de ça :



Pour les annonces, etc... Je ne l'ai aient pas séparés, je n'aime pas quand ça l'est Donc j'ai mis "Non"

On est totalement d'accord sur le fait que je ne veux pas mettre l'avatar du dernier posteur !

Pour cette partie, je la laisse comme telle

J'ajoute un petit détail, j'ai dis que le "1 POST | 40 vues" était en Verdana mais il est en Gupter et en majuscule ! Et enfin, j'aimerai que le bloc général qui contient toutes les infos soit plus petit que le bandeau du titre en largeur, comme là :

Le bloc du nom est décalé du fond :



Voili voilou !

Hop !

voilà donc les codes.
La CSS à mettre dans Affichage > Couleur > Gestion de la CSS :


Ensuite l'intégralité du template topics_list_box


Ensuite, dans le template index_body
tu peux supprimer tout ce que tu as entre

Code:

<!-- BEGIN disable_viewonline -->


et

Code:

<!-- END disable_viewonline -->

Et le remplacer par ça :


Et enfin, du javascript  un nouveau javascript appliqué sur l'index que tu peux nommer Variables FA

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;
        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()))
    })
});

Et un autre, toujours affiché juste sur l'index aussi que tu peux appeler avatar dernier inscrit :

Code:

$(function(){
  
    // On teste si l'information du dernier inscrit
    // est visible sur la page
    if( $('#last-user').length ){
  
        var $lastUser = $('#last-user'),
      
        // Dans ce cas, on va récupérer l'url vers le profil du dernier inscrit
            urlLastUser = $lastUser.find('a').attr('href'),
        // Et son pseudo
            pseudoLastUser = $lastUser.find('a').text();
      
        // On déplace l'infobulle juste après le lien
        $('#last-user #ib-last-user').insertAfter($lastUser.find('a'));
      
        // on va récupérer l'avatar dans l'infobulle
        $('.avatarLastUser').load('' + urlLastUser +' img[alt="'+ pseudoLastUser +'"]');

    }
});

Pour ces deux derniers codes, Miettes a tout expliqué dans ces tutoriels :
https://tambouille-raleuses.forumactif.com/t408-personnaliser-les-phrases-predefinies-du-qeel#3711
https://tambouille-raleuses.forumactif.com/t446-afficher-l-avatar-du-dernier-inscrit-dans-le-qeel#4222

Et voilà

Merci beaucoup, tout est ok, la commande est donc terminée !

Super, du coup j'archive