imagen de fondo

  • Profile Image
    vduarte
    Asked on March 17, 2013 at 04:20 PM

    Quisiera saber como insertar en el formulario un tema de fondo mediante un archivo de imagen que poseo

     

    Gracias

  • Profile Image
    Welvin
    Answered on March 17, 2013 at 04:23 PM

    Hi,

    This guide will help you to do that: Customize your Form using Custom CSS Codes

    Let us know if you need help implementing this on your form.

    Thanks

  • Profile Image
    vduarte
    Answered on March 17, 2013 at 04:45 PM

    Existe Guia en Español?

  • Profile Image
    jeanettebmz
    Answered on March 17, 2013 at 05:09 PM

    En realidad no, todas nuestras guías están en español

    Pero voy a tratar de ayudarte

    Lo que necesitas es subir esa imagen a un repositorio de imágenes tal como imageshack , (También puedes usar tu propio servidor de hosting. Luego, agarras la URL que genera ese sitio (algo así como http://www.imageshack.us/tuimagen.jpg y la insertas dentro del código.

    .form-all{
           background-image:url( 'URL DE TU IMAGEN');
    }


    También vas a necesita insertar esta línea
    .form-line { background: none; }

    ====================

    Cómo y dónde lo harás? 

    1. Debes tener tu formulario abierto en modo edición. Luego haces click en Setup & Embed (Instalación en Incrustar) , luego en  Preferences (Preferencias)



    2.  Luego en esa ventanta, vas a la pestaña de Form Styles (Estilos de Forma) y luego insertas el código de arriba  en la caja  Inject Custom CSS como se ve en la imagen
    Si tienes más dudas , estoy para ayudarte
    Saludos!
  • Profile Image
    vduarte
    Answered on March 18, 2013 at 06:16 AM
    Te agradezco infinito la ayuda aportada, esta tarde la pondré en practica.

    Pero, dime este otro código donde lo inserto:

    ¿Todo en la caja de texto que me aparece en form styles dentro de la caja de texto Inject coustom CSS? Si es así necesita un orden especial o tal como me lo envías cambiando la url de la imagen?

    Perdona el tiempo que te robo pero es que es la primera vez que utilizo JotForm

    Mil gracias amigo
    Vicente Duarte

    Lo que necesitas es subir esa imagen a un repositorio de imágenes tal como imageshack , (También puedes usar tu propio servidor de hosting. Luego, agarras la URL que genera ese sitio (algo así como http://www.imageshack.us/tuimagen.jpg y la insertas dentro del código.
    .form-all{
    background-image:url( 'URL DE TU IMAGEN');
    }
    También vas a necesita insertar esta línea
    .form-line { background: none; }

    De: JotForm Support Forum [mailto:jotform@jotmails.com]
    Enviado el: domingo, 17 de marzo de 2013 22:09
    Para: vduarte@lospresidentes.org
    Asunto: Re: imagen de fondo

    A new response has been received:
    JotForm
    Answered by jeanettebmz
    En realidad no, todas nuestras guías están en español
    Pero voy a tratar de ayudarte
    Lo que necesitas es subir esa imagen a un repositorio de imágenes tal como imageshack , (También puedes usar tu propio servidor de hosting. Luego, agarras la URL que genera ese sitio (algo así como http://www.imageshack.us/tuimagen.jpg y la insertas dentro del código.
    .form-all{
    background-image:url( 'URL DE TU IMAGEN');
    }
    También vas a necesita insertar esta línea
    .form-line { background: none; }
    ====================
    Cómo y dónde lo harás?
    1. Debes tener tu formulario abierto en modo edición. Luego haces click en Setup & Embed (Instalación en Incrustar) , luego en Preferences (Preferencias)



    2. Luego en esa ventanta, vas a la pestaña de Form Styles (Estilos de Forma) y luego insertas el código de arriba en la caja Inject Custom CSS , como se ve en la imagen

    Si tienes más dudas , estoy para ayudarte
    Saludos!
    View this thread on JotForm Support Forum Unsubscribe
  • Profile Image
    vduarte
    Answered on March 18, 2013 at 08:28 AM

    Solucionado el problema ya pude insertar la imagen de fondo que quería en el formulario.

     

    Lo que no he conseguido es que no se activen ni se visualicen las barras de desplazamiento, pero seguro que me ayudais en esto .

     

     

    Sois geniales muchísimas gracias

  • Profile Image
    Welvin
    Answered on March 18, 2013 at 08:39 AM

    Hi,

    Su imagen de fondo del formulario se ve bien. ¿Ha incorporado este formulario en su sitio web y el formulario se corta y es por eso que necesitamos la barra de desplazamiento? Por favor intenta incrustar el formulario utilizando nuestro método iframe: How to get your Form's Iframe Code.

    Yo uso Google Translate. Espero que esta es la traducción correcta. ¡Salud!

    Gracias!