Connexion
Derniers sujets*
» [EDGE] Auto suggestion de la recherche
par tenrev Aujourd'hui à 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
par tenrev Aujourd'hui à 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
» [PHPBB2] Effet loupe sur chaque message
par fanny Jeu 10 Déc 2020 - 10:11
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
par fanny Mer 9 Déc 2020 - 8:27
» [PHPBB2]Afficher les statistiques dans la liste des membres
par fanny Mar 8 Déc 2020 - 9:26
Les statistiques du forum
[PHPBB2] Mettez une icône ou une couleur à un membre choisi
Page 1 sur 1 • Partagez
- Milouze14Fondateur

l'astuce n'est pas de moi , mais je trouvais que ce tutoriel était vraiment très utile
pour vous en faire part

La source
En fait , le tutoriel donne une icône ou une couleur ou même les deux si besoin ,
pour afficher soit que le membre fait parti du groupe bla ou simplement dire que ce membre
a reçu un avertissement

et de vous laisser aller à votre imagination

On part du principe que le membre "milouze" a fait une grosse bêtise et que je l'ai sanctionné ,
on verra alors sur tout le forum quelque soit l'emplacement ceci:
L'aperçu imagé sur l'index:
![[PHPBB2] Mettez une icône ou une couleur à un membre choisi 119](https://i.servimg.com/u/f38/11/26/21/37/119.png)
Il aura une couleur rouge et une icône signalant un problème

Pour groupe "Photoshop" par exemple , on pourra avoir cette apparence:
L'aperçu imagé sur l'index:
![[PHPBB2] Mettez une icône ou une couleur à un membre choisi 214](https://i.servimg.com/u/f38/11/26/21/37/214.png)
Il y aura une couleur blanche avec l'icône Photoshop .
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![]() |
On va commencer par créer un javascript :
Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Collez ceci
- Code:
jQuery(document).ready(function(){
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre1"></span>'));
});
Le Javacript contient seulement un membre

pour en rajouter un autre et ainsi de suite,
il suffira d'ajouter ceci:
- Code:
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre2"></span>'));
Ce qui donnera:
- Code:
jQuery(document).ready(function(){
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre1"></span>'));
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre2"></span>'));
});
Pour cinq membres , le Javscript sera comme ceci:
- Code:
jQuery(document).ready(function(){
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre1"></span>'));
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre2"></span>'));
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre3"></span>'));
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre4"></span>'));
jQuery("a:contains('Le Pseudo du membre')").wrapInner(jQuery('<span class="Membre5"></span>'));
});
Pensez a cliquer sur le bouton

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
collez ceci :
- Code:
.Membre1
{
color: #ED1254; /*La couleur de police*/
padding-right: 21px; /*ne pas toucher*/
background: transparent url('LIEN DE L IMAGE') no-repeat center right;
}
.Membre2
{
color:#ffffff; /*La couleur de police*/
padding-right: 21px; /*ne pas toucher*/
background: transparent url('LIEN DE L IMAGE') no-repeat center right;
}
Pour avoir un effet sympa , l'icône ne devra pas dépasser la taille de 16px

Pensez à valider les modifications en cliquant sur le bouton

Voilà, c'est tout pour le moment

Dernière édition par Milouze14 le Ven 21 Fév 2020 - 17:05, édité 4 fois
- Milouze14Fondateur



NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- Teten85Milouzien
Très intéressant merci Philippe

- fleur78Milouzien
Merci
- enomisMilouzien élite
![[PHPBB2] Mettez une icône ou une couleur à un membre choisi Eno-et10](https://i.servimg.com/u/f34/12/09/44/47/eno-et10.gif)

- pierre31250Milouzien
merci
- InvitéInvité
Merci Philippe
- Jérôme 90Milouzien
Merci

- InvitéInvité
merci Philippe
- databarMilouzien
Merci :)
- Gypsy Water.Milouzien
Merci beaucoup !
- AlishinoMilouzien
Merci beaucoup !
- patriciadpt30Milouzien
Merci beaucoup !
- FlauraMilouzien
Merci beaucoup !
- clostMilouzien
Merci beaucoup !
- dragon594Milouzien
Merci beaucoup !
- Ptite_PerleMilouzien
Merci beaucoup !
- Sick.l.OffrandeMilouzien
- Avertissement : 40/100
Merci beaucoup !
- fred9545Milouzien
Merci beaucoup !
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum