Aca van los codigos:
HTML:
Código:
CSS:<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_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_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_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 onload="MM_preloadImages('galeria/open.jpg','galeria/2.jpg','galeria/3.jpg','galeria/4.jpg')"> <div id="contenedor"> <div id="logo"> <h1><img src="imagenes/logodecos1.jpg" alt="logodecos" width="100%" height="316" /></h1> </div> <div id="contenidocentral"> <h2>Trabajos Realizados.</h2><br /> <table width="1094" border="0"> <tr> <td width="384" align="center" valign="top"> <blockquote style="width: 300px; height: 500px; overflow-y: scroll"> <p><img src="galeria/2.jpg" width="260" height="160" id="a1" onmouseover="MM_swapImage('contenedor','','galeria/2.jpg',1)" /></p> <p><img src="galeria/3.jpg" width="260" height="160" id="a2" onmouseover="MM_swapImage('contenedor','','galeria/3.jpg',1)" /></p> <p><img src="galeria/4.jpg" width="260" height="160" id="a3" onmouseover="MM_swapImage('contenedor','','galeria/4.jpg',1)" /></p> <p><img src="galeria/5.jpg" width="260" height="160" id="a4" onmouseover="MM_swapImage('contenedor','','galeria/5.jpg',1)" /></p> <p><img src="galeria/6.jpg" width="260" height="160" id="a5" onmouseover="MM_swapImage('contenedor','','galeria/6.jpg',1)" /></p> <p><img src="galeria/7.jpg" width="260" height="160" id="a6" onmouseover="MM_swapImage('contenedor','','galeria/7.jpg',1)" /></p> <p><img src="galeria/8.jpg" width="260" height="160" id="a7" onmouseover="MM_swapImage('contenedor','','galeria/8.jpg',1)" /></p> <p><img src="galeria/9.jpg" width="260" height="160" id="a8" onmouseover="MM_swapImage('contenedor','','galeria/9.jpg',1)" /></p> <p><img src="galeria/10.jpg" width="260" height="160" id="a9" onmouseover="MM_swapImage('contenedor','','galeria/10.jpg',1)" /></p> <p><img src="galeria/11.jpg" width="260" height="160" id="a10" onmouseover="MM_swapImage('contenedor','','galeria/11.jpg',1)" /></p> <p><img src="galeria/12.jpg" width="260" height="160" id="a11" onmouseover="MM_swapImage('contenedor','','galeria/12.jpg',1)" /></p> <p><img src="galeria/13.jpg" width="260" height="160" id="a12" onmouseover="MM_swapImage('contenedor','','galeria/13.jpg',1)" /></p> <p><img src="galeria/14.jpg" width="260" height="160" id="a13" onmouseover="MM_swapImage('contenedor','','galeria/14.jpg',1)" /></p> <p><img src="galeria/15.jpg" width="260" height="160" id="a14" onmouseover="MM_swapImage('contenedor','','galeria/15.jpg',1)" /></p> <p><img src="galeria/16.jpg" width="260" height="160" id="a15" onmouseover="MM_swapImage('contenedor','','galeria/16.jpg',1)" /></p> <p><img src="galeria/17.jpg" width="260" height="160" id="a16" onmouseover="MM_swapImage('contenedor','','galeria/17.jpg',1)" /></p> <p><img src="galeria/18.jpg" width="260" height="160" id="a17" onmouseover="MM_swapImage('contenedor','','galeria/18.jpg',1)" /></p> <p><img src="galeria/19.jpg" width="260" height="160" id="a18" onmouseover="MM_swapImage('contenedor','','galeria/19.jpg',1)" /></p> <p><img src="galeria/20.jpg" width="260" height="160" id="a19" onmouseover="MM_swapImage('contenedor','','galeria/20.jpg',1)" /></p> <p><img src="galeria/21.jpg" width="260" height="160" id="a20" onmouseover="MM_swapImage('contenedor','','galeria/21.jpg',1)" /></p> <p><img src="galeria/22.jpg" width="260" height="160" id="a21" onmouseover="MM_swapImage('contenedor','','galeria/22.jpg',1)" /></p> <p><img src="galeria/23.jpg" width="260" height="160" id="a22" onmouseover="MM_swapImage('contenedor','','galeria/23.jpg',1)" /></p> <p><img src="galeria/24.jpg" width="260" height="160" id="a23" onmouseover="MM_swapImage('contenedor','','galeria/24.jpg',1)" /></p> <p><img src="galeria/25.jpg" width="260" height="160" id="a24" onmouseover="MM_swapImage('contenedor','','galeria/25.jpg',1)" /></p> <p><img src="galeria/26.jpg" width="260" height="160" id="a25" onmouseover="MM_swapImage('contenedor','','galeria/26.jpg',1)" /></p> <p><img src="galeria/27.jpg" width="260" height="160" id="a26" onmouseover="MM_swapImage('contenedor','','galeria/27.jpg',1)" /></p> <p><img src="galeria/28.jpg" width="260" height="160" id="a27" onmouseover="MM_swapImage('contenedor','','galeria/28.jpg',1)" /></p> <p><img src="galeria/29.jpg" width="260" height="160" id="a28" onmouseover="MM_swapImage('contenedor','','galeria/29.jpg',1)" /></p> <p><img src="galeria/30.jpg" width="260" height="160" id="a29" onmouseover="MM_swapImage('contenedor','','galeria/30.jpg',1)" /></p> <p><img src="galeria/31.jpg" width="260" height="160" id="a30" onmouseover="MM_swapImage('contenedor','','galeria/31.jpg',1)" /></p> <p><img src="galeria/32.jpg" width="260" height="160" id="a31" onmouseover="MM_swapImage('contenedor','','galeria/32.jpg',1)" /></p> <p><img src="galeria/33.jpg" width="260" height="160" id="a32" onmouseover="MM_swapImage('contenedor','','galeria/33.jpg',1)" /></p> <p><img src="galeria/34.jpg" width="260" height="160" id="a33" onmouseover="MM_swapImage('contenedor','','galeria/34.jpg',1)" /></p> <p><img src="galeria/35.jpg" width="260" height="160" id="a34" onmouseover="MM_swapImage('contenedor','','galeria/35.jpg',1)" /></p> <p><img src="galeria/36.jpg" width="260" height="160" id="a35" onmouseover="MM_swapImage('contenedor','','galeria/36.jpg',1)" /></p> <p><img src="galeria/37.jpg" width="260" height="160" id="a36" onmouseover="MM_swapImage('contenedor','','galeria/37.jpg',1)" /></p> <p><img src="galeria/38.jpg" width="260" height="160" id="a37" onmouseover="MM_swapImage('contenedor','','galeria/38.jpg',1)" /></p> <p><img src="galeria/39.jpg" width="260" height="160" id="a38" onmouseover="MM_swapImage('contenedor','','galeria/39.jpg',1)" /></p> <p><img src="galeria/40.jpg" width="260" height="160" id="a39" onmouseover="MM_swapImage('contenedor','','galeria/40.jpg',1)" /></p> <p><img src="galeria/41.jpg" width="260" height="160" id="a40" onmouseover="MM_swapImage('contenedor','','galeria/41.jpg',1)" /></p> </blockquote></td> <td width="694" align="center" valign="top"><img src="galeria/open.jpg" name="contenedor" width="330" height="260" id="contenedor"/></td> </tr> </table> </div> <div id="menu"> <ul> <li><a href="index.html">Inicio</a></li></br></br> <li><a href="empresa.html">Empresa</a></li></br></br> <li><a href="trabajosr.html">Trabajos Realizados</a></li></br></br> <li><a href="contacto.html">Contacto</a></li></br></br> <li><a href="comollegar.html">Como llegar?</a></li></br></br> </ul></div> <img src="imagenes/logodecos2.jpg" alt="logodecos" width="100%" height="316"/> <div id="pie"> <p>© 2013 Designed by - Azeta</p></div> </div> </body> </html>
Código:
PHP formulario:@charset "utf-8"; /* CSS Document */ body { background-color:#333; margin:0px 0px 0px; margin-bottom:25px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#FFF; } #contenedor { background-color:#360; text-align:center; height: 100%; width: 1024px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:auto; } #logo { top:auto; right:auto; left:auto; bottom:auto } #contenido { } #contenidocentral { float:right; text-align:justify; margin-right:50px; } #menu { float:left; font-size:21px; text-align:left; } #mapa { float:right; margin-right:50px; } h2 { text-align:center;} a:link {text-decoration:none;font-weight: normal;color:#FFF} a:visited {text-decoration:none;font-weight: normail;color:#FFF} a:hover {text-decoration:none;font-weight: normal;color:#000} blockquote { width: 30px; height: 30px; overflow-y: scroll }
Código:
<? //Recepcion de datos $nombre=$_POST['nombre']; $nombreempresa=$_POST['nombreempresa'] $telefono=$_POST['telefono']; $direccion=$_POST['direccion']; $cp=$_POST['cp'] $correo=$_POST['correo']; $asunto=$_POST['asunto']; $comentarios=$_POST['comentarios']; //Fin de recepcion de datos //Accion de envio //-------------------// $para='[email protected]'; $mensaje='datos del formulario de contacto pagina Nombre: '.$nombre.' Nombre de empresa: '.$nombreempresa.' Telefono: '.$telefono.' Direccion: '.$direccion.' Codigo Postal: '.$cp.' E-mail: '.$correo.' Asunto: '.$asunto.' Comentario: '.$comentario.' '; $desde='From: decos <[email protected]>'; mail($para,$asunto,$mensaje,$desde); echo 'gracias.html'; ?>