Compteur de visites gratuit
CAForum infos
Placer un message d'avertissement sur le forum Imgser10
Derniers sujets
» » Pas autorisé à poster pendant 7 jours?
Placer un message d'avertissement sur le forum Clock-10Aujourd'hui à 16:30 par Diane M

» » Le coucou du jour
Placer un message d'avertissement sur le forum Clock-10Aujourd'hui à 13:03 par David1195

» » Joyeux anniv Splash
Placer un message d'avertissement sur le forum Clock-10Aujourd'hui à 13:00 par David1195

» » Avatar de profil arrondit dans les messages
Placer un message d'avertissement sur le forum Clock-10Aujourd'hui à 12:55 par David1195

» » Vider le cache navigateur
Placer un message d'avertissement sur le forum Clock-10Mar 21 Mai 2019 - 13:39 par David1195

» » Différencier le mode texte et le mode WYSIWYG à l'éditeur
Placer un message d'avertissement sur le forum Clock-10Lun 20 Mai 2019 - 17:08 par Splash

» » Masquer la Google Map aux invités et la réserver aux membres en la publiant en iframe dans un forum dédié
Placer un message d'avertissement sur le forum Clock-10Lun 20 Mai 2019 - 15:30 par Splash

» » Les dernières informations de Forumactif
Placer un message d'avertissement sur le forum Clock-10Lun 20 Mai 2019 - 10:57 par Splash

» » [phpBB2] Que je clic sur n'importe quoi, cela m'amène toujours à la même page???
Placer un message d'avertissement sur le forum Clock-10Ven 17 Mai 2019 - 16:06 par Splash

» » Interdire aux modérateurs la suppression de messages
Placer un message d'avertissement sur le forum Clock-10Mar 14 Mai 2019 - 17:38 par Mathis

» » [JavaScript] Comment activer JavaScript dans votre navigateur
Placer un message d'avertissement sur le forum Clock-10Lun 13 Mai 2019 - 15:37 par Splash

» » Mon ordinateur est long à télécharger...
Placer un message d'avertissement sur le forum Clock-10Dim 12 Mai 2019 - 14:34 par Splash

» » Difficulté à s'inscrire sur mon forum
Placer un message d'avertissement sur le forum Clock-10Dim 12 Mai 2019 - 14:31 par Splash

» » Problème accès CSS
Placer un message d'avertissement sur le forum Clock-10Dim 12 Mai 2019 - 14:28 par Splash

» » Personnaliser la navbar en CSS
Placer un message d'avertissement sur le forum Clock-10Jeu 9 Mai 2019 - 9:26 par David1195

» » Personnaliser la navbar en CSS
Placer un message d'avertissement sur le forum Clock-10Jeu 9 Mai 2019 - 9:21 par David1195

» » Installer le traducteur Google
Placer un message d'avertissement sur le forum Clock-10Jeu 9 Mai 2019 - 0:35 par HeroxAquariophile

» » [phpBB2] Le mot inscription n'apparaît pas sur la bande à l'accueil...
Placer un message d'avertissement sur le forum Clock-10Mar 7 Mai 2019 - 20:29 par Splash

» » Les différents groupes d'un forum
Placer un message d'avertissement sur le forum Clock-10Mar 7 Mai 2019 - 9:00 par Splash

» » Réduire la hauteur des catégories
Placer un message d'avertissement sur le forum Clock-10Lun 29 Avr 2019 - 19:37 par caerran

Placer un message d'avertissement sur le forum

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

Splash

Splash

StaffAdmin
StaffAdmin

MessageSplash le 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



† Aucune aide ne sera donnée en privé
David1195

David1195

StaffModo
StaffModo

MessageDavid1195 le Jeu 28 Fév 2019 - 14:28

  • MP
  • Zoom
Merci beaucoup !



Modérateur des forums



HeroxAquariophile

HeroxAquariophile

Membre
Membre

MessageHeroxAquariophile le Jeu 28 Fév 2019 - 16:26

  • MP
  • Zoom
Merci beaucoup !
LilaCH

LilaCH

Membre
Membre

MessageLilaCH le Dim 3 Mar 2019 - 9:00

  • MP
  • Zoom
Merci beaucoup !

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