Mise à jour du forum - Page 7 — Les-mathematiques.net The most powerful custom community solution in the world

Mise à jour du forum

145791012

Réponses

  • Désolé pour ces photos "GROOOOOSSSSSSES", depuis mon téléphone, je ne sais pas gérer quoique ce soit en ce qui concerne les photos...
  • Modifié (December 2021)
    Supprimé.
    Tu me dis, j'oublie. Tu m'enseignes, je me souviens. Tu m'impliques, j'apprends. Benjamin Franklin
  • @manu : J'ai essayé d'installer un plugin permettant de consulter les pdf directement dans les messages mais ce dernier est bogué du coup je l'ai désactivé.

    C'est une bonne nouvelle ! La solution que tu as mise en place – le nom du fichier Pdf sous forme de lien – est beaucoup plus pratique que cet infâme machin.

    @Sato : Ce serait vraiment bien si chacun pouvait modifier et utiliser sa propre version de cette feuille de style.
    Si tu as des connaissances de base en Html et CSS tu peux modifier tout ce qui apparaît dans ton navigateur. Par exemple, si tu dois lire un long texte beaucoup trop pâle, tu peux modifier sa couleur, et même son formatage et sa police. Le problème est que dans la mesure où tu ne peux pas rendre tes modifications permanentes, tu devras tout recommencer en cas de changement de page.

  • Encore un petit truc : quand on clique sur la cloche, on fait dérouler un petit menu pour voir les nouveautés. Jusque là, tout va bien.
    Le petit truc ennuyeux : on ne peut pas ouvrir la notification dans un nouvel onglet en cliquant sur le bouton du milieu (comme d’habitude avec un lien).

    Je me cite : il suffit de cliquer sur le texte en gras de la notification, soit sur le pseudonyme soit sur le titre du fil.
    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • Modifié (December 2021)
    Bonjour
    Justement, Wilfrid, pour les gens comme moi pour lesquels tout est beaucoup trop pâle et qui ne connaissent pas trop HTML et CSS , tu peux dire où est ce qu'il faut changer pour avoir une couleur plus foncée ?
    Cordialement,
    Rescassol
  • Modifié (December 2021)

    @Rescassol, il faut utiliser les Outils de développement du navigateur, accessibles en pressant F12. Un volet s'affiche sur le bas, que tu peux déplacer à droite ou à gauche.

    Tu commences par cliquer sur l'icône flèche, la première à gauche dans la barre d'outils du volet, puis tu cliques sur le texte que tu trouves trop clair. Dans l'onglet Inspecteur (ou un autre nom) tu vois s'afficher l'élément Html contenant ce texte. Tu notes sa classe CSS, par exemple

    <div class="message userContent"> ... le texte ... </div>

    Ensuite tu cherches l'onglet Règles (CSS bien sûr), dans lequel s'affichent les règles qui impactent l'élément Html en question. Tu vas en trouver une qui ressemblera à

    .userContent { ... }
    ou
    .Message { ... }
    ou
    .userContent.Message { ... }

    Si l'élément Html possède un id="machin" plutôt qu'une classe (mais ça peut être les deux) alors la règle sera

    #machin { ... }

    Dans ces règles-là tu cherches la propriété color, par exemple color: #666;. Déjà, tu constates que c'est beaucoup trop clair (du noir profond au blanc pur on va de #000 à #FFF. Trois caractères alphanumériques signifient que les 6 caractères du code hexadécimal sont identiques, par exemple #000000, #FFFFFF, etc. Tu double-clique sur la valeur hexadécimale et tu la remplaces par #111 (pas #000, c'est horrible, mais c'est à toi de voir), puis tu cliques en dehors de ce champ pour valider. Tu verras que le texte en question prend immédiatement la couleur que tu as définie. Surtout ne recharge pas la page, tu devrais tout recommencer !

    Si tu veux changer la police du texte tu cherches la propriété font-family. Elle doit être présente sur ton ordinateur (mais tu peux te contenter de serif ou sans-serif). Si tu veux modifier sa taille tu cherches la propriété font-size (exemple : 15px, c'est-à-dire 15 pixels). Si le texte est en italiques et que ça te dérange, tu cherches la propriété font-style: italic; et tu remplaces italic; par normal; (on met toujours un point-virgule à la fin d'une propriété).

    Une fois tes modifications terminées tu peux refermer le volet

    Voilà ! Au début ça paraît compliqué, mais avec un peu d'entraînement ça te prendra moins d'une minute pour régler ce que tu juges problématique sur une page.

    EDIT : en général, le texte se trouve entre les balises <p> ... </p>. Dans ce cas, c'est la règle p { ... } que tu dois trouver dans le volet Règles, ou encore p.truc { ... } si la balise p en question a la classe "truc" : <p class="truc"> ... le texte ... </p>.

  • Je ne suis pas certain que Rescassol ait saisi le fait qu'il doit répéter toute cette procédure à chaque chargement de page... :mrgreen:
  • Bonjour,

    Merci, Wilfrid, il me faut un peu de temps pour digérer tout ça.

    Cordialement,
    Rescassol

  • Modifié (December 2021)
    Tu as mal lu mon précédent message. J'ai écrit "Surtout ne recharge pas la page, tu devrais tout recommencer !".
    C'est surtout utile lorsque tu as un long texte à lire et qu'il est mal formaté ou trop clair.
  • En revanche, avec un outil comme Greasemonkey (le nom a peut-être changé), tu conserves les modifications.
    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • Modifié (December 2021)
    Je ne connaissais pas Greasemonkey. Je suppose qu'il permet de créer une nouvelle feuille de styles, qu'il injecte à chaque chargement de la même page. Le problème dans ce cas est qu'il doit "écouter" ton navigateur de manière à détecter la page chargée et lui injecter la bonne feuille de styles. Ce ne serait pas de l'espionnage, par hasard ?
    Au-delà de cette interrogation, il y a le fait que personne ne va mettre en branle Greasemonkey pour assombrir du texte sur une page qu'il ne lira qu'une seule fois. Par contre, ça pourrait être intéressant pour ceux qui détestent la couleur rouge du forum. Mais il suffit de faire un seul petit changement dans la règle
    :root {
        --main-bg-color: #c62641;
        --zen-color: #fff3f6;
    }
    la couleur rouge étant #c62641. Bon, il faudrait le faire à chaque voyage, c'est vrai.
  • Merci, je vais essayer d’utiliser greasemonkey dans qutebrowser.


  • Pour te débarrasser du rouge ? Fais-nous savoir si ça fonctionne ! B)
  • Modifié (December 2021)

    @raoul.S

    On n'est plus dans le même registre. Plus haut il était question de modifier des règles CSS pour changer l'aspect d'un ou plusieurs éléments, et toi et nicolas.patrois débarquez avec des extensions pour navigateur qui nécessitent la création de scripts utilisateurs pour obtenir la même chose. Or, il est beaucoup plus facile d'apprendre à modifier du CSS que d'apprendre à programmer en Javascript.

    J'ai expliqué plus haut comment modifier les règles CSS. Si maintenant on veut utiliser Javascript pour remplacer le rouge des header et footer par du bleu, on ouvre la console (F12 > onglet Console), on clique sur la corbeille en haut à gauche pour la nettoyer, et on colle ceci :

    document.querySelector("#header").style.backgroundColor="#2378B5"
    document.querySelector("#MainHeader").style.backgroundColor="#2378B5"
    document.querySelector("div.sticky-header").style.backgroundColor="#2378B5"
    document.querySelector("div.newsletter-block").style.backgroundColor="#2378B5"

    puis on presse Entrée.

    Dans Tampermonkey ça donnerait quelque chose comme

    (function() {
        'use strict';
        window.addEventListener("load", function () {
            document.querySelector("#header").style.backgroundColor="#2378B5"
            document.querySelector("#MainHeader").style.backgroundColor="#2378B5"
            document.querySelector("div.sticky-header").style.backgroundColor="#2378B5"
            document.querySelector("div.newsletter-block").style.backgroundColor="#2378B5"
        }, false)
    })();

    Le seul avantage à s'emmerder avec ces extensions est que la modification réapparaîtra automatiquement à chaque entrée dans le forum et à chaque changement de page (du moins je le suppose !).

  • Modifié (December 2021)
    Si j’ai proposé Greasemonkey, c’est pour des modifications qui ne concernent que peu de forumeurs.
    Par exemple, Untel trouve que la police n’a pas de pattes (serif, alors que personne d’autre ne s’en plaint), inutile d’embêter Emmanuel avec ça.
    De même, Unetelle trouve le bandeau rose laidissime, une ou deux règles pour Greasemonkey et c’est réglé : il est bleu ou alors, il disparaît.
    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • Modifié (December 2021)
    D'où l'utilité de savoir modifier une règle CSS pour agir facilement sur un élément de la page. :D
    EDIT : je veux dire pour une modification occasionnelle.
  • Modifié (December 2021)
    Je viens de m'apercevoir que les 4 instructions débutant par document.querySelector, en pur Javascript, peuvent être remplacées pas une seule instruction jQuery :
    $("#header, #MainHeader, div.sticky-header, div.newsletter-block").css("background-color", "#2378B5")
  • Wilfrid a dit :

    Le seul avantage à s'emmerder avec ces extensions est que la modification réapparaîtra automatiquement à chaque entrée dans le forum et à chaque changement de page.

    L'énorme avantage tu veux dire... :mrgreen:
  • Modifié (December 2021)
    Certes, mais encore faut-il savoir coder en Javascript pour obtenir le résultat désiré, donc l'avantage en question est à relativiser. Ce qui serait beaucoup plus intéressant c'est qu'au lieu de clamer qu'avec Greasmonkey et Tampermonkey on peut faire des miracles, toi et nicolas.patrois, qui êtes à n'en pas douter d'éminents spécialistes de la question, proposiez un tutoriel pour les Nuls sur la manière de procéder, sans bien sûr oublier le code Javascript destiné à obtenir tel ou tel effet.
  • Modifié (December 2021)
    Je répète que *monkey n’ont pas pour but de donner du travail à Emmanuel, ils ont pour but de modifier le site à sa convenance, si on a envie, tout seul dans son coin, qu’un truc change.
    Et comme je l’ai écrit en privé, je connais leur existence et ça peut en intéresser quelques-uns par ici. En revanche, je ne les ai pas manipulés.
    Toi, Wilfrid, tu proposes des modifications de règles pour le site entier, qu’Emmanuel peut faire ou qu’Untel peut reprendre dans *monkey si ces règles ne sont pas intégrées dans le site.
    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • Modifié (December 2021)
    Bonjour
    J'ai essayé d'écrire comme proposé à evieillardbaron@les-mathematiques.net  mais l'adresse renvoie un mailer daemon.
    Mon message était :
    "Puisque vous demandez de remonter les dysfonctionnements du nouveau site, je me permets de vous signaler ce que vous savez certainement, à savoir que les résultats de recherche sont incomplets."
    et peut être avez-vous écrit une page expliquant le pourquoi de ce changement de site ?
    Bien cordialement.
  • Pourquoi ? Parce que l’ancienne version était… ancienne donc suspecte de faiblesses.
    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • @nicolas.patrois : Je répète que *monkey n’ont pas pour but de donner du travail à Emmanuel

    Je ne vois pas ce qu'Emmanuel viens faire là-dedans ! Il est uniquement question de la vie privée du couple utilisateur/forum, totalement libre de procéder à toutes les manipulations qui lui sembleraient pertinentes, sans avoir à en référer à qui que ce soit. Par exemple, si Untel est perturbé par le rouge dominant au point de ne plus mettre les pieds sur le forum, il n'a pas besoin de l'autorisation d'Emmanuel pour le remplacer par une autre couleur, il a juste besoin que quelqu'un qui connaît le moyen de rendre ce changement permanent lui explique comment faire.

  • Modifié (December 2021)
    Wilfrid a dit :
    Ce qui serait beaucoup plus intéressant c'est qu'au lieu de clamer qu'avec Greasmonkey et Tampermonkey on peut faire des miracles, toi et nicolas.patrois, qui êtes à n'en pas douter d'éminents spécialistes de la question, proposiez un tutoriel pour les Nuls sur la manière de procéder, sans bien sûr oublier le code Javascript destiné à obtenir tel ou tel effet.
    OK why not. Voici un tuto pour les nuls :

    1) vous installer l'extension Greasmonkey pour Firefox ici https://addons.mozilla.org/fr/firefox/addon/greasemonkey/
    2) Vous appuyez sur le petit singe en haut à droite et vous sélectionnez Nouveau script dans le menu déroulant
    3) Vous insérez le code suivant qui se trouve être à 90% celui donné par Wilfrid ci-dessus :mrgreen:

    // ==UserScript==
    // @name     Anonyme Script 153254
    // @include     https://les-mathematiques.net/*
    // @version  1
    // @grant    none
    // ==/UserScript==
    
    window.addEventListener("load", function () {
            document.querySelector("#header").style.backgroundColor="#2378B5"
            document.querySelector("#MainHeader").style.backgroundColor="#2378B5"
            document.querySelector("div.sticky-header").style.backgroundColor="#2378B5"
            document.querySelector("div.newsletter-block").style.backgroundColor="#2378B5"
        }, false)
    Remarquer le "// @include https://les-mathematiques.net/*" qui signifie que ce script doit s'exécuter seulement sur le site "les-mathematiques.net"

    4) Appuyer sur CTRL-S pour sauver le script.

    Voilà c'est fini. Plus besoin de réécrire ce code à chaque fois.
  • Modifié (December 2021)
    Wilfrid a dit :
    Je ne vois pas ce qu'Emmanuel viens faire là-dedans ! Il est uniquement question de la vie privée du couple utilisateur/forum, totalement libre de procéder à toutes les manipulations qui lui sembleraient pertinentes, sans avoir à en référer à qui que ce soit.
    Je ne vois pas pourquoi tu prends la mouche comme ça. Je propose un outil, c’est tout.
    S’il ne te convient pas, ne l’utilise pas.

    [Inutile de recopier le message initial. Un lien suffit. AD]
    Désolé AD, mais il faut remonter plusieurs messages au-dessus, c’est pourquoi je recopie une partie du message (pas longue par ailleurs).

    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • Merci beaucoup. Je suppose que tu as testé tout ça et que les header et footer apparaissent bien en bleu et plus en rouge, n'est-ce pas ?
    Il ne reste plus qu'à ajouter que la couleur "#2378B5", du bleu, peut être remplacée par n'importe quelle autre, du moment qu'elle est en hexadécimal.
  • Ah oui, pourrais-tu remplacer les quatre lignes Javascript par l'unique ligne jQuery que j'ai postée plus haut ? Si ça fonctionne dans la console ça devrait fonctionner dans Greasemonkey.
  • Modifié (December 2021)
    Bonjour ou bonsoir (voir l'heure).
    Avant il y avait un message Gmail qui alerte lorsque vous aviez des nouveautés ?
    Dans cette mise à jour, je ne reçois plus ce message ou bien il n'est pas activé ?
    Pouvez-vous me répondre ?
    Amicalement.
  • Modifié (December 2021)
    @Wilfrid voici le nouveau code (il faut importer jquery)

    et effectivement ça met le header et le footer en bleu.
    // ==UserScript==
    // @name     Anonyme Script 153254
    // @include     https://les-mathematiques.net/*
    // @require https://code.jquery.com/jquery-3.6.0.min.js 
    // @version  1
    // @grant    none
    // ==/UserScript==
    
    window.addEventListener("load", function () {
            $("#header, #MainHeader, div.sticky-header, div.newsletter-block").css("background-color", "#2378B5") // mettre la couleur qui vous convient
        }, false)

    @Tyoussef il faut que tu cliques sur ton profil (= ton avatar) puis modifier le profil puis préférences de notifications.
  • Modifié (December 2021)
    jQuery est déjà chargé par le forum, donc présent, sinon ce code n'aurait pas fonctionné dans la console. Par contre, @manu pourrait très bien décider un jour que le forum n'en a plus besoin, auquel cas ton code modifié ne fonctionnera plus. Pour éviter ça j'écrirais plutôt
    window.addEventListener("load", function () {
        // document.querySelector("#header").style.backgroundColor="#2378B5"
        // document.querySelector("#MainHeader").style.backgroundColor="#2378B5"
        // document.querySelector("div.sticky-header").style.backgroundColor="#2378B5"
        // document.querySelector("div.newsletter-block").style.backgroundColor="#2378B5"
        $("#header, #MainHeader, div.sticky-header, div.newsletter-block").css("background-color", "#2378B5") // mettre la couleur qui vous convient
    }, false)
    Le pur Javascript est simplement commenté, prêt à être décommenté pour remplacer la ligne jQuery si besoin est, qui devra quant à elle être commentée.
  • Modifié (December 2021)
    Wilfrid lorsque je parlais d'importer jquery c'était pour Greasemonkey pas pour le forum. Si quelqu'un veut utiliser jquery dans Greasemonkey il faut l'importer à l'aide de la ligne // @require https://code.jquery.com/jquery-3.6.0.min.js.

    Bref il y a tout ce qu'il faut pour afficher le forum suivant les goûts et les couleurs de chacun. Personnellement je n'utilise pas Greasemonkey et le forum me convient tel quel...
  • Modifié (December 2021)
    Merci infiniment $raoul.S$
  • Modifié (December 2021)
    @raoul.s : lorsque je parlais d'importer jquery c'était pour Greasemonkey pas pour le forum.

    Ah oui ? Je n'avais pas fait attention au fait que tu importais jQuery 3.6.0. Je doute que ce soit nécessaire, parce que le code qui permet de modifier la couleur ne tourne pas dans Greasemonkey mais est injecté dans le forum, où jQuery est déjà présent. Pourrais-tu supprimer cette ligne (on gagnerait 80 Ko de téléchargement) et tester si ça fonctionne toujours ? C'est le seul moyen de trancher (encore qu'après avoir dit que tu n'utilisais pas Greasemonkey on soit en droit de se demander si tu n'es pas en train de nous mener en bateau :# ).
    PS : on a des emoji à taille variable :)

  • @Wilfrid j'ai déjà testé tout ce que j'ai posté et ça ne marche pas si on n'importe pas jQuery. Si tu veux essayer ça prend deux secondes, ne te prive pas...
  • Modifié (December 2021)
    Je viens d'installer Greasemonkey en suivant ton tutoriel, et oui, j'ai effectivement dû importer jQuery.
    Je vais maintenant le désactiver, parce que le rouge ne me dérange pas.
  • Modifié (December 2021)
    @referreol2 : j'ai des soucis d'adresse mail depuis le déménagement du site. Si la migration du site est terminée, ce n'est pas encore le cas des comptes de messagerie. Mais tu peux me contacter via la messagerie du forum.
    Pour le moteur de recherche, n'hésite pas à préciser les problèmes rencontrés.
    Pour ce qui est du changement de site, j'avais commencé à écrire une page pour expliquer ce qui l'avait motivé mais c'est resté en état et dans la longue liste des choses à terminer...Quoiqu’il en soit, l'ancien site était vétuste, non adapté aux téléphones et aux tablettes et surtout écrit dans une version de php qui est en train de devenir totalement obsolète.
  • Modifié (December 2021)
    Je pense que la meilleure chose à faire est de supprimer toute référence à jQuery et de ne conserver que le pur Javascript. Ça évitera 80 Ko de téléchargement pour un résultat identique.  :butterfly:
  • Modifié (December 2021)
    Bonsoir.
    Juste concernant le problème d'indexation lors de la recherche d'anciens messages, c'est un problème préexistant à la migration du forum.
    Je tenais juste à préciser cela car je trouve que le nouveau forum est bien plus fonctionnel que l'ancien, et plus joli aussi.
    À bientôt. 

    Cherche livres et objets du domaine mathématique :

    Intégraphes, règles log et calculateurs électromécaniques.

  • Modifié (December 2021)
    En fait, deux lignes suffisent :
    window.addEventListener("load", function () {
        document.documentElement.style.setProperty("--main-bg-color", "#2378B5")
        document.querySelector("#MainHeader").style.backgroundColor="#2378B5"
    }, false)
    Normalement, la deuxième ligne ne devrait pas figurer, parce que modifier la valeur de la variable --main-bg-color (couleur de fond principale, ou dominante) devrait suffire à changer tout ce qui est en rouge, y compris les gros boutons. Si ce n'est pas le cas c'est parce que plusieurs feuilles de styles sont utilisées, et que toutes n'ont pas accès à cette variable.
  • Effectivement il vaut mieux supprimer la référence à jQuery, d'ailleurs en ce qui me concerne j'ai carrément supprimé Greasemonkey 🤣
  • Modifié (December 2021)
    Bonjour,
    Je ne vois plus la possibilité d'insérer du code (par exemple un code python en respectant l'indentation) dans la fenêtre d'édition des messages. Je trouve ça très embêtant.
  • Modifié (December 2021)
    Il faut cliquer sur le ¶.
    Ensuite, si ça merdouille, ev a trouvé la parade : basculer en HTML (le </>) puis revenir sans.
    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • Ok, merci, vu !
  • @raoul.S : Effectivement il vaut mieux supprimer la référence à jQuery ...

    En m'adressant à toi je visais ceux qui ont installé Greasemonkey et n'ont pas ressenti le besoin de le faire savoir. 🤣

  • Modifié (December 2021)
    Encore deux légers bugues.
    • Je n’arrive pas à coller une image à partir du presse-papier. Je vois  à la place un petit rectangle noir. Je la vois mais très brièvement, ensuite, le carré comme ci-contre : (que je vois quand j’édite le texte, pas dans le message final).
    • Quand on arrive à l’erreur 504 (ça vient de revenir), on voit le système d’exploitation et la version de nginx. Il me semble qu’il vaut mieux ne pas afficher ces données.

    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • Modifié (December 2021)
    @nicolas.patrois : Je n’arrive pas à coller une image à partir du presse-papier.

    Lorsque tu copies une image située sur ton disque dur puis que tu la colle dans un éditeur, ce que tu obtiens n'est pas une image en tant que telle mais une image encodée, comme dans cet exemple :

    <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASYAAAE/CAIAAABkf/neAAAAGXRFWHRTb2Z0d2FyZQ ... alt="">
    Ça ne fonctionne pas dans l'éditeur d'un forum, je veux dire que tu ne verras pas une image. Pour vérifier si l'éditeur contient bien une image encodée, passe en mode Html (icône </>). Pour poster une image il faut que tu cliques sur l’icône correspondante dans la barre d'outils de l'éditeur.

    Concernant l'erreur 504, voici quelques explications.

  • La copie à partir du presse-papier fonctionne dans certains forums mais merci pour le truc de la base 64, je retiens.
    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
  • Modifié (December 2021)
    @nicolas.patrois : Quand on arrive à l’erreur 504 (ça vient de revenir), on voit le système d’exploitation et la version de nginx.

    Eh bien justement, d'après l'article dont je viens de fournir le lien, l'erreur 504 peut être provoquée par la mauvaise configuration d'un serveur proxy NGINX. Chercher le paragraphe "ajuster les paramètres du serveur proxy".

  • Je suggère juste d’enlever la version de nginx et le système d’exploitation du message d’erreur.
    Algebraic symbols are used when you do not know what you are talking about.
            -- Schnoebelen, Philippe
Connectez-vous ou Inscrivez-vous pour répondre.
Success message!