Ajouter 3 boutons à l'éditeur avec restriction

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

jlmic
jlmic

Messages : 3854
Points : 18351
Réputation : 11212
Date d'inscription : 20/10/2016
Voir le profil de l'utilisateur http://www.informaticsclubs.com/

Messagejlmic le Sam 11 Mar - 4:05

  • 18px
  • 24px
bonjour

je vous propose d'ajouter 3 boutons à l'éditeur avec restriction
Ajouter 3 boutons à l'éditeur avec restriction Bout10

ils ne seront visibles que par les admins


le 1er  pour fermer les dépannages résolus Ajouter 3 boutons à l'éditeur avec restriction EISZPwN

Ajouter 3 boutons à l'éditeur avec restriction Tut110

attention ......... une fois posté il faudra verrouiller le topic en question




le 2ème pour fermer un sujet (pour X raisons) Ajouter 3 boutons à l'éditeur avec restriction CI8SnOI

Ajouter 3 boutons à l'éditeur avec restriction Tut210

il faudra remplacer "MOTIF DE LA FERMETURE" par le motif pour lequel le sujet sera fermé, puis verrouiller le topic




et le 3ème pour une info quelconque Ajouter 3 boutons à l'éditeur avec restriction 40zM1qS

Ajouter 3 boutons à l'éditeur avec restriction Tut310

il faudra remplacer "TEXTE OU IMAGE" par ce que vous voulez
à noter que pour une image il faudra en mettre une petite (pas trop large surtout ...... maximum 320px si possible) pour ne pas déformer le cadre


lorsque vous uploader une image prenez soin de mettre l'option de redimensionnement sur "320px (pour les blogs)" (voir image ci-dessous)

Ajouter 3 boutons à l'éditeur avec restriction Capt10

ce qui devrait donner ça
Ajouter 3 boutons à l'éditeur avec restriction Capt11




on passe au script maintenant
Modules/HTML&JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript

Créer un nouveau javascript

Mettre un titre explicite.
Cocher sur toutes les pages
Code:Sélectionner
Code:
//Sujets verouillé-fermé et information
 $(function(){if (_userdata.user_level ==1)
$(function(){
            
  
         $('<a class="sceditor-button sceditor-button-solved"
unselectable="on" title="Sujet résolu" > <div
unselectable="on"style="background-image:url(http://i.imgur.com/EISZPwN.png)"></div></a>').insertAfter('.sceditor-button-source').click(function(){
  
                
 $('#text_editor_textarea').sceditor("instance").insertText('<div
class="jlmic_solved"><div class="titl"><center>Sujet
résolu</center></div><div><center>Ton sujet est
dorénavant fermé<br>Mais il peut être ré-ouvert à ta demande<br
 />  À bientôt.</center> </div></div>');
             });
        
  
          $('<a class="sceditor-button sceditor-button-closed"
unselectable="on" title="Fermer le sujet"><div unselectable="on"
style="background-image:url(http://i.imgur.com/cI8SnOI.png)"></div></a>').insertAfter('.sceditor-button-solved').click(function(){
  
                
 $('#text_editor_textarea').sceditor("instance").insertText('<div
class="jlmic_lock"><div class="titl"><center>Sujet
verrouillé</center></div><div><center>Ton sujet a
 été fermé par le staff.<br> <span style="color:red">MOTIF
DE LA FERMETURE</span><br /> À bientôt.</center>
</div></div>');
             });
             $('<a
 class="sceditor-button sceditor-button-info" unselectable="on"
title="Information" ><div unselectable="on"
style="background-image:url(http://i.imgur.com/40zM1qS.png)"></div></a>').insertAfter('.sceditor-button-closed').click(function(){
  
                
 $('#text_editor_textarea').sceditor("instance").insertText('<div
class="jlmic_info"><div
class="titl"><center>Information</center></div><div><center>les
 infos du jour.<br> TEXTE OU IMAGE.</center>
</div></div>');
            });
})
});

Pensez à enregistrer puis à valider en cliquant sur  Ajouter 3 boutons à l'éditeur avec restriction 961295321  

