
,
en complément de ce tutoriel:
https://www.milouze14.com/t24948-ajouter-des-boutons-a-l-editeur-des-messages-avec-restrictions#507782On pourra avoir le même rendu sur la réponse rapide
Dans le template viewtopic_body:
Affichage/
Templates/
Général/
viewtopic_bodyRecherchez :
- Code:
-
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
Juste avant collez ceci:
- Code:
-
<!-- LE BLOC COMPLET DES BOUTONS -->
<div id="M14_boutons_quickreply">
<!-- LA BARRE DES BOUTONS POUR LES MEMBRES -->
<div id="M14_bloc_membre"> </div>
<!-- FIN -->
<!-- LA BARRE DES BOUTONS POUR LES MODOS -->
<div id="M14_bloc_modo"> </div>
<!-- FIN -->
<!-- LA BARRE DES BOUTONS POUR LES ADMINS -->
<div id="M14_bloc_admin"> </div>
<!-- FIN -->
</div>
<!-- FIN DU BLOC DES BOUTONS -->
Si vous êtes déjà passé par le tutoriel cité plus haut :
supprimez la css concernée et remplacez par celle-ci
Dans la feuille de style:
Affichage/
Images et Couleurs/
Couleurs/
Feuille de style - Code:
-
/*La barre de la reponse rapide*/
#M14_boutons_quickreply
{
width:700px;/*modifiez la largeur si besoin*/
height:44px;
background:#cccccc;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
/*La barre de l editeur des messages */
#M14_bloc_boutons
{
width:100%;
height:44px;
background:#cccccc;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#M14_bloc_boutons a.sceditor-button:active , #M14_boutons_quickreply a.sceditor-button:active
{
background:#20aec8 !important;
}
#M14_bloc_boutons .sceditor-button , #M14_boutons_quickreply .sceditor-button
{
width:32px;
height:32px;
margin-left:5px;
padding:4px;
border-top:3px solid #cccccc;
cursor:pointer;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
#M14_bloc_boutons a.sceditor-button div , #M14_boutons_quickreply a.sceditor-button div
{
width:32px;
height:32px;
background-color:transparent !important;
}
#M14_bloc_boutons .sceditor-button:hover , #M14_boutons_quickreply .sceditor-button:hover
{
border-top:3px solid #141414;
background:#cccccc;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
}
#M14_bloc_boutons:hover , #M14_boutons_quickreply:hover
{background:#666666;}
Pense à valider les modifications en cliquant sur le bouton

.