Crear un menú flotante

Que necesitamos para crear un menú flotante?
 
1º Bloc de notas
2º Gadgets visualizador web mafias (instalado en nuestro space)
3º Un servidor gratuito.
 
Para comenzar clicamos en el botón de Inicio de nuestro pc ——-> TODOS LOS PROGRAMAS —–>ACCESORIOS —–>BLOC DE NOTAS.
 
Abrimos el bloc de notas y ponemos el siguiente codigo.
 
<head>
<div id=”point1″ STYLE=”position:absolute;visibility:visible;”>
<!–Configure the table below.–>
<table width=”100″ border=”1″ bordercolor=”#BBBBBB” cellspacing=”0″ cellpadding=”4″>
<tr>
<td align=center>
<img src=”URL DE LA  IMAGEN” alt=”Menu”>
</td>
</tr>
<tr>
<td align=center>
<font size=”2″><a href=”URL DE LA PAGINA”>TITULO</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size=”2″><a href=”URL DE LA PAGINA”>TITULO</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size=”2″><a href=”URL DE LA PAGINA”>TITULO</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size=”2″><a href=”URL DE LA PAGINA”>TITULO</a></font>
</td>
</tr>
<tr>
<td align=center>
<font size=”2″><a href=”URL DE LA PAGINA”> TITULO</a></font>
</td>
</tr>
</table>
<!–DO NOT EDIT BELOW THIS LINE –>
</div>

 

<script LANGUAGE=”JavaScript1.2″>
var XX=20; // X position of the scrolling objects
var xstep=1;
var delay_time=30;
//Begin of the unchangable area, please do not modify this area
var YY=0;
var ch=0;
var oh=0;
var yon=0;
var ns4=document.layers?1:0
var ie=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0
if(ie){
YY=document.body.clientHeight;
point1.style.top=YY;
}
else if (ns4){
YY=window.innerHeight;
document.point1.pageY=YY;
document.point1.visibility=”hidden”;
}
else if (ns6){
YY=window.innerHeight
document.getElementById(‘point1’).style.top=YY
}
function reloc1()
{

if(yon==0){YY=YY-xstep;}
else{YY=YY+xstep;}
if (ie){
ch=document.body.clientHeight;
oh=point1.offsetHeight;
}
else if (ns4){
ch=window.innerHeight;
oh=document.point1.clip.height;
}
else if (ns6){
ch=window.innerHeight
oh=document.getElementById(“point1”).offsetHeight
}

if(YY<0){yon=1;YY=0;}
if(YY>=(ch-oh)){yon=0;YY=(ch-oh);}
if(ie){
point1.style.left=XX;
point1.style.top=YY+document.body.scrollTop;
}
else if (ns4){
document.point1.pageX=XX;
document.point1.pageY=YY+window.pageYOffset;
}
else if (ns6){
document.getElementById(“point1”).style.left=XX
document.getElementById(“point1”).style.top=YY+window.pageYOffset
}

}
function onad()
{
if(ns4)
document.point1.visibility=”visible”;
loopfunc();
}
function loopfunc()
{
reloc1();
setTimeout(‘loopfunc()’,delay_time);
}
if (ie||ns4||ns6)
window.onload=onad
</script>
</head>
 Si vuestro space tiene el fondo de color negro u otro color, podéis añadirle al código del menú el siguiente código para darle el mismo color de fondo que vuestro space.
 <BODY BGCOLOR=”CODIGO DEL COLOR DE FONDO DE VUESTRO SPACE”></BODY>
 Terminado de poner el código en el bloc de notas iremos a archivo (eso está en el mismo bloc de notas) guardar como y le podeis poner como nombre de ejemplo  Menu.html
En tipo pondremos todos los archivos y lo guardamos en nuestro pc.
El archivo que acabamos de crear lo subimos a un servidor gratuito y de ahí nos dará la Url que deberemos poner en nuestro gadget visualizador Mafias.
Ya subido el archivo en el servidor nos vamos a nuestro space y ponemos la url que nos han dado en el gadget visualizador web mafias.
En Width y Height pondremos un numero que sea a nuestro gusto para que se vea bien en el menú flotante.
 Una vez hecho todo veréis que en el menú flotante se mueve hacia arriba y hacia abajo.
Podéis ampliar el código del menú
 

Facebook: https://www.facebook.com/EIMafias/

Twitter:@ElMafiasdelTuit

Instagram: https://www.instagram.com/paramissuperioresoficial/

Twitch: https://www.twitch.tv/eimafias/



Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.