Annonce

Faites la différence entre le service WordPress.com et l'application libre WordPress.

Mettez-vous à jour ! WordPress 4.0 est disponible en français.

Annonce 1 : Le Codex en français a besoin de vous pour avancer !
Annonce 2 : Avant de poster, n'oubliez pas de faire une petite recherche et de lire les règles de ce forum.
Annonce 3 : Lisez notre blog, il regorge de bonnes informations.
Annonce 4 : Rejoignez-nous sur Facebook, Google + et sur Twitter

#1 14-04-2012 11:15:04

Mrpoons
Bavard WP
Date d'inscription: 31-03-2012
Messages: 118

Centrer mon formulaire de contact

Bonjour,

Ma configuration WP actuelle
- Version de WordPress:  3.3.1 :
- Version de PHP/MySQL :
- Thème utilisé:   Studio zen :
- Extensions en place:  Contact Form Plugin :
- Nom de l'hebergeur:  Ovh :
- Adresse du site :
Bonjour,

Je souhaiterai pouvoir centrer mon formulaire de contact j'ai réussit a centrer mon texte dans la page mais pas le formulaire pouvez vous m'aider voici la page:

Cliquez Ici

Merci d'avance.

Dernière modification par Mrpoons (14-04-2012 12:34:50)

Hors ligne

 

#2 14-04-2012 11:36:49

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 15029

Re: Centrer mon formulaire de contact

Peux tu remplir les informations sur la configuration. Comment ce formulaire de contact est créé? par un plugin, intégré au thème, fabriqué de toute pièce?

il faut rajouter une largeur et mettre les marges horizontales à auto dans le style du formulaire pour pouvoir le centrer à l'intérieur d'une page.

Hors ligne

 

#3 14-04-2012 12:27:41

florian95
Connaisseur WP
Date d'inscription: 05-04-2012
Messages: 44

Re: Centrer mon formulaire de contact

Il serait préférable que tu remplisse le formulaire ^^.

Moi ce que j'ai fais c'est que j'ai crée un tableau :

Code: html

<table border="0">
<tbody>
<tr>
<td>[contact-form-7 id="47" title="Contact form 1"]</td>
</tr>
</tbody>
</table>

Hors ligne

 

#4 14-04-2012 12:35:57

Mrpoons
Bavard WP
Date d'inscription: 31-03-2012
Messages: 118

Re: Centrer mon formulaire de contact

Désolé j'ai oublié j'ai modifié le premier post. L'extension c'est Contact Form Plugin.

Jeter un oeil à la page si sa peux vous aider.

Le texte est bien centrer dans ma page. Par contre le formulaire est a gauche.

Hors ligne

 

#5 14-04-2012 12:40:33

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 15029

Re: Centrer mon formulaire de contact

j'avais regardé le source de la page. En ajoutant style="margin: auto; width: 500px;" au formulaire d'id="cntctfrm_contact_form", tu aurais ton formulaire centré.

IL y a énormément de plugins appelés contact form, il faudrait préciser les auteurs ou société

Hors ligne

 

#6 14-04-2012 12:44:55

Mrpoons
Bavard WP
Date d'inscription: 31-03-2012
Messages: 118

Re: Centrer mon formulaire de contact

Voici le lien du plugin:

CLique ici

Hors ligne

 

#7 14-04-2012 12:51:48

florian95
Connaisseur WP
Date d'inscription: 05-04-2012
Messages: 44

Re: Centrer mon formulaire de contact

Mon tableau ne te plait pas lol?

Hors ligne

 

#8 14-04-2012 12:54:58

Mrpoons
Bavard WP
Date d'inscription: 31-03-2012
Messages: 118

Re: Centrer mon formulaire de contact

florian95 a écrit:

Mon tableau ne te plait pas lol?

SI SI lol mais en faite je ne sais pas ou inséré ce code je cherche depuis talleur et aurait tu un exemple a me montrer en ligne de ton formulaire ?

Hors ligne

 

#9 14-04-2012 13:03:09

florian95
Connaisseur WP
Date d'inscription: 05-04-2012
Messages: 44

Re: Centrer mon formulaire de contact

Tu vas sur ta page et sur la partie html tu colle le petit bout de code que je t'ai envoyé. Bien sur il faut modifier la ligne du formulaire. Tu utilise contact form 7?

Hors ligne

 

#10 14-04-2012 13:15:21

Mrpoons
Bavard WP
Date d'inscription: 31-03-2012
Messages: 118

Re: Centrer mon formulaire de contact

Es que c'est ce code à modifié ?

<?php
/*
Template Name: Contact Template
*/
?>
<?php
function uri_path_script() {
?>
        <script type="text/javascript">
        var mtheme_uri="<?php echo get_stylesheet_directory_uri(); ?>";
        </script>
<?php
}
add_action('wp_head', 'uri_path_script');
?>
<?php wp_enqueue_script( 'contactform', MTHEME_JS . '/contact.js', array( 'jquery' ), '' ); ?>
<?php get_header(); ?>

<div class="page-contents-wrap float-left two-column">

<?php if (have_posts()) : ?>

