Compteur de visites gratuit
CAForum infos
Placer un message d'avertissement sur le forum Imgser10
Derniers sujets
» » Supprimez les/des boutons de la Chatbox
Placer un message d'avertissement sur le forum Clock-10Ven 19 Juil 2019 - 13:33 par Passiflore

» » [phpBB3] Nouvelle police d'écriture
Placer un message d'avertissement sur le forum Clock-10Jeu 18 Juil 2019 - 9:43 par Splash

» » Un ptit délire
Placer un message d'avertissement sur le forum Clock-10Mer 17 Juil 2019 - 23:06 par Splash

» » Installer une police d'écriture sur votre forum
Placer un message d'avertissement sur le forum Clock-10Sam 13 Juil 2019 - 20:47 par Splash

» » Icône pour la Chatbox sur la toolbar
Placer un message d'avertissement sur le forum Clock-10Sam 13 Juil 2019 - 13:41 par chrisnvidia

» » Rendre l'image du header cliquable
Placer un message d'avertissement sur le forum Clock-10Mer 3 Juil 2019 - 18:38 par David1195

» » Rendre l'image du header cliquable
Placer un message d'avertissement sur le forum Clock-10Mer 3 Juil 2019 - 18:38 par David1195

» » Rendre l'image du header cliquable
Placer un message d'avertissement sur le forum Clock-10Mer 3 Juil 2019 - 18:37 par David1195

» » Personnaliser la fenêtre de Connexion
Placer un message d'avertissement sur le forum Clock-10Mer 3 Juil 2019 - 18:35 par David1195

» » Mettre le profil à droite dans les messages
Placer un message d'avertissement sur le forum Clock-10Mer 3 Juil 2019 - 18:31 par David1195

» » Les dernières informations de Forumactif
Placer un message d'avertissement sur le forum Clock-10Mer 3 Juil 2019 - 17:34 par Splash

» » [Edge] Modifier la fenêtre connexion rapide
Placer un message d'avertissement sur le forum Clock-10Jeu 20 Juin 2019 - 20:00 par Splash

» » Le coucou du jour
Placer un message d'avertissement sur le forum Clock-10Jeu 20 Juin 2019 - 17:11 par chrisnvidia

» » Autres hébergeurs d'images
Placer un message d'avertissement sur le forum Clock-10Jeu 20 Juin 2019 - 16:44 par David1195

» » Modifier l'affichage "Sujets" et "Messages" sur l'index
Placer un message d'avertissement sur le forum Clock-10Jeu 20 Juin 2019 - 16:39 par David1195

» » Bloc de connexion
Placer un message d'avertissement sur le forum Clock-10Jeu 20 Juin 2019 - 16:32 par chrisnvidia

» » Problèmes sur Forumactif depuis le 16 juin 2019
Placer un message d'avertissement sur le forum Clock-10Mer 19 Juin 2019 - 11:29 par Splash

» » [Edge] Mise à jour FAE v1.2.12
Placer un message d'avertissement sur le forum Clock-10Lun 17 Juin 2019 - 21:42 par Splash

» » Pas moyen d'aller dans le panneau d'administration....
Placer un message d'avertissement sur le forum Clock-10Lun 17 Juin 2019 - 13:45 par Diane M

» » Comment écrire Premier et Deuxième ainsi que Degré en exposant
Placer un message d'avertissement sur le forum Clock-10Jeu 6 Juin 2019 - 13:55 par David1195

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