Membre(s) du Staff connecté(s)
Qui est en ligne?
Invités: 0
Invisibles: 0
Enregistrés: 0
Membres en ligne
Actualisez..

[PHPBB3] Boutons Avertissement Rapide pour Modo et Admin

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

50Thierry
Nouveau membre

50Thierry


Message50Thierry

  • 16px
  • 24px
  • Zoom
Bonjour, je ne suis pas l'auteur de ce script, j'ai seulement repris le script de  FA: http://forum.forumactif.com/t357504-bouton-avertissement-rapide-pour-modo-et-admin#3040146

que j'ai modifié pour qu'il fonctionne sans erreur sur mon Forum Phbbb3, j'ai aussi ajouter un bouton sujet résolu, et fait pas mal de modifications.

voila en images:






maintenant les codes:

le script (sur toutes les pages)

Code:
$(function() {  
 
jQuery('div.postbody div').each(function () {
if(jQuery(this).text().indexOf('[adm]') != -1) {
jQuery(this).html(jQuery(this).html().replace(/\[adm\](.+?)\[\/adm\]/gi, '<div class="adm_mess"><div class="titl">Message Administrateur</div><div>$1 </div></div>')) }  
});  
 
jQuery('div.postbody div').each(function () {
if(jQuery(this).text().indexOf('[mod]') != -1) {
jQuery(this).html(jQuery(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="mod_mess"><div class="titl">Message Modérateur</div><div>$1 </div></div>')) }  
});

jQuery('div.postbody div').each(function () {
if(jQuery(this).text().indexOf('[res]') != -1) {
jQuery(this).html(jQuery(this).html().replace(/\[res\](.+?)\[\/res\]/gi, '<div class="res_mess"><div class="titl">Votre Sujet est Résolu ?</div><div>$1 </div></div>')) }  
});  });


le Widget Admin (visible que par l'admin) vous pouvez changer le Bouton MESSAGE ADMIN ici

Code:
<script type="text/javascript">
jQuery(document).ready(function(){
 
jQuery("#text_editor_textarea").before("<img src='https://i37.servimg.com/u/f37/19/35/15/24/admin14.png' title='Avertissement Admin'  id='admbutt' />");
 
jQuery('#admbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[adm]Bonjour,<br /><br />[/adm]');
jQuery('.sceditor-container textarea')[0].value += '[adm][/adm]'
});
 
});
</script>

le widget modo (visible par les modo et admin) vous pouvez changer le Bouton MESSAGE MODO ici

Code:
<script type="text/javascript">
jQuery(document).ready(function() {
 
jQuery("#text_editor_textarea").before("<img src='https://i37.servimg.com/u/f37/19/35/15/24/modo13.png' title='Avertissement Modo'  id='modbutt' />");
 
jQuery('#modbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[mod]Bonjour,<br /><br />[/mod]');
jQuery('.sceditor-container textarea')[0].value += '[mod][/mod]'
});
 
});
</script>

le widget résolu (visible par modo et admin) vous pouvez changer le Bouton SUJET RÉSOLU ici

Code:
<script type="text/javascript">
jQuery(document).ready(function(){
 
jQuery("#text_editor_textarea").before("<img src='https://i37.servimg.com/u/f37/19/35/15/24/resolu26.png' title='Sujet Resolu'  id='resbutt' />");
 
jQuery('#resbutt').click(function(){
jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[res]Bonjour,<br /> votre sujet est Résolu ?, si oui,<strong> merci de cliquer sur le Bouton « <img src="https://i37.servimg.com/u/f37/19/35/15/24/coolt106.png" /> »</strong>[/res]');
jQuery('.sceditor-container textarea')[0].value += '[res][/res]'
});
 
});
</script>

le CSS Modifié, à mettre en dernier de la liste

PS: Optimiser votre CSS = Oui (et ça fonctionne)

Code:
/*Cadre Bandeau avertissement rapide */
.mod_mess, .adm_mess, .res_mess
{
margin: 5px auto;
width: 90%;
border-radius: 6px;
}

/*Effacement widget sur le forum*/
#wrapper #left
{
display:none;
}

.mod_mess a.postlink, .adm_mess a.postlink, .res_mess a.postlink
{
color: #fff !important;
text-decoration: underline !important;
}
 
/* administrateur bb-Code - ombre de message d'enregistrement*/
.adm_mess
{
box-shadow: 4px 4px 0px 0px #010000;
}

/* Administrateur bb-Code - le titre */
.adm_mess .titl
{
background: #ff0000;
font-size: 15px;
color:#fff;
font-weight: bold;
padding: 5px;
border-radius: 5px;
}
    
/* Administrateur BB-Code - le texte */
.adm_mess .titl + div
{
color:#000000;
display: block;
margin-left: 5px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i.imgur.com/uPsiC.png) no-repeat left center;
}
 
/* Modos BB-Code - ombre de message d'enregistrement*/
.mod_mess
{
box-shadow: 4px 4px 0px 0px #010000;
}

/* Moderateur BB-Code - le titre */
.mod_mess .titl
{
background: #ffbf00;
font-size: 15px;
color:#fff;
font-weight: bold;
padding: 5px;
border-radius: 5px;
}
    
/* moderateur BB-Code - le texte */
.mod_mess .titl + div
{
color:#000000;
display: block;
margin-left: 5px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i.imgur.com/uPsiC.png) no-repeat left center;  
}

/* resolu bb-Code - ombre de message d'enregistrement*/
.res_mess
{
box-shadow: 4px 4px 0px 0px #010000;
}

/* resolu bb-Code - titre */
.res_mess .titl {
background: #6bd22c;
font-size: 15px;
font-weight: bold;
color: #fff;
padding: 5px;
border-radius: 5px;
}
    
/* resolu BB-Code - le texte */
.res_mess .titl + div {
color: #000000;
display: block;
margin-left: 5px;
padding: 25px 5px 25px 80px;
background: transparent url(http://i.imgur.com/uPsiC.png) no-repeat left center;
}


Dernière édition par 50Thierry le Lun 12 Déc 2016 - 18:31, édité 3 fois
Milouze14
Fondateur


Milouze14


MessageMilouze14

  • 16px
  • 24px
  • Zoom
Hello Thierry,
merci pour ce partage mon ami clin oeil



-Le respect de nos semblables est la règle de notre conduite.-

Fondateur des forums



50Thierry
Nouveau membre

50Thierry


Message50Thierry

  • 16px
  • 24px
  • Zoom
bsr Philippe, nous avons tester est ça fonctionne très bien, beaucoup mieux que la version que diffuse FA, et plus de plantage avec mes autres scripts non plus, que du bonheur.

cdt
R_max
Administrateur


R_max


MessageR_max

  • 16px
  • 24px
  • Zoom
merci Thierry .. super

information : sur le tuto du fdf c'est apparemment d’après mes conclusions la couleur en dégradé qui cause des désagréments.. ( elle n'est plus reconnu , et il faut passé le css en mode Optimiser votre CSS
Oui Non
)

il suffit de remettre une couleur ordinaire , et il fonctionne . sans changé l'optimisation du css..



- On ne peut pas peindre du blanc sur du blanc , du noir sur du noir -
" Chacun a besoin de l'autre pour se révéler "

Administrateur des forums



50Thierry
Nouveau membre

50Thierry


Message50Thierry

  • 16px
  • 24px
  • Zoom
bsr, j'ai virer la couleur en dégradé qui bug, j'ai mis sur OUI pour optimisation est tout fonctionne, comme le code que j'ai fournis.

cdt

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