Personalizar el Formulario de www.CutAndPasteScripts.com

Quizás no os termine de gustar el aspecto del formulario. Por defecto, es una tabla como la que os pongo abajo. Pero no os preocupéis, pues podéis apañarla a vuestro antojo con solo saber un poquito de HTML, je je je. No pasa nada. Por un lado, en la sección Curso de HTML podéis aprender suficiente, y por otro, os daré algunos formatos distintos por si os gusta el trabajo hecho, ja ja. Lo importante para que os funcione bien es colocar el número que aparece en el código anterior, casi al final del código, donde pone "activenumbre" VALUE="XXXXXXXX" (el de la imagen de la página de antes). Tomad nota de él pues os vendrá bien si queréis usar los formatos que yo os dejo a continuación.

El formato que os saldrá con el código original es este:

Ejemplo del formulario de CutAndPasteSripts

Bueno, realmente a vosotros os saldrá en ingles, pero os enseñaré como ponerlo en spanish, no hay problema.

Si usais el Dreamweaver, veréis que al pegarlo saltan algunos errores (aunque todo funcionará correctamente). Es por que el código deja mucho que desear, pero podéis arreglarlo o usar el mio, ya corregido y depurado, que queda algo así como este otro (éste si está en español!):

El código de este formato es el siguiente. Recordad poner vuestro número de cuenta en lugar de las XXXXXXX y cambiar los textos de los títulos a vuestro gusto.

<!- Recommendation, by Cut and Paste Scripts. Hosted CGI, with NO adverts and FREE. http://www.cutandpastescripts.com -!> <FORM ACTION="http://www.cutandpastescripts.com/cgi-bin/recommendation/recommend.pl" METHOD="POST"> <TABLE BORDER="1px" CELLPADDING="3" CELLSPACING="1"> <TR><TD bgcolor=#fef1c3><B>Escribe aqu&iacute; tu nombre:</B><br><INPUT TYPE="text" NAME="yourname" SIZE="60" value="tu nombre"></TD></TR> <TR><TD bgcolor=#fef1c3><B>Aqu&iacute; el nombre de tu amig@:</B><br><INPUT TYPE="text" NAME="friendname" SIZE="60" value="nombre de tu amigo"></TD></TR> <TR><TD bgcolor=#fef1c3><B>Tu direcci&oacute;n de correo:</B><br><INPUT TYPE="text" NAME="youremail" SIZE="60" value="tu@emilio"></TD></TR> <TR><TD bgcolor=#fef1c3><B>La de tu amig@:</B><br><INPUT TYPE="text" NAME="friendemail" SIZE="60" value="emiliode@tuamigo"></TD></TR> <TR><TD bgcolor=#fef1c3><B>Y el mensaje que quieres comunicarle:</B><br><TEXTAREA name="comments" rows="5" cols="45">mensaje para tu amig@</TEXTAREA></TD></TR> <TR><TD BGCOLOR=#fef1c3><DIV align="center"><INPUT TYPE="submit" VALUE="Recomendar!"></DIV></TD></TR> </TABLE> <INPUT TYPE="HIDDEN" NAME="activenumber" VALUE="XXXXXXXXXXXXX"> <INPUT TYPE="hidden" NAME="redirect" VALUE="http://www.comocreartuweb.com/version2005/2005-10-acerca-de-cctw/acerca-de-cctw-recomienda-cctw-enviado-ok.html"> <INPUT TYPE="hidden" NAME="membername" VALUE="Jorgens. Webmaster de CómoCrearTuWeb."> <INPUT TYPE="hidden" NAME="memberemail" VALUE="comocreartuweb@comocreartuweb.com"> <INPUT TYPE="hidden" NAME="username" VALUE="jorgens"> </FORM> <!- Cut and Paste Scripts 1999 -!>

Realmente, en este código están mís datos, de modo que aún teneis que cambiar estas cosillas (son las últimas líneas del código).

<INPUT type="HIDDEN" name="activenumber" value="XXXXXXXXXXXXX">

En lugar de XXXXXXXXX poner el número del círculo rojo de la página anterior (el vuestro, claro).

<INPUT type="hidden" name="redirect" value="http://www.comocreartuweb.com/enviado-ok.html">

En lugar de www.comocreartuweb..... poned la ruta completa de la página a la que queréis que el visitante retorne tras enviar la recomendación. Puede ser una página creada con ese propósito, donde ponga "gracias por usar el servicio" o algo así, o puede ser la que tú quieras. Asegúrate que queda entre las "comillas".

<INPUT type="hidden" name="membername" value="Jorgens. Webmaster de CómoCrearTuWeb.">

En lugar de "Jorgens. Webmaster de CómoCrearTuWeb", colocad lo que queráis, entre las comillas de nuevo.

<INPUT type="hidden" name="memberemail" value="comocreartuweb@comocreartuweb.com">

Entre estas comillas, poned vuestro E-Milio.

<INPUT type="hidden" name="username" value="jorgens">

Y aquí, el nombre que pusísteis al registraros con CutAndPasteScripts, respetando las mayúsculas y minúsculas.

Listo, tras cambiar esto ya tenéis el código preparado para insertarlo en vuestra web.

Haced experimentos con él y ya me contaréis en el Foro CCTW qué es lo que os sale. Al final todo a quedado genial y en español. No ha costado casi nada y encima funciona. Esto no suele ocurrir siempre, de modo que no os acostumbreis, ja ja ja. Hasta otra!

(Esto no está terminado. Dejame unos días para mejorarlo. Las siguientes secciones "Insertándolo", "Verificación" y "Otros Servicios",no están acabadas aún, y las existentes serán retocadas. Disculpa.)

Comparte este artículo en tu red Twitter Comparte este artículo en tu red Facebook Comparte este artículo en tu red Google Enviar '' a Meneame.net