[PHPBB2] Ajouter des boutons à la réponse rapide avec restriction

  ,

en complément de ce tutoriel:
https://www.milouze14.com/t24948-ajouter-des-boutons-a-l-editeur-des-messages-avec-restrictions#507782

On pourra avoir le même rendu sur la réponse rapide

Dans le template viewtopic_body:
Affichage/Templates/Général/viewtopic_body

Recherchez :

Code:


<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />


Juste avant collez ceci:

-Astuce des Forums Milouze14&Compagnie- Astuce postée par: Réponse automatique: Merci de cliquer ici pour voir le message Pour toute information,merci de contacter un Membre du Staff

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   .





Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide 
https://www.milouze14.com/f108-entraide-tous-supports

Merci Milouze, pas pour la V3 mais je change souvent donc tôt ou tard j'utiliserai cela en V2.
:exorbtie: 

Merki Milouze pour ce partage

A je regarde ça

Merci

MERCI

Merci ;)

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !