Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje26-01-2009, 15:39 (UTC)    
Título del mensaje: Poner imagen de fondo en formulario(.emailmeform)

Se puede poner una imagen de fondo en los formularios creados en esa pagina? y si se puede, Como?
Desde ya gracias
Mensaje26-01-2009, 16:32 (UTC)    
Título del mensaje: Re: Poner imagen de fondo en formulario(.emailmeform)

guiasaintseiyarpg escribió:
Se puede poner una imagen de fondo en los formularios creados en esa pagina? y si se puede, Como?
Desde ya gracias


Si se puede Debe copiar el codigo html y al que quiera agregar imagen le pone lo siguiente

Código:
class="formulario1"


Y debe colocar esto en texto por encima de la pagina:

Código:
<style type="text/css">
<!--
.formulario1 {
   background-image: url(Imagen de fondo);
}
-->
</style>


Con eso te debe funcionar

El primer codigo debes colocarlo mas o menos asi

Cita:
<textarea name="FieldData3" cols="60" rows="10" class="formulario1"></textarea>


Lo que hice basicamente fue agregarle una clase con css Si no te funciona... Pues da mas datos
______________
Quieres mi web? Yo también :P
Mensaje26-01-2009, 16:43 (UTC)    
Título del mensaje:

aber si entendi bien xD el primer codigo q me das lo pego arriba del code del formulario, y el otro por encima de la pagina es asi?
Muchas Gracias
Edito aqui dejo el code del form:
Código:
<form method="post" action="http://www.emailmeform.com/fid.php?formid=216187" enctype="multipart/form-data" accept-charset="UTF-8">
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#000000">
<tr>
<td>
<font face="Verdana" size="2" color="#FFFFFF">Nota: Para realizar un envío satisfactorio debes completar todos los campos. Con respecto al campo (Habilidades & Historia), en el deberás subir un archivo(Word, Block de notas) el cual contenga la historia y habilidades de tu personaje. </font>
 <div style="" id="mainmsg"> </div>

</td>
</tr>
</table>

<br>

<table cellpadding="2" cellspacing="0" border="0" bgcolor="#000000">

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Nombre(Personaje):</font></td>
 <td>
<input type="text" name="FieldData0" value="" maxlength="100" size="30"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Edad(Personaje):</font></td>
 <td>
<input type="text" name="FieldData1" value="" maxlength="100" size="30"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Signo(Personaje):</font></td>
 <td>
<input type="text" name="FieldData2" value="" maxlength="100" size="30"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Habilidad&Historia:</font></td>
 <td>
<input type="file" name="FieldData3" value="" size="60"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Tu Nombre:</font></td>
 <td>
<input type="text" name="FieldData4" value="" maxlength="100" size="30"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">E-Mail:</font></td>
 <td>
<input type="text" name="FieldData5" value="" maxlength="100" size="30"> <div style="position: absolute; left: 1800px; top: 20px;"><a href="http://www.emailmeform.com">free forms</a></div></td>
</tr>     

<tr>
 <td colspan="2">
<table cellpadding=5 cellspacing=0 bgcolor="#000000" width="100%">
<tr bgcolor="#000000">
<td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td>
</tr>
<tr>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td>
<td valign="top"><font color="#000000">Please enter the text from the image</font>   <br><input type="text" name="Turing" value="" maxlength="100" size="10">
 [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]
</td>
</tr>
</table>
</td>
</tr>
<tr>
 <td> </td>
 <td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Enviar" name="Submit">    <input type="reset" class="btn" value="  Borrar  " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>
</table>                     

</form>


Ultima edición por guiasaintseiyarpg el Lun Ene 26, 2009 12:47 pm; editado 1 vez
Mensaje26-01-2009, 16:48 (UTC)    
Título del mensaje:

guiasaintseiyarpg escribió:
aber si entendi bien xD el primer codigo q me das lo pego arriba del code del formulario, y el otro por encima de la pagina es asi?
Muchas Gracias


No debes pegar ese pedazo osea ponerlo no debes cambiar nada solo le agreagas ese padazo a tu code.