<?php while (have_posts()) : the_post(); ?>

    <div <?php post_class() ?> id="post-<?php the_ID(); ?>">
       
        <div class="entry-wrapper">
        <div class="entry-spaced-wrapper">
       
            <!-- That's the title -->
            <?php if ( is_front_page() ) { ?>
                <h2 class="page-entry-title"><?php the_title(); ?></h2>
            <?php } else { ?>
                <h1 class="page-entry-title"><?php the_title(); ?></h1>
            <?php } ?>
       
            <div class="entry-content clearfix">
           
            <?php the_content() ?> <!-- Display Content -->
               
                <div class="column53 column_space">
                            <h4>Please fill form to Contact us.</h4>
                            <div id="contactform">
                                <div id="successmessage">
                                    <p>
                                         Thank you!
                                    </p>
                                    <p>
                                         Your message was sent successfully! We'll be in touch soon!.
                                    </p>
                                </div>
                                <form id="contact">
                                    <fieldset>
                                        <label for="name" id="name_label">Name</label>
                                        <div class="error" id="error-name">
                                            Please enter name
                                        </div>
                                        <input type="text" name="name" id="name" size="60" value="" class="text-input"/>
                                        <label for="email" id="email_label">E-mail</label>
                                        <div class="error" id="error-email-msg1">
                                            Please enter email
                                        </div>
                                        <div class="error" id="error-email-msg2">
                                            Please provide a valid email.
                                        </div>
                                        <input type="text" name="email" id="email" size="60" value="" class="text-input"/>
                                        <label for="subject" id="subject_label">Subject</label>
                                        <input type="text" name="subject" id="subject" size="60" value="" class="text-input"/>
                                        <label for="msg" id="msg_label">Message</label>
                                        <div class="error" id="error-message">
                                            Please enter message
                                        </div>
                                        <textarea cols="60" rows="10" name="msg" id="msg" class="text-input"></textarea>
                                        <button type="submit" name="submit" class="button" id="submit_button">Send</button>
                                    </fieldset>
                                </form>
                            </div>
                            <!-- end of contactform -->
                        </div>
                <div class="clear"></div>   
                <?php //edit_post_link( __('edit this entry','mthemelocal') ,'<p>','</p>'); ?>
            </div>
            </div>
        </div>
    </div>

   
<!-- Post Loop -->
<?php endwhile; ?>

<?php endif; ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Hors ligne

 

#11 14-04-2012 13:17:25

florian95
Connaisseur WP
Date d'inscription: 05-04-2012
Messages: 44

Re: Centrer mon formulaire de contact

non tu vas dans page. et sur ta page contact

Hors ligne

 

#12 14-04-2012 13:18:23

noaneo
Blogueur Fou
Date d'inscription: 18-03-2011
Messages: 26138
Site web

Re: Centrer mon formulaire de contact

bonjour,
non dans la partie "Pages" ,là où vous avez créé votre page "Contact"
l'éditeur a 2 modes "visuel" ou  "HTML"
il faut cliquer sur l'onglet "HTML"

le shortcode était-il centré sinon ?


signature:
noaneo
les MP seront supprimés sans être lus ,donc pas la peine de m'écrire,merci.
http://informatiquefrance.free.fr/sms/sms_04.gif

Hors ligne

 

#13 14-04-2012 13:36:13

Mrpoons
Bavard WP
Date d'inscription: 31-03-2012
Messages: 118

Re: Centrer mon formulaire de contact

Voici ce que j'ai actuellement dans ma page dans l'onglet html

<p style="text-align: center;"><strong><span style="color: #ffffff;">Pour un devis gratuit, pour toutes questions où renseignements, n'hésitez pas à me contacter via le formulaire du dessous.</span></strong></p>
<p style="text-align: center;"><strong><span style="color: #ffffff;">Je vous répondrai dans les plus brefs délais.</span></strong></p>
<p style="text-align: center;">[contact_form]</p>
<p style="text-align: center;"><a href="http://www.facebook.com/photographe.bourgoin.jallieu"><img src="http://www.studio-graph.fr/img/facebook.jpg" alt="" /></a>  <span style="color: #ffffff;"><strong>Rejoignez moi sur facebook</strong></span></p>
<p style="text-align: center;"><span style="color: #ffffff;"><strong>STUDIOGRAPH'</strong></span></p>
<p style="text-align: center;"><span style="color: #ffffff;"><strong>Sabine Leydier</strong></span></p>
<p style="text-align: center;"><span style="color: #ffffff;"><strong>38300 Bourgoin Jallieu</strong></span></p>
<p style="text-align: center;"><span style="color: #ffffff;"><strong>06 82 45 37 60</strong></span></p>
<p style="text-align: center;"><span style="color: #ffffff;"><strong>APE : 7420Z</strong></span></p>
<p style="text-align: center;"><span style="color: #ffffff;"><strong>N° Siret : 51812652900016</strong></span></p>

Hors ligne

 

#14 14-04-2012 14:45:07

Guy
Blogueur
Date d'inscription: 07-04-2011
Messages: 15029

Re: Centrer mon formulaire de contact

bon.. en fait, je ferai uniquement une modification dans le fichier syle.css du plugin (qui se trouve à l’intérieur du répertoire css)

En rajoutant cela au début du fichier, cela devrait centrer le formulaire.

Code: html

#cntctfrm_contact_form {
    margin: auto;
    width: 400px;
}

Faire attention que pour toute mise à jour du plugin, cette modification sera à reporter.

Hors ligne

 

Pied de page des forums

Propulsé par PunBB 1.2.23
© Copyright 2005-2006 WordPress France

[ Generated in 0.169 seconds, 21 queries executed ]