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'; ?>


