Code pour déplacer les boutons "prévisualiser " et " envoyer " sur la page édition d'un commentaire

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code pour déplacer les boutons "prévisualiser " et " envoyer " sur la page édition d'un commentaire

Message par jackymi le Mer 3 Aoû 2016 - 13:09

Détails techniques


Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.skywebforum.com/

Description du problème

Bonjour

J'ai appliquer ce code pour déplacer les deux boutons , lorsque l'on clique sur le bouton " répondre " sur une réponse classique .

Code:
 input[name="preview"] {
    margin-left:10px;
    margin-top:-80px;
 
      }

    .button1 {
    margin-left:10px;
    margin-top:-80px;
   
    }

http://forum.forumactif.com/t387222-code-pour-deplacer-le-bouton-previsualiser-sur-une-reponse-classique

Par contre je viens de voir qu'il n'agit pas sur la page " éditer " d'un commentaire.
Les deux boutons sont en face de la case " Raison " , donc il faudrait aussi les remonter .

Merci de votre aide . Wink


Dernière édition par jackymi le Jeu 4 Aoû 2016 - 12:09, édité 1 fois

jackymi
****

Masculin
Messages : 343
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour déplacer les boutons "prévisualiser " et " envoyer " sur la page édition d'un commentaire

Message par Neptunia le Mer 3 Aoû 2016 - 13:49

Bonjour ^^

Par contre je viens de voir qu'il n'agit pas sur la page " éditer " d'un commentaire.

Le code agit aussi sur cette page, le souci est que le code agit en pixels. Et lorsque la hauteur entre le corps du message et la position normale des boutons varie, il faudrait que le code css varie lui aussi, chose impossible par la simple feuille css.

Du coup je propose une autre approche par le #template #posting_body

Rechercher, sélectionner et couper (Ctrl+X) la div suivante.
Code:
    <div class="panel row2">
        <div class="inner">
            <span class="corners-top"><span></span></span>
            <fieldset class="submit-buttons">
                {S_HIDDEN_FORM_FIELDS}
                <input type="hidden" name="lt" value="{LAST_TOPIC_ID}" />
                <!-- BEGIN switch_preview -->
                <input class="button2" type="submit" name="preview" value="{L_PREVIEW}" tabindex="5" />&nbsp;
                <!-- END switch_preview -->
                <!-- BEGIN switch_draft -->
                &nbsp;<input class="button2" type="submit" name="draft" value="{L_DRAFT}" tabindex="7" accesskey="d" />&nbsp;
                <!-- END switch_draft -->
                <!-- BEGIN switch_publish -->
                &nbsp;<input class="button2" type="submit" name="publish" value="{L_PUBLISH}" tabindex="8" accesskey="p" />&nbsp;
                <!-- END switch_publish -->
                &nbsp;<input class="button1" type="submit" name="post" value="{L_SUBMIT}" tabindex="6" accesskey="s" />
                <!-- BEGIN switch_signature -->
                &nbsp;<input type="hidden" name="submit" value="{L_SUBMIT}" />
                <!-- END switch_signature -->
            </fieldset>
            <span class="corners-bottom"><span></span></span>
        </div>
    </div>
Puis la coller (Ctrl+V) juste avant la ligne suivante
Code:
<!-- BEGIN edit_reason -->
:enreg: et publier ajout le template.

Tester extensivement parce que de mon côté, placer ces boulons à l'intérieur du fieldset ne m'inspire pas une grande confiance.

Neptunia
+ Hyperactif +

Féminin
Messages : 10387
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour déplacer les boutons "prévisualiser " et " envoyer " sur la page édition d'un commentaire

Message par jackymi le Mer 3 Aoû 2016 - 14:44

@Neptunia a écrit:

Le code agit aussi sur cette page, le souci est que le code agit en pixels. Et lorsque la hauteur entre le corps du message et la position normale des boutons varie, il faudrait que le code css varie lui aussi, chose impossible par la simple feuille css.

Du coup je propose une autre approche par le #template #posting_body

Effectivement........Merci pour ton aide ça fonctionne Very Happy

Bonne journée Hi


jackymi
****

Masculin
Messages : 343
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code pour déplacer les boutons "prévisualiser " et " envoyer " sur la page édition d'un commentaire

Message par jackymi le Jeu 4 Aoû 2016 - 12:08

Bonjour

Les codes fonctionnent avec les boutons de modération que j'avais rajouté sous le corps des messages , ainsi je pouvais les placer à la même hauteur .
Par contre , le résultat n'est pas satisfaisant pour les membres , car cette hauteur est changée et n'ont pas le même visionnage que la modération .

En effet , eux ont les deux boutons en partie cachée , ce qui n'est pas le cas pour le staff .

Problème résolu résolu

jackymi
****

Masculin
Messages : 343
Inscrit(e) le : 09/12/2011

http://www.skywebforum.com/
jackymi a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum