04/01/2006, 13:13
|
 | Moderador | | Fecha de Ingreso: abril-2002 Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 22 años, 8 meses Puntos: 1284 | |
Hola furoya:
¿Qué tal las fiestas?...  yo al menos brindé un montón ,y no hablo de esos brindis virtuales que posteamos a menudo... 
Ultimamente creo que todos ven las páginas que subo igual que yo, y por eso me despreocupo algo... 
Te pongo el código:
Código:
<html>
<head>
<script>
function mostrar(que) {
document.images[que].style.visibility = "visible";
}
function ocultar(que) {
document.images[que].style.visibility = "hidden";
/*
if (window.event)
window.event.cancelBubble = false;
*/
}
function presentar(que) {
alert(que);
}
</script>
<style type="text/css">
p {
text-align: justify;
text-indent: 1cm;
margin: 0 auto;
}
.capa {
position: absolute;
top: 0px;
left: 0px;
}
.visible {
visibility: visible;
}
.oculta {
visibility: hidden;
}
</style>
</head>
<body style="background-color: #bbbbbb" >
<div id="contenedor" style="position: relative;" >
<!--onmouseout="ocultar('fondoopaco')"-->
<img src='../mapas/FONDO.gif' name="fondo" style="position: relative; top:0px; left: 0px;visibility: visible"
usemap='#mapa'
/>
<img name="fondoopaco" src='../mapas/fondo.png'
usemap='#mapa' class="capa oculta"
/>
<img name="nube"
src='../mapas/nube.png'
usemap='#nube' class="capa oculta" style="visibility: hidden" />
<img name="sol"
src='../mapas/sol.png'
usemap='#sol' class="capa oculta" style="visibility: hidden" />
<img name="palmizq"
src='../mapas/palmizq.png'
usemap='#palmizq' class="capa oculta" />
<img name="palmder"
src='../mapas/palmder.png'
usemap='#palmder' class="capa oculta" />
</diV>
<map name='mapa' >
<area name='area1' shape='poly' coords='204,100,307,102,298,88,290,84,280,84,273,89,265,77,253,77,238,79,233,84,232,88,220,87,211,94' alt='' target='' title='nube'
href='#' onmouseover='mostrar("nube")' >
<area name='area2' shape='circle' coords='40,29,29' alt='' target='' title='' href='#'
onmouseover='mostrar("sol")' >
<area name='area3' shape='rect' coords='1,345,138,73' alt='' target='' title='' href='#'
onmouseover='mostrar("palmizq")' >
<area name='area4' shape='rect' coords='336,341,480,80' alt='' target='' title='' href='#'
onmouseover='mostrar("palmder")' >
</map>
<map name="nube" >
<area shape='poly' coords='204,100,307,102,298,88,290,84,280,84,273,89,265,77,253,77,238,79,233,84,232,88,220,87,211,94'
alt='' target='' title='' href='javascript: presentar("nube")' onmouseout='ocultar("nube")' >
</map>
<map name="sol" >
<area shape='circle' coords='40,29,29'
alt='' target='' title='' href='javascript: presentar("sol")' onmouseout='ocultar("sol")' >
</map>
<map name="palmizq" >
<area shape='rect' coords='1,345,138,73'
alt='' target='' title='' href='javascript: presentar("palmera izquierda")' onmouseout='ocultar("palmizq")' >
</map>
<map name="palmder" >
<area shape='rect' coords='336,341,480,80'
alt='' target='' title='' href='javascript: presentar("palmera derecha")' onmouseout='ocultar("palmder")' >
</map>
</body>
</html>
Y las imágenes de la página son: http://www.pepemolina.com/mapas/FONDO.gif http://www.pepemolina.com/mapas/fondo.png http://www.pepemolina.com/mapas/nube.png http://www.pepemolina.com/mapas/sol.png http://www.pepemolina.com/mapas/palmizq.png http://www.pepemolina.com/mapas/palmder.png
Saludos 
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo |