Les forums Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Compteur de visites gratuit
Annonces
CAForum est aussi un forum d'aide pour phpBB. Voici le lien du forum : https://forums.caforum.fr
Vous voulez créer un forum sans publicités tout en étant propriétaire de votre base de données ?
Contactez moi sur le forum !
CAForum infos
Derniers sujets
» » Bouton MP "Répondre" adapté à la version ModernBB
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 12:59 par NIK SIURI

» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 11:47 par NIK SIURI

» » Modifier la partie des stats en début de qeel
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

» » Mettre une image au qeel
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 11:37 par NIK SIURI

» » Rendre l'image du header cliquable
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 11:34 par NIK SIURI

» » Elargir le cadre de la boite de smileys
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 11:33 par NIK SIURI

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

» » Catégories rétractables sur l'index
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Catégories de différentes couleurs
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 10:07 par NIK SIURI

» » Centrer l'avatar, le pseudo & le rang dans les messages
Placer un message d'avertissement sur le forum Clock-10Mer 31 Jan 2024 - 10:06 par NIK SIURI

» » Modifier l'icône "On-line"
Placer un message d'avertissement sur le forum Clock-10Mar 23 Mai 2023 - 19:15 par Kionk

» » Insérer des boutons "Haut" & "Bas" de forum
Placer un message d'avertissement sur le forum Clock-10Mar 23 Mai 2023 - 11:40 par Kionk

Mars 2024
LunMarMerJeuVenSamDim
    123
45678910
11121314151617
18192021222324
25262728293031

Calendrier Calendrier

Le deal à ne pas rater :
Manga Chainsaw Man : où acheter le Tome 17 édition Collector de ...
19.99 €
Voir le deal

Placer un message d'avertissement sur le forum

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

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Jeu 28 Fév 2019 - 8:51

  • MP
  • Zoom
Hi

Voici une astuce pour afficher un message d'avertissement, en fonction du nombre de messages, ou autre
Cette fonctionnalité peut être utile pour motiver les utilisateurs à participer au forum

Cette astuce est une adaptation de celle laissée sur le forum d'aide roumain : CLIQUEZ

Direction le javascript

Panneau d'administration / Modules / HTML & JAVASCRIPT / Gestion des codes javascript


Mettre ce script Sur toutes les pages :
Code:
$(function() {
    var numar_mesaje = "1",
        culoare = "albastru",
        iconita = "https://cdn4.iconfinder.com/data/icons/meBaze-Freebies/128/info.png",
        latime = "20",
        inaltime = "20",
        spatiu = "8",
        spatiu_stanga = "30",
        informatii_eroare = "INSCRIRE LE MESSAGE ICI";
 
    if (_userdata.session_logged_in == 1 && _userdata.user_posts < numar_mesaje) {
        $('.avertissement').show(function() {
            // CSS PERSONALIZAT
            if (culoare === "rosu") {
                $(this).css({
                    'border-radius': '3px 3px 3px 3px',
                    'background': '#f9f9f9',
                    'border': '1px solid rgba(175, 10, 10, 0.27)',
                    'padding': '' + spatiu + 'px ' + spatiu + 'px ' + spatiu + 'px ' + spatiu_stanga + 'px',
                    'background': '#FFEFEF',
                    'background-image': ' url(' + iconita + ')',
                    'background-size': '' + latime + 'px ' + inaltime + 'px ',
                    'background-position': '0.4% 50%',
                    'background-repeat': 'no-repeat',
                    'color': '#AF0A0A',
                    'font-size': '12px'
                });
            }
            if (culoare === "albastru") {
                $(this).css({
                    'border-radius': '3px 3px 3px 3px',
                    'background': '#f9f9f9',
                    'border': '1px solid rgba(31, 164, 185, 0.29)',
                    'background-color': 'rgb(236, 251, 253)',
                    'padding': '' + spatiu + 'px ' + spatiu + 'px ' + spatiu + 'px ' + spatiu_stanga + 'px',
                    'background-image': ' url(' + iconita + ')',
                    'background-size': '' + latime + 'px ' + inaltime + 'px ',
                    'background-position': '0.4% 50%',
                    'background-repeat': 'no-repeat',
                    'color': 'rgb(42, 156, 171)',
                    'font-size': '12px'
                });
            }
            if (culoare === "galben") {
                $(this).css({
                    'border-radius': '3px 3px 3px 3px',
                    'background': '#f9f9f9',
                    'border': '1px solid rgba(193, 192, 8, 0.5)',
                    'padding': '' + spatiu + 'px ' + spatiu + 'px ' + spatiu + 'px ' + spatiu_stanga + 'px',
                    'background-image': ' url(' + iconita + ')',
                    'background-size': '' + latime + 'px ' + inaltime + 'px ',
                    'background-position': '0.4% 50%',
                    'background-repeat': 'no-repeat',
                    'background': 'rgb(253, 247, 194)',
                    'color': '#777',
                    'font-size': '12px'
                });
            }
            if (culoare === "gri") {
                $(this).css({
                    'border-radius': '3px 3px 3px 3px',
                    'border': '1px solid #d7d7d7',
                    'padding': '' + spatiu + 'px ' + spatiu + 'px ' + spatiu + 'px ' + spatiu_stanga + 'px',
                    'background-image': ' url(' + iconita + ')',
                    'background-size': '' + latime + 'px ' + inaltime + 'px ',
                    'background-position': '0.4% 50%',
                    'background-repeat': 'no-repeat',
                    'background': '#f9f9f9',
                    'color': '#777',
                    'font-size': '12px'
                });
            }
            $(this).html(informatii_eroare);
        });
    }
});

Partie du code à modifier :
Code:
  var numar_mesaje = "1",
        culoare = "albastru",
        iconita = "https://cdn4.iconfinder.com/data/icons/meBaze-Freebies/128/info.png",
        latime = "20",
        inaltime = "20",
        spatiu = "8",
        spatiu_stanga = "30",
        informatii_eroare = "INSCRIRE LE MESSAGE ICI";

numar_mesaje - représente le nombre de messages requis pour ne plus afficher l'avertissement
culoare - la couleur de background
iconita - URL de l'icône
inaltime - hauteur de l'icône
latime - largeur de l'icône
spatiu - l'espace entre la table et le texte
spatiu_stanga - l'espace entre l'icône et le texte
informatii_eroare - le message d'avertissement personnalisé

Pensez à    Valider 2

La dernière étape consiste à placer ce code HTML dans n’importe quelle partie du forum, au choix :
Code:
<div class="avertissement"></div>

Par exemple, dans le template index_body, juste avant ceci :
Code:
<!-- BEGIN switch_user_login_form_header -->

Le message à l'écran

Placer un message d'avertissement sur le forum Div11





:u1:
À bientôt
Bye
David1195

StaffModo
StaffModo
David1195

MessageDavid1195 Jeu 28 Fév 2019 - 14:28

  • MP
  • Zoom
Merci beaucoup !
Invité

Invité
Anonymous

MessageInvité Jeu 28 Fév 2019 - 16:26

  • MP
  • Zoom
Merci beaucoup !
LilaCH

Membre
Membre
LilaCH

MessageLilaCH Dim 3 Mar 2019 - 9:00

  • MP
  • Zoom
Merci beaucoup !
Contenu sponsorisé

MessageContenu sponsorisé

  • MP
  • Zoom

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

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

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