Vous n'êtes pas identifié.
Annonce
Mettez-vous à jour ! WordPress 3.5.1 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: 110
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: 14198
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: 110
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: 14198
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: 110
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: 110
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: 110
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
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 ?
noaneo
les MP seront supprimés sans être lus,donc pas la peine de m'écrire,merci.
Hors ligne
#13 14-04-2012 13:36:13
- Mrpoons
- Bavard WP
- Date d'inscription: 31-03-2012
- Messages: 110
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: 14198
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