Modification de bouton admid et modo sur le message rapide

[dragon1973]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 17/12/2015
Lien du forum : http://dragon-graphisme59.forumactif.org

Description du problème

Bonsoir ou bonjour,

Je solicite votre aide une nouvelle fois pour ce qui concerne ce tuto que j'ai trouver sur le forum dont voici le lien ci-dessous qui m'intéresse beaucoup.

https://forum.forumactif.com/t357504-bouton-avertissement-rapide-pour-modo-et-admin

Mais le soucis qui me déplait particulièrement est qu'il faut passer par un widget et que cela je n'en veux pas sur mon forum.

Je signale que le tuto fonctionne car l'ayant installé sur mon forum.

Je vous donne tout les codes du tutos en question ci-dessous.

1) Création des Widgets


   Bouton Avertissement Modérateur


Créer un widget avec seul accès aux modérateurs et administrateurs (Comment créer un widget ?) et installez-le sur la page principale de la colonne activée.

Insérer ce code dans la source du widget :

Code:

        <script type="text/javascript">
        jQuery(document).ready(function() {
        
        jQuery("#text_editor_textarea").before("<img src='http://i73.servimg.com/u/f73/11/66/92/55/bouton12.png' title='Avertissement Modo'  id='modbutt' />");
        
        jQuery('#modbutt').click(function(){
        jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[mod][/mod]');
        jQuery('.sceditor-container textarea')[0].value += '[mod][/mod]'
        });
        
        });
        </script>

   Bouton Avertissement Administrateur


Créer un widget avec des droits d'accès pour les administrateurs et mettre la page d'accueil dans la colonne activée.

Insérer ce code dans la source du widget :

Code:

        <script type="text/javascript">
        jQuery(document).ready(function(){
        
        jQuery("#text_editor_textarea").before("<img src='http://i73.servimg.com/u/f73/11/66/92/55/bouton13.png' title='Avertissement Admin'  id='admbutt' />");
        
        jQuery('#admbutt').click(function(){
        jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[adm][/adm]');
        jQuery('.sceditor-container textarea')[0].value += '[adm][/adm]'
        });
        
        });
        </script>

2) Création d'un Javascript

PA -> Module -> Html et Javascript -> Gestion des codes Javascript -> Créer un nouveau Javascript  

Titre : ce que vous souhaitez ex : "Avertissement rapide modo et Admin"

Placement : Sur toutes les pages

Code Javascript : Copier/ coller celui fourni ci dessous :

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">Avertissement 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">Avertissement Modérateur</div><div>$1 </div></div>')) }  
        });  });

3) Mise en place du CSS

Dans PA -> Affichage -> Couleurs -> Feuille de style Css

Ajouter les éléments suivant à la fin de votre feuille :

Code:

        /*()Bouton avertissement rapide */
        
        .mod_mess, .adm_mess {
        margin: 5px auto;
        width: 90%;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        }
        
        .mod_mess a.postlink, .adm_mess a.postlink {
        color: #FFF !important;
        text-decoration: underline !important;
        }
        
        /* administrateur bb-Code - bloc de message d'enregistrement */
        
        .adm_mess {
        background: #e54858;
        background: -moz-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e54858), color-stop(100%, #f5b57a));
        background: -webkit-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -o-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: -ms-linear-gradient(left, #e54858 0%, #f5b57a 100%);
        background: linear-gradient(left, #e54858 0%, #f5b57a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e54858", endColorstr="#f5b57a", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
        
        /* Administrateur bb-Code - mise en page */
        .adm_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #B60505;  
        }
            
        /* Administrateur BB-Code - présentation du texte */
        .adm_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome-10.png) no-repeat left center;
        }
        
        /* Messages BB-Code - bloc de message d'enregistrement */
        
        .mod_mess {
        background: #5c93f5;
        background: -moz-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, #5c93f5), color-stop(100%, #afcfda));
        background: -webkit-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -o-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: -ms-linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        background: linear-gradient(left, #5c93f5 0%, #afcfda 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5c93f5", endColorstr="#afcfda", GradientType=1);
        -webkit-box-shadow: 4px 4px 0px 0px #352727;
        -moz-box-shadow: 4px 4px 0px 0px #352727;
        box-shadow: 4px 4px 0px 0px #352727;
        }
        
        /* Messages BB-Code - Un titre */
        .mod_mess .titl {
        font-size: 15px;
        font-weight: bold;
        padding: 5px;
        border-bottom: 1px dashed #0D4DD3;    
        }
            
        /* modernité BB-Code - présentation du texte */
        .mod_mess .titl + div {
        display: block;
        margin-left: 10px;
        padding: 25px 5px 25px 80px;
        background: transparent url(http://i33.servimg.com/u/f33/17/37/83/89/gnome610.png) no-repeat left center;  
        }

Voilà donc maintenant je voudrais exactement la même chose mais sans passer par un widget, cela est-il réalisable ????

Donc vous avez toutes les armes que je dispose en votre posséssion pour m'aider en sachant que pour moi les codes et leur compréhension cela ne fait pas deux mais trois dans mon cas, c'est vous dire.

J'attends avec impatience vos réponses.

Bien cordialement Dragon1973.

[stefou]

Bonjour,
Je ne pense pas que cela est faisable, mais voici un code à placer dans le css pour cacher la colonne (widgets) de gauche sur le forum.

Code:

#content-container #left {display:none;}

[dragon1973]

Bonjour Stefou,

Je te remercie pour ton aide l'ami. Je vais essayer de placer cela dans mon CSS pour voir le résultat et je vous dis de quoi il en retourne ensuite.

Amicalement Dragon1973.

[dragon1973]

Re,

Donc voilà j'y ai placer le code dans mon CSS et cela fonctionne correctement l'ami.

Merci beaucoup pour ton aide et je clôture donc ce topic par résolue.

Bien cordialement Dragon1973.