Si no lo comprendes no hagas nada
y postea aqui el codigo de tu formulario. O lo envias por MP

El codigo que debes pone en texto por encima de la paginas es este:

Código:
<style type="text/css">
<!--
.formulario1 {
   background-image: url(ACA COLOCA LA IMAGEN DE FONDO QUE VAN A TENER LOS CAMPO DE TEXTO.);
}
-->
</style>


Edito:

Codigo

Código:
<form method="post" action="http://www.emailmeform.com/fid.php?formid=216187" enctype="multipart/form-data" accept-charset="UTF-8">
<table cellpadding="2" cellspacing="0" border="0" bgcolor="#000000">
<tr>
<td>
<font face="Verdana" size="2" color="#FFFFFF">Nota: Para realizar un envío satisfactorio debes completar todos los campos. Con respecto al campo (Habilidades & Historia), en el deberás subir un archivo(Word, Block de notas) el cual contenga la historia y habilidades de tu personaje. </font>
 <div style="" id="mainmsg"> </div>

</td>
</tr>
</table>

<br>

<table cellpadding="2" cellspacing="0" border="0" bgcolor="#000000">

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Nombre(Personaje):</font></td>
 <td>
<input name="FieldData0" type="text" class="formulario1" value="" size="30" maxlength="100"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Edad(Personaje):</font></td>
 <td>
<input name="FieldData1" type="text" class="formulario1" value="" size="30" maxlength="100"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Signo(Personaje):</font></td>
 <td>
<input name="FieldData2" type="text" class="formulario1" value="" size="30" maxlength="100"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Habilidad&Historia:</font></td>
 <td>
<input name="FieldData3" type="file" class="formulario1" value="" size="60"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">Tu Nombre:</font></td>
 <td>
<input name="FieldData4" type="text" class="formulario1" value="" size="30" maxlength="100"> </td>
</tr>     

<tr valign="top">
 <td nowrap><font face="Verdana" size="2" color="#FFFFFF">E-Mail:</font></td>
 <td>
<input name="FieldData5" type="text" class="formulario1" value="" size="30" maxlength="100"> <div style="position: absolute; left: 1800px; top: 20px;"><a href="http://www.emailmeform.com">free forms</a></div></td>
</tr>     

<tr>
 <td colspan="2">