ici vous avez l'ID  admins (1 pour admin)
Code:Sélectionner
Code:
{if (_userdata.user_level ==1)

Voici à quoi correspond les user_level:

Utilisateurs et Groupes/Groupes/Administration des Groupes

Ajouter 3 boutons à l'éditeur avec restriction 119

on passe au CSS maintenant
Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style
avec cadre (comme les images du début)
Code:Sélectionner
Code:
.jlmic_solved .titl{background:lightgray;font-size:15px;font-weight:bold;padding:5px;border-bottom:1px dashed #B60505}
.jlmic_solved
 .titl + div{min-height:100px;display:block;margin-left:10px;padding:1px
 1px 1px 25px;background:transparent
url(https://i58.servimg.com/u/f58/17/50/79/68/man-wi13.png) no-repeat
left center}
.jlmic_solved{background:#c5cab5;border:6px double
#48593E;border-bottom-width:10px;border-top-width:10px;border-radius:50px;padding:10px;width:50%;margin:auto;border-radius:750px
 750px/30px 30px;-moz-border-radius:750px/750px 30px
30px;-webkit-border-radius:750px 750px/30px 30px;box-shadow:4px 4px 0px
0px #352727}

.jlmic_lock .titl{background:lightgray;font-size:15px;font-weight:bold;padding:5px;border-bottom:1px dashed #B60505}
.jlmic_lock
 .titl + div{min-height:100px;display:block;margin-left:10px;padding:1px
 1px 1px 25px;background:transparent
url(https://i58.servimg.com/u/f58/17/50/79/68/close11.png) no-repeat
left center}
.jlmic_lock{background:#c5cab5;border:6px double
#48593E;border-bottom-width:10px;border-top-width:10px;border-radius:50px;padding:10px;width:50%;margin:auto;border-radius:750px
 750px/30px 30px;-moz-border-radius:750px/750px 30px
30px;-webkit-border-radius:750px 750px/30px 30px;box-shadow:4px 4px 0px
0px #352727}

.jlmic_info .titl{background:lightgray;font-size:15px;font-weight:bold;padding:5px;border-bottom:1px dashed #B60505}
.jlmic_info
 .titl + div{min-height:100px;display:block;margin-left:10px;padding:1px
 1px 1px 25px;background:transparent
url(https://i58.servimg.com/u/f58/17/50/79/68/24853910.png) no-repeat
left center}
.jlmic_info{background:#c5cab5;border:6px double
#48593E;border-bottom-width:10px;border-top-width:10px;border-radius:50px;padding:10px;width:95%;margin:auto;border-radius:750px
 750px/30px 30px;-moz-border-radius:750px/750px 30px
30px;-webkit-border-radius:750px 750px/30px 30px;box-shadow:4px 4px 0px
0px #352727}

CSS sans cadre

Code:Sélectionner
Code:
.jlmic_solved .titl{background:lightgray;font-size:15px;font-weight:bold;padding:5px;border-bottom:1px dashed #B60505}
.jlmic_solved
 .titl + div{min-height:100px;display:block;margin-left:10px;padding:1px
 1px 1px 25px;background:transparent
url(https://i58.servimg.com/u/f58/17/50/79/68/man-wi13.png) no-repeat
left center}
.jlmic_solved{background:#D4D4D4;padding:10px;margin:auto;}

.jlmic_lock .titl{background:lightgray;font-size:15px;font-weight:bold;padding:5px;border-bottom:1px dashed #B60505}
.jlmic_lock
 .titl + div{min-height:100px;display:block;margin-left:10px;padding:1px
 1px 1px 25px;background:transparent
url(https://i58.servimg.com/u/f58/17/50/79/68/close11.png) no-repeat
left center}
.jlmic_lock{background:#D4D4D4;padding:10px;margin:auto;}

.jlmic_info .titl{background:lightgray;font-size:15px;font-weight:bold;padding:5px;border-bottom:1px dashed #B60505}
.jlmic_info
 .titl + div{min-height:100px;display:block;margin-left:10px;padding:1px
 1px 1px 25px;background:transparent
url(https://i58.servimg.com/u/f58/17/50/79/68/24853910.png) no-repeat
left center}
.jlmic_info{background:#D4D4D4;padding:10px;margin:auto;}
Pensez à cliquer sur le boutonAjouter 3 boutons à l'éditeur avec restriction Boutonvalider



gigi
gigi

Messages : 648
Points : 3405
Réputation : 888
Date d'inscription : 23/03/2017
Age : 56
Localisation : oise
Voir le profil de l'utilisateur http://lacaverneagigi.forums-actifs.com/

Messagegigi le Jeu 14 Fév - 17:51

  • 18px
  • 24px
:thanks:
chrisnvidia
chrisnvidia

Messages : 1280
Points : 7912
Réputation : 4461
Date d'inscription : 30/10/2016
Age : 48
Localisation : Loiret
Voir le profil de l'utilisateur http://sos-pc.forumactif.org/

Messagechrisnvidia le Jeu 5 Sep - 0:11

  • 18px
  • 24px
Ajouter 3 boutons à l'éditeur avec restriction 2795902659
Contenu sponsorisé

MessageContenu sponsorisé

  • 18px
  • 24px

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