28/08/2011, 09:52
|
| | | Fecha de Ingreso: agosto-2011
Mensajes: 4
Antigüedad: 12 años, 7 meses Puntos: 0 | |
| Campo de formulario flotante
Buenas! Estoy haciendo una web con Photoshop+Dreamweaver.
Una vez terminado el diseño con Photoshop, me dispongo a terminar la web con Dreamweaver. Solo me hace falta lo siguiente:
En el rectángulo marrón quiero que cualquiera pueda escribir su e-mail pero no se como hacerlo.
Tampoco sé como mandar a la palabra "enviar" que me envíe el correo escrito a mi e-mail sin necesidad de un cliente de correo. No se si me he explicado. 
Aquí dejo el código. En rojo marco la zona del rectángulo y en azul la zona del botón "enviar".
Código:
<html>
<head>
<title>web</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
<!--
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('imagenes/web_03_activated.jpg','imagenes/web_06_activated.jpg','imagenes/web_08_activated.jpg','imagenes/web_10_activated.jpg','imagenes/web_19_activated.jpg','imagenes/web_21_activated.jpg','imagenes/web_27_activated.jpg','imagenes/web_30_activated.jpg','imagenes/web_32_activated.jpg','imagenes/web_12_activated.jpg','imagenes/web_14_activated.jpg','imagenes/web_17_activated.jpg')">
<!-- ImageReady Slices (web.psd) -->
<table id="Tabla_01" width="1009" height="801" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="16">
<img src="imagenes/web_01.jpg" width="1000" height="207" alt=""></td>
<td width="10">
<img src="imagenes/espacio.gif" width="1" height="207" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="12">
<img src="imagenes/web_02.jpg" width="41" height="409" alt=""></td>
<td colspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image66','','imagenes/web_03_activated.jpg',1)"><img src="imagenes/web_03.jpg" name="Image66" width="230" height="30" border="0"></a></td>
<td colspan="11" rowspan="2">
<img src="imagenes/web_04.jpg" width="729" height="43" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="imagenes/web_05.jpg" width="230" height="13" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="13" alt=""></td>
</tr>
<tr>
<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image67','','imagenes/web_06_activated.jpg',1)"><img src="imagenes/web_06.jpg" name="Image67" width="244" height="37" border="0"></a></td>
<td colspan="10" rowspan="3">
<img src="imagenes/web_07.jpg" width="715" height="85" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="37" alt=""></td>
</tr>
<tr>
<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image68','','imagenes/web_08_activated.jpg',1)"><img src="imagenes/web_08.jpg" name="Image68" width="244" height="42" border="0"></a></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="imagenes/web_09.jpg" width="244" height="6" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image69','','imagenes/web_10_activated.jpg',1)"><img src="imagenes/web_10.jpg" name="Image69" width="244" height="38" border="0"></a></td>
<td width="196" rowspan="13">
<img src="imagenes/web_11.jpg" width="196" height="465" alt=""></td>
<td width="104" rowspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image75','','imagenes/web_12_activated.jpg',1)"><img src="imagenes/web_12.jpg" name="Image75" width="104" height="99" border="0"></a></td>
<td width="11" rowspan="13">
<img src="imagenes/web_13.jpg" width="11" height="465" alt=""></td>
<td colspan="2" rowspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image76','','imagenes/web_14_activated.jpg',1)"><img src="imagenes/web_14.jpg" name="Image76" width="107" height="99" border="0"></a></td>
<td colspan="5">
<img src="imagenes/web_15.jpg" width="297" height="8" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="8" alt=""></td>
</tr>
<tr>
<td width="13" rowspan="7">
<img src="imagenes/web_16.jpg" width="13" height="303" alt=""></td>
<td width="107" rowspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image77','','imagenes/web_17_activated.jpg',1)"><img src="imagenes/web_17.jpg" name="Image77" width="107" height="97" border="0"></a></td>
<td colspan="3" rowspan="7">
<img src="imagenes/web_18.jpg" width="177" height="303" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td colspan="4"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image70','','imagenes/web_19_activated.jpg',1)"><img src="imagenes/web_19.jpg" name="Image70" width="244" height="54" border="0"></a></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="54" alt=""></td>
</tr>
<tr>
<td width="14" rowspan="4">
<img src="imagenes/web_20.jpg" width="14" height="189" alt=""></td>
<td colspan="3" rowspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image71','','imagenes/web_21_activated.jpg',1)"><img src="imagenes/web_21.jpg" name="Image71" width="230" height="42" border="0"></a></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="7" alt=""></td>
</tr>
<tr>
<td rowspan="9">
<img src="imagenes/web_22.jpg" width="104" height="366" alt=""></td>
<td colspan="2" rowspan="4">
<img src="imagenes/web_23.jpg" width="107" height="212" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="6" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="imagenes/web_24.jpg" width="107" height="206" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="29" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="imagenes/web_25.jpg" width="230" height="147" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="147" alt=""></td>
</tr>
<tr>
<td width="34" rowspan="6">
<img src="imagenes/web_26.jpg" width="34" height="184" alt=""></td>
<td colspan="3" rowspan="5"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image72','','imagenes/web_27_activated.jpg',1)"><img src="imagenes/web_27.jpg" name="Image72" width="209" height="101" border="0"></a></td>
<td colspan="2" rowspan="6">
<img src="imagenes/web_28.jpg" width="42" height="184" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="30" alt=""></td>
</tr>
<tr>
<td width="24" rowspan="5">
<img src="imagenes/web_29.jpg" width="24" height="154" alt=""></td>
<td colspan="4" rowspan="3"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image73','','imagenes/web_30_activated.jpg',1)"><img src="imagenes/web_30.jpg" name="Image73" width="254" height="51" border="0"></a></td>
<td colspan="2">
<img src="imagenes/web_31.jpg" width="126" height="11" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="11" alt=""></td>
</tr>
<tr>
<td width="53"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image74','','imagenes/web_32_activated.jpg',1)"><img src="imagenes/web_32.jpg" name="Image74" width="53" height="26" border="0"></a></td>
<td width="73" rowspan="4">
<img src="imagenes/web_33.jpg" width="73" height="143" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="26" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="imagenes/web_34.jpg" width="53" height="117" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="14" alt=""></td>
</tr>
<tr>
<td colspan="4" rowspan="2">
<img src="imagenes/web_35.jpg" width="254" height="103" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="20" alt=""></td>
</tr>
<tr>
<td colspan="3">
<img src="imagenes/web_36.jpg" width="209" height="83" alt=""></td>
<td>
<img src="imagenes/espacio.gif" width="1" height="83" alt=""></td>
</tr>
<tr>
Un saludo y muchas gracias!
Última edición por jeacelo94; 28/08/2011 a las 10:09 |