Tengo instalado el formulario de Contacto 7 en mi sitio de WordPress, y han de estilo del resto de los campos correctamente, pero por desgracia no puedo encontrar una solución de cómo el estilo de el Archivo botón Adjuntar. He insertado el código que he escrito en el formulario de contacto 7 módulo en el panel de administración. Además de eso, tengo el CSS para el estilo.css;

Alguien me puede ayudar?

<div class="container">

<div class="row">

<div class="col-md-4">
<p>Your Name (required)<br />
    [text* your-name] </p>
</div>

<div class="col-md-4">
<p>Your Email (required)<br />
    [email* your-email] </p>
</div>

<div class="col-md-4">
<p>Subject<br />
    [text your-subject] </p>
</div>
</div>

<div class="row">

<div class="col-md-8">
<p>Your Message<br />
    [textarea your-message] </p>
</div>

<div class="col-md-4">

[file* uploadcv limit:50000000 class:cv-upload]

</div>
</div>

<div class="row">
<div class="col-md-4 ">
[recaptcha id:recapcha class:recapcha]
</div>

<p>[submit "Send"]</p>
</div>

</div>
  • la entrada de campo de tipo de cambio sólo mediante el uso de jquery
  • Puede que un enlace a una versión en vivo de su página de contacto? Tengo un CSS hack yo siempre uso al estilo de mi archivo de botones de entrada. Necesito inspeccionar el elements para ajustar en consecuencia. 🙂
  • Y @Deepaksaini, eso es vergonzoso dependen de jQuery para cada parte de su proyecto/página. Usted incluso no necesita tener JavaScript. Usted puede lograr esto a través de CSS.
  • eche un vistazo en mi respuesta.
  • unfortunetlyI cant dar la exacta enlace porque el sitio está en mi máquina local. puedes publicar el código, tal vez yo pueda tratar y la figura hacia fuera 🙂
  • Ya he publicado mi respuesta. Acabo de hacer los cambios de acuerdo a Formulario de Contacto HTML de salida para el archivo de entrada 🙂
  • mi código está trabajando aquí está el ejemplo: hestawork.com/quiz/index.php/contact

InformationsquelleAutor elodpal | 2015-11-19

3 Comentarios

  1. 2

    Uso HTml como este

    <div id="upload-file">
       <input type="file" name="photo" />
    </div>

    y css

    #upload-file {
       background: url(images/custom-file-input.png) no-repeat;
    }
    
    #upload-file input {
        opacity: 0;
        display:inherit;
    }

    Creo que va a trabajar.

    • Parece que es de trabajo, gracias compañero 🙂
  2. 0

    Me gusta la idea de usar un reconocido botón para el archivo de entrada (desde el marco Bootstrap), por lo que el uso de .btn-file

    CSS:

        .btn-file {
            position: relative;
            overflow: hidden;
        }
        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            outline: none;
            background: white;
            cursor: inherit;
            display: block;
        }

    HTML:

    <link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/>
    
    
    <span class="btn btn-success btn-file">
                            Browse <input name="file" type="file">
    </span>

  3. -1

    Esto es lo que yo uso

    en el formulario de contacto

    *Nombre

    [texto* tu-nombre]

    *Correo electrónico

    [email* tu email]

    Sujeto

    [texto de su materia]

    input[type=submit]
    {
    background-color: #3498db;
    color: #fff;
    border: none;
    padding: 7px 27px; } textarea {height:100px;}

    Su Mensaje

    [textarea su mensaje]

    [enviar «Enviar»]

Dejar respuesta

Please enter your comment!
Please enter your name here