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
-50%
Le deal à ne pas rater :
-50% Baskets Nike Air Huarache Runner
69.99 € 139.99 €
Voir le deal

[TOUTES VERSIONS]Afficher un message aux membres ayant moins de X messages

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

Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Jeu 28 Fév 2019 - 5:45

Hello les ami(e)s,

voici une astuce venant du support Roumain, qui vous permettra d'afficher un tag là ou vous le souhaitez clin oeil .

Source

Il faut dans un premier temps déposer ce code html là ou vous le souhaitez.

Code:
<div class="avertisment"></div>


L'aperçu imagé en déposant le code html

[TOUTES VERSIONS]Afficher un message aux membres ayant moins de X messages 0112

J'ai juste traduit les couleurs.

Explications concernant le fonctionnement du script:

numar_mesaje  - représente le nombre de messages nécessaires pour afficher l'erreur personnalisée.
Les utilisateurs qui atteignent ce seuil ne pourront plus voir ce message.

culoare - représente le style de la table, elle en a actuellement 4, gris, bleu, jaune et rouge;
iconita - représente l'URL de l'icône à gauche;
inaltime - représente la hauteur de l'icône;
latime - représente la largeur de l'icône;
spatiu - représente l'espace entre la table et le texte;
spatiu_stanga- représente l'espace entre l'icône de gauche et le texte;
informatii_eroare - représente le texte d'erreur personnalisé.

Le nombre de messages est fixé à 10 ici:
Code:
var numar_mesaje = "10"

La couleur de base est définie sur le bleu ici:
Code:
culoare = "bleu",

Remplacez donc par celle que vous désirez, soit le:
Gris
Jaune
Rouge

Le lien de l'image:

Code:
iconita = "https://cdn4.iconfinder.com/data/icons/meBaze-Freebies/128/info.png"

Allez , c'est partiiiii


Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettez un titre explicite.
Cochez sur toutes les pages.


Déposez ceci:
Code:

$(function() {
//https://help.forumgratuit.ro/t51327-mesaj-de-eroare-in-functie-de-numarul-de-mesaje-v1-0
 var numar_mesaje = "10", //représente le nombre de messages
 //CHOISIR LA COULEUR ICI gris, bleu, jaune ou rouge
culoare = "bleu",
     //LE LIEN DE L IMAGE
 iconita = "https://cdn4.iconfinder.com/data/icons/meBaze-Freebies/128/info.png",
 latime = "20",
 inaltime = "20",
 spatiu = "8",
 spatiu_stanga = "30",
 informatii_eroare = "Votre compte risque d'être désactivé. Pour continuer à utiliser ce compte, veuillez être plus actif. Merci!";
 
 if (_userdata.session_logged_in == 1 && _userdata.user_posts < numar_mesaje) {
 $('.avertisment').show(function() {
 // CSS PERSONALIZAT
 if (culoare === "rouge") {
 $(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 === "bleu") {
 $(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 === "jaune") {
 $(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 === "gris") {
 $(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);
 });
 }
 });



Pensez a cliquer sur le bouton Valider


Et voilou les ami(e)s .





Dernière édition par Milouze14 le Lun 29 Nov 2021 - 16:27, édité 4 fois
soleda
soleda
Milouzien

https://www.tutorielgraphismepfs.com/

Messagesoleda Dim 24 Mar 2019 - 8:30

Super grand merci  super
petitefeuille
petitefeuille
Milouzien

https://www.petitefeuille.net/

Messagepetitefeuille Dim 24 Mar 2019 - 9:03

Il m'intéresse bien ce script .. Merci mon Phil  cadeau
Ptite_Perle
Ptite_Perle
Milouzien

https://forumcrea.forumactif.org/

MessagePtite_Perle Ven 3 Avr 2020 - 14:52

Merci

gigi60
gigi60
Milouzien

https://lacaverneagigi.forums-actifs.com/

Messagegigi60 Sam 25 Avr 2020 - 15:52

Bonjour j'ai  bien mis le code met je vois rien ! c'est ou qui faut mettre
Code:
<div class="avertisment"></div>


Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Sam 25 Avr 2020 - 17:57

Hello,


Hello
Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent.
Si ce dernier n'est pas assez explicite:
Le forum d'entraide est prévu à cet effet.


Contenu sponsorisé

MessageContenu sponsorisé

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