<table cellpadding=5 cellspacing=0 bgcolor="#000000" width="100%">
<tr bgcolor="#000000">
<td colspan="2"><font color="#000000" face="Verdana" size="2"><b>Image Verification</b></font></td>
</tr>
<tr>
<td style="padding: 2px;" width="10"><img src="http://www.emailmeform.com/turing.php" id="captcha"></td>
<td valign="top"><font color="#000000">Please enter the text from the image</font>   <br><input name="Turing" type="text" class="formulario1" value="" size="10" maxlength="100">
 [ <a href="#" onclick=" document.getElementById('captcha').src = document.getElementById('captcha').src + '?' + (new Date()).getMilliseconds()">Refresh Image</a> ] [ <a href="http://www.emailmeform.com/?v=turing&pt=popup" onClick="window.open('http://www.emailmeform.com/?v=turing&pt=popup','_blank','width=400, height=300, left=' + (screen.width-450) + ', top=100');return false;">What's This?</a> ]
</td>
</tr>
</table>
</td>
</tr>
<tr>
 <td> </td>
 <td align="right">
<input type="text" name="hida2" value="" maxlength="100" size="3" style="display : none;">
<input type="submit" class="btn" value="Enviar" name="Submit">    <input type="reset" class="btn" value="  Borrar  " name="Clear"></td>
</tr>
<tr>
<td colspan=2 align="center">
<br>
</td>
</tr>
</table>                     

</form>

______________
Quieres mi web? Yo también :P


Ultima edición por todobanners el Lun Ene 26, 2009 12:52 pm; editado 1 vez
Mensaje26-01-2009, 17:03 (UTC)    
Título del mensaje:

Muchas gracias pero no veo en q parte del codigo tengo q poner la url del fondo, disculpa q te siga molestando esque soy muy nuevo en esto
Mensaje26-01-2009, 17:08 (UTC)    
Título del mensaje:

Vas a:

Identificate
Editar diseño
Configuraciones avanzadas
Pegas este codigo en texto por encima de la pagina
Cita:
<style type="text/css">
<!--
.formulario1 {
background-image: url(ACA COLOCA LA IMAGEN DE FONDO QUE VAN A TENER LOS CAMPO DE TEXTO.);
}
-->
</style>

Y en donde esta con rojo negrita y mas grande pones la url de la imagen.

No hay problema todos tenemos una primera vez
______________
Quieres mi web? Yo también :P
Mensaje26-01-2009, 17:11 (UTC)    
Título del mensaje:

Ah.. perdon q estupido yo crei q cuando modificaste el code del form le habias metido dentro de el algun codigo para poner una imagen d e fondo
Bueno gracias por tu ayuda y pasiencia
Mensaje26-01-2009, 17:13 (UTC)    
Título del mensaje:

guiasaintseiyarpg escribió:
Ah.. perdon q estupido yo crei q cuando modificaste el code del form le habias metido dentro de el algun codigo para poner una imagen d e fondo
Bueno gracias por tu ayuda y pasiencia


No pasa nada... Perdon me quedo grande demas el texto... Y quedo como una ofensa disculpa si te ofendi. Todos alguna vez fuimos así.
______________
Quieres mi web? Yo también :P
Mensaje26-01-2009, 17:19 (UTC)    
Título del mensaje:

No te precupes, no me ofendio para nada, mira si me voy a ofender si tu lo q estas haciendo es ayudarme.
Gracias, saludos
Mensaje27-01-2009, 12:59 (UTC)    
Título del mensaje:

todobanners eres.. mira...

---

Otra forma, es en lugar de poner imágenes en el fondo de los botones y campos para completar, puedes ponerlo detrás.

Pegas el mismo código de todobanners en texto por encima de la página, y en el código del formulario, pon así al principio:


<form class="formulario1" method="post" action="http://www.emailmeform.com/fid.php?formid=216187" enctype="multipart/form-data" accept-charset="UTF-8">
Mensaje27-01-2009, 14:14 (UTC)    
Título del mensaje:

nixoweb escribió:
todobanners eres.. mira...

---

Otra forma, es en lugar de poner imágenes en el fondo de los botones y campos para completar, puedes ponerlo detrás.

Pegas el mismo código de todobanners en texto por encima de la página, y en el código del formulario, pon así al principio:


<form class="formulario1" method="post" action="http://www.emailmeform.com/fid.php?formid=216187" enctype="multipart/form-data" accept-charset="UTF-8">


Bueno ese un modo mas facil xD ufff yo siempre pasando trabajo al santo ....
______________
Quieres mi web? Yo también :P


Ultima edición por todobanners el Mar Ene 27, 2009 10:14 am; editado 1 vez
Mensaje27-01-2009, 15:09 (UTC)    
Título del mensaje:

Esta es la forma mas facil de ponerle un fondo a un input,form,textarea!

Aqui esta el code


Texto por enciama de la pagina:

Código:
<style type="text/css">
input, textarea {
background : url(AQUI LA URL DE FONDO );
color : #000;
border : 1px solid #424242;
}
</style>


lol
______________

Plantillas | CSS | HTML | Normas del foro | Contacto | Tutoriales
Mail de ayuda: contacto@radioflash.com



Ultima edición por radioflash24 el Mar Ene 27, 2009 11:10 am; editado 1 vez
Mensaje28-01-2009, 00:16 (UTC)    
Título del mensaje:

Hola, antes cuando quise moificar el fondo TB modifico el code del form por mi, y tube q agregaarles unas cosas al form y nuevamente tengo q cambiar el fondo, probe con tu codgio(nixo) y no lo cambia..
Mensaje31-01-2009, 11:03 (UTC)    
Título del mensaje:

Yo uso emailform y al crear los formularios pide un color de fondo .. porque no solo quitas el color de fondo de la tabla

Borras esto, o le pones un color igual al fondo del contenido

Código:
bgcolor="#000000"
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group