Salut à toi, j'espère que cette demande est toujours d'actualité !

J'ai trouvé une façon de faire assez simple, entièrement en HTML/CSS qui devrait convenir à toutes les versions de forum qui, il me semble, affichent toutes leur formulaire pour les réponses rapides de la même façon. N'ayant aucun schéma ou couleurs avec lesquels travaillés, je me suis permis de faire au plus simple en espérant qu'une fois le système en place tu saches le personnaliser à ton goût !

Donc, sans plus attendre !

Template

Il faudra d'abord ouvrir le template pour l'affichage d'un sujet en suivant ce chemin : "Templates > Général > viewtopic_body" et trouver l'instance qui permet d'afficher les réponses rapides sur un sujet :

Code:

<!-- BEGIN switch_user_logged_in -->
  <a name="quickreply"></a>
  {QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->

Il faudra remplacer ce petit bout de code par et sauvegarder :

Code:

<!-- BEGIN switch_user_logged_in -->
<input id="quickysticky" type="checkbox" style="display: none;" />
<div class="quickysticky">
  <label for="quickysticky">Écrire une rapide réponse...</label>
  <a name="quickreply"></a>
  {QUICK_REPLY_FORM}
</div>
<!-- END switch_user_logged_in -->

CSS

Ensuite, il faudra ajouter ce bout de style dans ton CSS :

Code:

.quickysticky {
  z-index: 50;
  box-sizing: border-box;
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 90%);
  width: 100%; /* pour régler la taille de la boite */
  background-color: gray; 
  padding: 24px 15vw; /* pour régler l'espacement dans la boite */
  transition: transform .2s cubic-bezier(0.4, 0.0, 0.2, 1);
}
.quickysticky > *:not(label) {
  opacity: 0;
  transition: .2s ease;
}

label[for="quickysticky"] {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  background-color: #ddd; /* couleur de la boite */
  padding: 16px;
  border-radius: 8px;
}
#quickysticky:checked + .quickysticky {
  transform: translate(-50%, 0%);
}
#quickysticky:checked + .quickysticky > *:not(label) {
  opacity: 1;
}

Et normalement, tout devrait fonctionner simplement. Pour le résultat, qui s'affiche tout en bas comme une sorte d'onglet : fermé et ouvert.

Voilà voilà, en espérant que ce codage réponde à tes attentes !

Bonjour,

Je viens de tester votre système et je le trouve parfait, il est très bien fait et c'est bien ce que je souhaite, évidemment, il faut que je le personnalise, mais avec les indications dans le code je devrais m'en sortir. ^^

Je pense que ce système serait utile pour beaucoup de forums et serait bien d'être mis en tuto. ^^

Merci beaucoup pour votre aide. Je vous dis bonne journée et bonne année aussi. ^^