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

Milouze14 le Sam 29 Juin 2013 - 8:52

  ,

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

Aenigma le Sam 29 Juin 2013 - 9:59

fascicularia le Sam 29 Juin 2013 - 18:10

fleur78 le Dim 7 Juil 2013 - 10:38

Invité le Lun 9 Juin 2014 - 0:10

Isoclem le Ven 18 Juil 2014 - 12:55

Invité le Jeu 11 Fév 2016 - 9:18

dragon594 le Mer 25 Mai 2016 - 16:58

Sacha le Lun 15 Aoû 2016 - 14:15

Chocolatine le Lun 5 Juin 2017 - 21:29

Lilas le Dim 7 Oct 2018 - 5:11

Psychotic Bitch le Dim 27 Jan 2019 - 15:50