Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Membres connectés récemment
Voir tous les membres

[Edge] Message au-dessus du 1er post d'un topic


2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Splash
Splash
https://lesforums.caforum.fr

MessageSplash Mer 4 Sep 2019 - 21:46

  • Version du forum :
    Edge
  • Templates modifiés :
    oui
  • Navigateur :
    Opera
Hi Phil,

J'ai depuis quelques temps un petit problème de toolbar sur mon forum et plus précisément lorsque je consulte en étant hors line un topic la toolbar est absente, en ligne tout est OK
Spoiler:
[Edge] Message au-dessus du 1er post d'un topic Toolba12


Sur le forum j'ai un script placé sur les sujets qui affiche un message automatique juste au-dessus du topic, ce script :
Code:
/ *
        * Application: Ajouter un message avant le premier post
        * Date: 22/05/2018
        * Version: 1.022052018
        * Copyright (c) Daemon 2018 <help.forumotion.com>
        * Ce travail est gratuit. Vous pouvez le redistribuer et / ou le modifier
        * /
          
        $(function() {
          
            / *
            * forumID -> Entrez l'identifiant du forum qui affichera le message
            * Vous pouvez ajouter le même texte à plusieurs forums en utilisant un tableau "[1, 2, 3]"
            * Ou juste pour un forum en ajoutant simplement l'ID
            * icon -> Choisissez l’icône fontawesome qui apparaîtra au début du message.
            * Vous pouvez choisir une icône sur la page Web suivante: https://www.w3schools.com/icons/fontawesome_icons_webapp.asp
            * texte -> Texte à afficher
            * bgColor -> Couleur de fond du message (couleurs hexadécimales uniquement)
            * borderColor -> Couleur de la bordure du message (couleurs hexadécimales uniquement)
            * fontColor -> Couleur du texte du message (couleurs hexadécimales uniquement)
            * /
  
        
            var config = [
                // Note: Ajouter une virgule à la fin de chaque nouvelle entrée
                {
                    forumID: [24, 18,6,7,8,9,10,11,12,13,1,3,5,4],
                    icon: 'fa fa-sort-amount-asc',
                    text: 'Un petit merci si vous aimez ce partage',
                    bgColor: '#ecff83',
                    borderColor: '#daef67',
                    fontColor: '#7e8a3b'
                },
              {
                    forumID: 23,
                    icon: 'fa fa-thumbs-o-up',
                    text: 'Le Staff CAForum te remercie pour cette présentation',
                    bgColor: '#4ea013',
                    borderColor: '#daef67',
                    fontColor: '#fff'
                },
                
                // Remarque: N'ajoutez pas de virgule à la fin de la dernière entrée.
          ];
            var forumID = parseInt($("a[href*='mode=newtopic']").attr("href").match(/\d+/g)[0]),
                el = null,
                validateColors = function(a, b, c) {
                    if (!/#([a-fA-F0-9]{3}){1,2}\b/.test(a, b, c)) throw new RangeError("Use only hexadecimal colors");
                };
            $.each(config, function(idx, item) {
                if ($.isArray(item.forumID) && $.inArray(forumID, item.forumID) !== -1 || item.forumID === forumID) {
        
                    // Paramètres par défaut
                    var icon = 'fa fa-exclamation',
                        text = '',
                        bgColor = '#f3f3f3',
                        borderColor = '#dddddd',
                        fontColor = '#333333';
        
                    $("head").append(
                    '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">' +
                    '<style type="text/css">' +
                    '.message-box {' +
                    '    background-color: #fff;' +
                    '    border: 1px solid #fff;' +
                    '    padding: 13px;' +
                    '    border-radius: 3px;' +
                    '    -moz-border-radius: 3px;' +
                    '    -webkit-border-radius: 3px;' +
                    '    font-size: 15px;' +
                    '    font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif;' +
                    '    font-weight: normal;' +
                    '}' +
                    '</style>'
                    );
        
                    icon = item.icon ? item.icon : icon,
                    text = item.text ? item.text : text,
                    bgColor = item.bgColor ? item.bgColor : bgColor,
                    borderColor = item.borderColor ? item.borderColor : borderColor,
                    fontColor = item.fontColor ? item.fontColor : fontColor;
        
                    // Validation des couleurs
                  validateColors(bgColor, borderColor, fontColor);
        
                    el = $("<div>", {
                        class: 'message-box',
                        style: 'background-color:' + bgColor + ';border-color:' + borderColor + ';color:' + fontColor,
                    }).html("<i class='" + icon + "'></i> " + text);
                    $(el).insertBefore(".post:first");
                }
            });
        });



Tu crois que tu pourrais apporter une correction au script ?

À bientôt


Dernière édition par Splash le Jeu 5 Sep 2019 - 17:30, édité 1 fois
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 5 Sep 2019 - 16:13

Hello Fred,

ce script n'est pas configuré pour un affichage permanent (connecté ou non ) :

Celui-ci devrait fonctionner:

Code:
    / *
            * Application: Ajouter un message avant le premier post
            * Date: 22/05/2018
            * Version: 1.022052018
            * Copyright (c) Daemon 2018 <help.forumotion.com>
            * Ce travail est gratuit. Vous pouvez le redistribuer et / ou le modifier
            * /
             
            $(function() {
              if(!_userdata["session_logged_in"])return;
                / *
                * forumID -> Entrez l'identifiant du forum qui affichera le message
                * Vous pouvez ajouter le même texte à plusieurs forums en utilisant un tableau "[1, 2, 3]"
                * Ou juste pour un forum en ajoutant simplement l'ID
                * icon -> Choisissez l’icône fontawesome qui apparaîtra au début du message.
                * Vous pouvez choisir une icône sur la page Web suivante: https://www.w3schools.com/icons/fontawesome_icons_webapp.asp
                * texte -> Texte à afficher
                * bgColor -> Couleur de fond du message (couleurs hexadécimales uniquement)
                * borderColor -> Couleur de la bordure du message (couleurs hexadécimales uniquement)
                * fontColor -> Couleur du texte du message (couleurs hexadécimales uniquement)
                * /
     
           
                var config = [
                    // Note: Ajouter une virgule à la fin de chaque nouvelle entrée
                    {
                        forumID: [24, 18,6,7,8,9,10,11,12,13,1,3,5,4],
                        icon: 'fa fa-sort-amount-asc',
                        text: 'Un petit merci si vous aimez ce partage',
                        bgColor: '#ecff83',
                        borderColor: '#daef67',
                        fontColor: '#7e8a3b'
                    },
                  {
                        forumID: 23,
                        icon: 'fa fa-thumbs-o-up',
                        text: 'Le Staff CAForum te remercie pour cette présentation',
                        bgColor: '#4ea013',
                        borderColor: '#daef67',
                        fontColor: '#fff'
                    },
                   
                    // Remarque: N'ajoutez pas de virgule à la fin de la dernière entrée.
              ];
                var forumID = parseInt($("a[href*='mode=newtopic']").attr("href").match(/\d+/g)[0]),
                    el = null,
                    validateColors = function(a, b, c) {
                        if (!/#([a-fA-F0-9]{3}){1,2}\b/.test(a, b, c)) throw new RangeError("Use only hexadecimal colors");
                    };
                $.each(config, function(idx, item) {
                    if ($.isArray(item.forumID) && $.inArray(forumID, item.forumID) !== -1 || item.forumID === forumID) {
           
                        // Paramètres par défaut
                        var icon = 'fa fa-exclamation',
                            text = '',
                            bgColor = '#f3f3f3',
                            borderColor = '#dddddd',
                            fontColor = '#333333';
           
                        $("head").append(
                        '<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">' +
                        '<style type="text/css">' +
                        '.message-box {' +
                        '    background-color: #fff;' +
                        '    border: 1px solid #fff;' +
                        '    padding: 13px;' +
                        '    border-radius: 3px;' +
                        '    -moz-border-radius: 3px;' +
                        '    -webkit-border-radius: 3px;' +
                        '    font-size: 15px;' +
                        '    font-family: open sans,helvetica neue,Helvetica,Arial,sans-serif;' +
                        '    font-weight: normal;' +
                        '}' +
                        '</style>'
                        );
           
                        icon = item.icon ? item.icon : icon,
                        text = item.text ? item.text : text,
                        bgColor = item.bgColor ? item.bgColor : bgColor,
                        borderColor = item.borderColor ? item.borderColor : borderColor,
                        fontColor = item.fontColor ? item.fontColor : fontColor;
           
                        // Validation des couleurs
                      validateColors(bgColor, borderColor, fontColor);
           
                        el = $("<div>", {
                            class: 'message-box',
                            style: 'background-color:' + bgColor + ';border-color:' + borderColor + ';color:' + fontColor,
                        }).html("<i class='" + icon + "'></i> " + text);
                        $(el).insertBefore(".post:first");
                    }
                });
            });
Splash
Splash
https://lesforums.caforum.fr

MessageSplash Jeu 5 Sep 2019 - 16:26

Merci l'ami, je test ça en soirée
Splash
Splash
https://lesforums.caforum.fr

MessageSplash Jeu 5 Sep 2019 - 17:30

Merci l'ami, c'est parfait
Milouze14
Milouze14
Fondateur

https://www.milouze14.net/

MessageMilouze14 Jeu 5 Sep 2019 - 17:36

De rien Fred,

Hello


Sujet résolu et déplacé dans le forum adéquate

A bientôt pour une prochaine demande clin oeil

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum