Centrer les boutons au bas de l'éditeur de Message

[Invité]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://homesweethome.forumperso.com

Description du problème

Re-bonjour,

Suite à une panoplie de modification, je croyais en avoir enfin terminé avec l'éditeur de message... mais voilà que je me rends compte que les boutons "Prévisualisation", "Brouillon" et "Envoyer" tirent tous trois vers la gauche.

Comment les centrer sous l'éditeur s.v.p. ?

[MlleAlys]

Bonjour,
Les boutons sont centrés par rapport à la largeur du tableau il me semble, c'est à dite l'éditeur plus les smileys ^^
Essayez le code suivant :

Code:

input.liteoption[value="Prévisualiser"] {
  margin-left: 220px;
}

Si ça ne fonctionne pas ou si ça fait bouger autre chose sur le forum, il faudra par contre passer par les templates =/

[Invité]

Tout est parfait, rien a changé nulle part, sauf qu'ils ne se sont pas centrés sous l'éditeur de la messagerie privée. Ils tirent toujours vers la gauche à cet endroit.

J'aimerais savoir par la même occasion comment faire pour allonger l'espace des smileys qui est beaucoup plus courte dans la messagerie privée que dans l'éditeur des messages, où elle arrive pile avec la fin de l'éditeur.

Si je dois ouvrir un autre sujet pour ce dernier point, ne vous gênez pas pour m'en faire part, j'ai pas de misère avec ça.

[MlleAlys]

Pour les boutons des messages privés :

Code:

form[action="/privmsg"] input[name="preview"] {
  margin-left: 230px;
}

(c'est un peu du rafistolage ^^")

Pour les smileys, ajoutez le code suivant à votre feuille de style :

Code:

form[action="/privmsg"] iframe[name="smilies"] {
  height: 350px!important;
}

[Invité]

(c'est un peu du rafistolage ^^")

C'est aussi ce que je me disais !

Mais bon, tout est super. À date y'a pas de chicane, tout l'monde s'entend !!

Reste un dernier petit rafistolage et tout sera sous contrôle...

Reste à centrer les boutons "Sauvegarder la sélection", "Supprimer la sélection" et "Tout supprimer". Boutons qui se trouvent sur la première page qui s'ouvre lorsque l'on clique sur MP. Eux par contre, comme pour nous contrarier, tirent vers la droite.

À noter que ce ne sont pas ces derniers codes qui sont entrés en conflit avec eux, ils ont toujours tiré vers la droite.

[MlleAlys]

ah pour ceux là on peut faire quelque chose de baucoup plus propre !

- Dans affichages > templates > poster et messages privés > éditez le template privmsgs_body (liste des messages rivés)

- localisez ce passage :

Code:

            <td class="catBottom" colspan="6" align="right" height="28">
                {S_HIDDEN_FIELDS}
                <!-- BEGIN switch_save -->
                <input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}" />&nbsp;&nbsp;
                <!-- END switch_save -->
                <!-- BEGIN switch_move_profile -->
                <input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />&nbsp;&nbsp;
                <!-- END switch_move_profile -->
                <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}" />&nbsp;&nbsp;
                <input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}" />
            </td>

Ce sont les boutons qui nous intéressent dans leur cellule ^^ Ils sont alignés à droite parce que tout le contenu de la cellule est aligné à droite :

- Pour centrer le contenu, dans la balise td au début de ce passage, modifiez align="right" en align="center" ce qui donne :

Code:

            <td class="catBottom" colspan="6" align="center" height="28">
                {S_HIDDEN_FIELDS}
                <!-- BEGIN switch_save -->
                <input class="mainoption" type="submit" name="save" value="{L_SAVE_MARKED}" />&nbsp;&nbsp;
                <!-- END switch_save -->
                <!-- BEGIN switch_move_profile -->
                <input class="mainoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE_MARKED}" />&nbsp;&nbsp;
                <!-- END switch_move_profile -->
                <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MARKED}" />&nbsp;&nbsp;
                <input class="liteoption" type="submit" name="deleteall" value="{L_DELETE_ALL}" />
            </td>

- enregistrez et publiez le template ^^

[Invité]

Et voilà l'travail !

Merci ma bonne fée...

À demain !!!!!

Sujet