Foros del Web » Creando para Internet » Diseño web »

Como crear un recuadro de contacto para mi web

Estas en el tema de Como crear un recuadro de contacto para mi web en el foro de Diseño web en Foros del Web. He hecho un blog en wordpress (xalaka.wordpress.com) y he creado una sección llamada "Contacto" en el cual los usuarios me puedan mandar sugerencias y demás ...
  #1 (permalink)  
Antiguo 19/10/2009, 17:48
Avatar de byhanzo  
Fecha de Ingreso: febrero-2009
Ubicación: Madrid (España)
Mensajes: 125
Antigüedad: 8 años, 9 meses
Puntos: 4
Como crear un recuadro de contacto para mi web

He hecho un blog en wordpress (xalaka.wordpress.com) y he creado una sección llamada "Contacto" en el cual los usuarios me puedan mandar sugerencias y demás cosas a mi cuenta de correo de gmail ([email protected]).

Pues bien, viendo otras páginas... ¿como podría hacer un cuadro en el que poner tu nombre, email y mensaje directamente desde la misma sección a mi correo electrónico sin tener que necesitar programas como outlock o similares? Querria una cosa exactamente así http://www.vidaextra.com/contacto. Eso sí, sin la comprobación de que no eres una máquina, osea el recuadro de ReCAPTCHA.

¿Como creo un recuadro igual o parecido a ese para mi blog?

Saludos y espero haberme explicado bien, ya que lo dudo, jeje.

Muchisimas gracias de antemano.
  #2 (permalink)  
Antiguo 19/10/2009, 17:58
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Como crear un recuadro de contacto para mi web

Hola byhanzo
¿Lo que quieres es un FORMULARIO?
Busca en google como hacer un formulario.
El que tiene esa pagina es:
Código HTML:
 <form action="/contacto" method="post" class="mform"> 
      <input type="hidden" name="action" value="send_post" /> 
      <input type="hidden" name="action" value="send_comment" /> 
      <p> 
        <label for="ud_name" class="mblock">Tu nombre:
        <input type="text" name="name" id="ud_name" size="45" maxlength="30" value="" class="form text" /></label> 
                <label for="ud_email" class="mblock">Tu email:
        <input type="text" name="email" id="ud_email" size="45" maxlength="128" value="" class="form text" /></label> 
                <label for="ud_text" class="mblock">Mensaje:
        <textarea name="text" id="ud_text" rows="12" cols="55" class="form text"></textarea> 
		</label> 
                <script>var RecaptchaOptions = {theme :
                'blackglass', lang:'es'};</script><script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LcWowEAAAAAADWLdDUCDNES-OkbK71AWux-wJwt"></script> 
 
	<noscript> 
  		<iframe src="http://api.recaptcha.net/noscript?k=6LcWowEAAAAAADWLdDUCDNES-OkbK71AWux-wJwt" height="300" width="500" frameborder="0"></iframe><br/> 
  		<textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea> 
  		<input type="hidden" name="recaptcha_response_field" value="manual_challenge"/> 
	</noscript> <p><button class="button" type="submit" name="submit" title="Enviar mensaje" ><span><strong>Enviar</strong></span></button></p> 
      </p> 
    </form> 
Un saludo
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #3 (permalink)  
Antiguo 19/10/2009, 18:18
Avatar de byhanzo  
Fecha de Ingreso: febrero-2009
Ubicación: Madrid (España)
Mensajes: 125
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Como crear un recuadro de contacto para mi web

¿Y en ese código HTML donde meto la dirección a la que quiero que se envíen los mensajes?

¿crees que puedo meter eso, con la dirección que quiero que envie los mensajes, en wordpress y me irá?

Muchas gracias por responder. Saludos!!!
  #4 (permalink)  
Antiguo 19/10/2009, 18:21
Avatar de byhanzo  
Fecha de Ingreso: febrero-2009
Ubicación: Madrid (España)
Mensajes: 125
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Como crear un recuadro de contacto para mi web

Bueno es que no se hacer casi nada, jeje. Si me lo pudieras dar ya todo el código echo y preparado para que se envíe a mi dirección de Gmail. Osea ya solo para que lo pegue en mi blog de wordpress y vaya.

Para meterlo aquí: http://xalaka.wordpress.com/contacto/

Saludos!!!
  #5 (permalink)  
Antiguo 19/10/2009, 18:38
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Como crear un recuadro de contacto para mi web

Cita:
Iniciado por byhanzo Ver Mensaje
Bueno es que no se hacer casi nada, jeje. Si me lo pudieras dar ya todo el código echo y preparado para que se envíe a mi dirección de Gmail. Osea ya solo para que lo pegue en mi blog de wordpress y vaya.

Para meterlo aquí: http://xalaka.wordpress.com/contacto/

Saludos!!!
Si podría darte "todo el código echo y preparado", pero como no quiero que te pierdas la gran sensación de "verlo funcionar después de haberlo hecho uno mismo", sólo te voy a ofrecer mi ayuda orientándote un poco.

Aquí puede ver de que se trata:
http://www.webexperto.com/articulos/...arios-en-html/
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #6 (permalink)  
Antiguo 20/10/2009, 03:49
Avatar de byhanzo  
Fecha de Ingreso: febrero-2009
Ubicación: Madrid (España)
Mensajes: 125
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Como crear un recuadro de contacto para mi web

Vale, según esa página he podido crear este código, ya incluso he metido el e-mail al que quiero que lo manden:

