{"id":1649,"date":"2016-02-15T15:25:33","date_gmt":"2016-02-15T05:25:33","guid":{"rendered":"http:\/\/mbrsolution.com\/es\/?p=1649"},"modified":"2019-01-12T21:26:56","modified_gmt":"2019-01-12T11:26:56","slug":"como-centrar-el-formulario-de-contacto-fscf","status":"publish","type":"post","link":"https:\/\/mbrsolution.com\/es\/wordpress\/como-centrar-el-formulario-de-contacto-fscf\/","title":{"rendered":"Como Centrar El Formulario De Contacto FSCF"},"content":{"rendered":"<p>Como Centrar El Formulario De Contacto FSCF\u00a0te muestra c\u00f3mo centralizar los campos de texto, el contenido div y otros campos del formulario.<\/p>\n<p style=\"text-align: center;\"><em><strong>Actualizado el: 12 de enero, 2019<\/strong><\/em><\/p>\n<p>Esta tutor\u00eda te ayudar\u00e1 a centrar el formulario de contacto <em><strong>utilizando <\/strong><\/em>la versi\u00f3n <em><strong>4.x o superior.<\/strong><\/em><\/p>\n<h2 style=\"text-align: center;\">Como Centrar El Formulario De Contacto FSCF<\/h2>\n<p><em><strong><span style=\"color: #ff0000;\">Nota:<\/span> Es posible que decida ajustar la configuraciones del c\u00f3digo de este tutorial a los c\u00f3digos siguientes.<\/strong><\/em> <em><strong><br \/>\n<\/strong><\/em><\/p>\n<ul>\n<li>De &#8211; <em><strong>text-align: center; <\/strong><\/em>a &#8211;<em><strong>text-align: left;<\/strong><\/em><\/li>\n<li>De &#8211; <em><strong>margin-left: auto; <\/strong><\/em><em><strong>margin-right: auto; <\/strong><\/em>a &#8211;<em><strong>text-align: center;<\/strong><\/em><\/li>\n<\/ul>\n<p style=\"text-align: center;\">================================<\/p>\n<p><strong>Paso 1 ) <\/strong>Haga clic en <em><strong>Configuraci\u00f3n B\u00e1sica <\/strong><\/em>para centrar el mensaje de <em><strong>Texto de bienvenida<\/strong><\/em>. Ver la siguiente imagen.<\/p>\n<ul>\n<li>Cambiar el <em><strong><em><strong>&lt;p&gt;<\/strong><\/em>a<strong><em>&lt;p<\/em><\/strong><\/strong><\/em><em><strong>style = \u00abtext-align: center;\u00bb&gt;&lt;\/p&gt;<\/strong><\/em><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1651 size-full\" title=\"fast-secure-contact-form-estilo-centrico\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-centrico.png\" alt=\"fast-secure-contact-form-estilo-centrico\" width=\"450\" height=\"397\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-centrico.png 450w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-centrico-300x265.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p><strong>Paso 2 ) <\/strong>Haga clic en la pesta\u00f1a <em><strong>Estilos <\/strong><\/em>para a\u00f1adir el c\u00f3digo personalizado. Ver la siguiente imagen.<\/p>\n<p><strong>Recuerda que tienes de seleccionar el m\u00e9todo de entregar el estilo del formulario<\/strong><\/p>\n<ul>\n<li>CSS Hoja de estilo interno (por defecto, editar m\u00e1s adelante)<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1650 size-full\" title=\"fast-secure-contact-form-estilo-2\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-2.png\" alt=\"fast-secure-contact-form-estilo-2\" width=\"450\" height=\"354\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-2.png 450w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-2-300x236.png 300w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p><strong>Paso 3 ) <\/strong>La siguiente imagen muestra donde se tiene que a\u00f1adir el siguiente c\u00f3digo CSS.<\/p>\n<p><strong>C\u00f3digo CSS para A\u00f1adir<\/strong><\/p>\n<ul>\n<li>En los campos DIV: <em><strong>margin-left: auto;<\/strong><\/em><em><strong>margin-right: auto;<\/strong><\/em><\/li>\n<li>En muchos otros campos: <em><strong>text-align: center;<\/strong><\/em><\/li>\n<\/ul>\n<p><strong>Campos<\/strong><\/p>\n<ul>\n<li>Formulario DIV: =\u00a0<em><strong>margin-left: auto;<\/strong><\/em><em><strong>margin-right: auto;<\/strong><\/em><\/li>\n<li>Alineaci\u00f3n etiquetas de entrada DIV: =\u00a0<em><strong>text-align: center;<\/strong><\/em><\/li>\n<li>Alineaci\u00f3n campos de entrada DIV: =\u00a0<em><strong>text-align: center;<\/strong><\/em><\/li>\n<li>Peque\u00f1o CAPTCHA DIV: =\u00a0<em><strong>margin-left: auto;<\/strong><\/em><em><strong>margin-right: auto;<\/strong><\/em><\/li>\n<li>Grande CAPTCHA DIV: =\u00a0<em><strong>margin-left: auto;<\/strong><\/em><em><strong>margin-right: auto;<\/strong><\/em><\/li>\n<li>Enviar DIV: =\u00a0<em><strong>text-align: center;<\/strong><\/em><\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1652 size-full\" title=\"fast-secure-contact-form-estilo-div\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-div.png\" alt=\"fast-secure-contact-form-estilo-div\" width=\"400\" height=\"485\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-div.png 400w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-div-247x300.png 247w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/p>\n<p><strong>Paso 4 ) <\/strong>La siguiente imagen<em> <strong>Estilo de etiquetas, entradas de campo, botones y texto<\/strong><\/em> muestra d\u00f3nde agregar el siguiente c\u00f3digo CSS.<\/p>\n<ul>\n<li>Indicador campo obligatorio:<\/li>\n<li>Campo de texto obligatorio:<\/li>\n<li>Mensajes de validaci\u00f3n de entrada:<\/li>\n<li>Redirigiendo mensaje:<\/li>\n<li>Etiquetas de campo:<\/li>\n<li>Entrada de casilla de texto:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1653 size-full\" title=\"fast-secure-contact-form-estilo-etiquetas\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas.png\" alt=\"fast-secure-contact-form-estilo-etiquetas\" width=\"350\" height=\"359\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas.png 350w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas-292x300.png 292w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas-24x24.png 24w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas-36x36.png 36w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas-48x48.png 48w\" sizes=\"(max-width: 350px) 100vw, 350px\" \/><\/p>\n<p><strong>Paso 5 ) <\/strong>La siguiente imagen contin\u00faa del <em><strong>Paso 4 )<\/strong><\/em> arriba y muestra d\u00f3nde agregar el c\u00f3digo CSS.<\/p>\n<ul>\n<li>Entrada de campo de texto CAPCHA:<\/li>\n<li>Campos de \u00e1rea de texto de entrada:<\/li>\n<li>Seleccione los campos de entrada:<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1654 size-full\" title=\"fast-secure-contact-form-estilo-etiquetas-2\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas-2.png\" alt=\"fast-secure-contact-form-estilo-etiquetas-2\" width=\"500\" height=\"122\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas-2.png 500w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-etiquetas-2-300x73.png 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/p>\n<p><strong>Paso 6 ) <\/strong>La siguiente imagen muestra el formulario de contacto. Como puedes ver las casillas y el texto esta centralizado.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1655 size-full\" title=\"fast-secure-contact-form-estilo-final\" src=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-final.png\" alt=\"fast-secure-contact-form-estilo-final\" width=\"450\" height=\"458\" srcset=\"https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-final.png 450w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-final-295x300.png 295w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-final-24x24.png 24w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-final-36x36.png 36w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-final-48x48.png 48w, https:\/\/mbrsolution.com\/es\/wp-content\/uploads\/2016\/02\/fast-secure-contact-form-estilo-final-64x64.png 64w\" sizes=\"(max-width: 450px) 100vw, 450px\" \/><\/p>\n<p>Por favor, recuerda que en algunos casos su formulario de contacto tendr\u00e1 extra campos a\u00f1adido. Si estos campos no est\u00e1n centrados, tendr\u00e1 que a\u00f1adir el c\u00f3digo mencionado arriba a los campos correspondientes.<\/p>\n<p>Pincha en el siguiente enlace\u00a0<a href=\"https:\/\/mbrsolution.com\/es\/wordpress\/agregar-campos-fast-secure-contact-form-plugin\/\">Como Agregar Campos Fast Secure Contact Form Plugin<\/a> para completar el siguiente tutorial.<\/p>\n<p>Si tiene alguna pregunta, o sugerencia no dude en preguntar.<\/p>\n<p>Disfrutar.<\/p>\n<p><strong>M\u00e1s Cursos de Fast Secure Contact Form:<\/strong><\/p>\n<ul>\n<li><a href=\"https:\/\/mbrsolution.com\/es\/wordpress-plugin-formulario-de-contacto-fscf\/\">WordPress Plugin Formulario De Contacto FSCF<\/a><\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Como Centrar El Formulario De Contacto FSCF\u00a0te muestra c\u00f3mo centralizar los campos de texto, el contenido div y otros campos del formulario. Actualizado el: 12 de enero, 2019 Esta tutor\u00eda te ayudar\u00e1 a centrar el formulario de contacto utilizando la versi\u00f3n 4.x o superior. Como Centrar El Formulario De Contacto FSCF Nota: Es posible que <a href='https:\/\/mbrsolution.com\/es\/wordpress\/como-centrar-el-formulario-de-contacto-fscf\/' class='excerpt-more'>[&#8230;]<\/a><\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[115,11,15],"tags":[130,131],"class_list":["post-1649","post","type-post","status-publish","format-standard","hentry","category-plugin","category-tutorial","category-wordpress","tag-contacto","tag-formulario","category-115-id","category-11-id","category-15-id","post-seq-1","post-parity-odd","meta-position-corners","fix"],"_links":{"self":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts\/1649","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/comments?post=1649"}],"version-history":[{"count":0,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/posts\/1649\/revisions"}],"wp:attachment":[{"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/media?parent=1649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/categories?post=1649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mbrsolution.com\/es\/wp-json\/wp\/v2\/tags?post=1649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}