Cita:
<HTML>
<HEAD>
<TITLE>FORMULARIOS</TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:[email protected]" METHOD=POST>
<table align="center" border="0">
<td align="left" width="100">Nombre:
</td>
<td align="center" width="150"><INPUT NAME="nombre" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100">Email:
</td>
<td align="center" width="150"><INPUT NAME="mail" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100">Motivo:
</td>
<td align="center" width="150"><INPUT NAME="motivo" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100"> Mensaje:
</td>
<td><TEXTAREA NAME="mensaje" ROWS=3 COLS=20>
</TEXTAREA>
</td>
<tr>
<td widht="100">
</td>
<td align="right" width="150"><INPUT NAME="boton" TYPE="SUBMIT" VALUE="Enviar">
</td>
</TABLE>
</FORM>
</BODY>
</HTML>

Pero aquí la pregunta, ¿como meto este código en mi blog de Wordpress? Es que me voy a la sección "Contacto" del blog, pongo que voy ha escribir en HTML, copie eso y me aparece pero mal puesto. ¿como lo hago?

Muchas gracias por responderme. Comprendeme que no se mucho de esto, solo quería hacer un blog con mis amigos que sea sencillo y por lo tanto no tengo muchos conocimientos de esto.

Saludos!!!
  #7 (permalink)  
Antiguo 20/10/2009, 11:45
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Como crear un recuadro de contacto para mi web

Hola byhanzo

Pon un link a tu blog para ver que quieres decir con "me aparece pero mal puesto".
Un pregunta, más allá de como se ve ¿funciona?¿haz probado que te lleguen los mail?
Un saludo
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #8 (permalink)  
Antiguo 21/10/2009, 12:54
Avatar de byhanzo  
Fecha de Ingreso: febrero-2009
Ubicación: Madrid (España)
Mensajes: 125
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Como crear un recuadro de contacto para mi web

Hola!!!

Pues donde lo quiero poner es aquí: http://xalaka.wordpress.com/informacion/contacto/

Lo que hice fue colocarlo en la página de Contacto pero salía como descolocado o por decirlo de otra manera "descentrado". Por ejemplo el recuadro donde se escribe el mensaje me salía solo la mitad, la otra se quedaba por debajo de la página, vamos que no salía. Otra cosa es que directamente no puedes escribir nada, está como una imagen estática sin poder hacer nada en ella, osea escribir.

Mira, si quieres lo subo y aunque me quede un poco "guarrete" la sección por un tiempo, pero así lo ves.

También lo que he encontrado un poco es que decían que WordPress aceptaba solo código HTML "sencillo", que no se lo que querrán decir con eso.

También decir que en WordPress para escribir algo hay dos modos de escribirlo que los puedes seleccionar en dos pestañas que son: Visual y HTML. Si pongo el código ese en Visual directamente no me sale, y si lo pongo en HTML me sale, pero me sale mal, como te he comentado antes.

Bueno, muchas gracias por contestarme, jeje. Saludos!!!

Última edición por byhanzo; 21/10/2009 a las 13:03
  #9 (permalink)  
Antiguo 21/10/2009, 12:58
Avatar de byhanzo  
Fecha de Ingreso: febrero-2009
Ubicación: Madrid (España)
Mensajes: 125
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Como crear un recuadro de contacto para mi web

A por cierto, he creado este otro código que ya sería el definitivo, ya que he cambiado el titulo "Formularios" por "Contacto" y en las opciones del mensaje he puesto para que al llegar al final del recuadro al estar escribiendo la barra baje sola, sin necesidad de dar al Enter. Esto lo he hecho añadiendo WRAP="soft". En fin, aquí te lo pongo.

Cita:
<HTML>
<HEAD>
<TITLE>CONTACTO</TITLE>
</HEAD>
<BODY>
<FORM ACTION="mailto:[email protected]" METHOD=POST>
<table align="center" border="0">
<td align="left" width="100">Nombre:
</td>
<td align="center" width="150"><INPUT NAME="nombre" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100">Email:
</td>
<td align="center" width="150"><INPUT NAME="mail" MAXLENGTH="25" TYPE="TEXT" VALUE="">
</td>
<tr>
<td align="left" width="100"> Mensaje:
</td>
<td><TEXTAREA NAME="mensaje" ROWS=3 COLS=20 WRAP="soft">
</TEXTAREA>
</td>
<tr>
<td widht="100">
</td>
<td align="right" width="150"><INPUT NAME="boton" TYPE="SUBMIT" VALUE="Enviar">
</td>
</TABLE>
</FORM>
</BODY>
</HTML>
  #10 (permalink)  
Antiguo 25/10/2009, 11:09
Avatar de byhanzo  
Fecha de Ingreso: febrero-2009
Ubicación: Madrid (España)
Mensajes: 125
Antigüedad: 8 años, 9 meses
Puntos: 4
Respuesta: Como crear un recuadro de contacto para mi web

¿Nadie me ayuda?
  #11 (permalink)  
Antiguo 25/10/2009, 17:39
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Como crear un recuadro de contacto para mi web

Hola:

Cita:
Iniciado por byhanzo Ver Mensaje
Comprendeme que no se mucho de esto, solo quería hacer un blog con mis amigos que sea sencillo y por lo tanto no tengo muchos conocimientos de esto.
¿Tienes conocimientos de medicina? Tampoco ¿verdad? ¿Entonces porqué no te dedicas a ella en tu tiempo libre?

Estudiate esto:

Introducción a XHTML.
Introducción a CSS.
CSS Avanzado.

Saludos.

Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:36.