Este truco es mas que nada para poner un menu desplegable en la parte izquierda de tu foro y que se movera segun desplases la pagina hacia arriba o abajo y se abrira a la hora de pasar el puntero por la palabra menu.
Solo tienes que crear en la cabezera de tu foro un codigo html para agregar el scrip del menu.
Este codigo lo metes entre las etiquetas [head] y [/head]
<script language="JavaScript1.2">
<!-- Mas trucos y scripts en http://www.codigo-web.com -->
/*
Static menu script II (By maXimus, [email protected], http://absolutegb.com/maximus/)
Modified slightly/ permission granted to Dynamic Drive to feature script in archive
For full source, usage terms, and 100's more DHTML scripts, visit http://dynamicdrive.com
Traducido y adaptado al español por http://www.losrecursosgratis.com
*/
function move(x) {
if (document.all) {
object1.style.pixelLeft += x;
object1.style.visibility = "visible"}
else if (document.layers) {
document.object1.left += x;
document.object1.visibility = "show"}};
function makeStatic() {
if (document.all) {object1.style.pixelTop=document.body.scrollTop+20}
else {eval(document.object1.top=eval(window.pageYOffset+20));}
setTimeout("makeStatic()",0);}
</script>
<style>
<!--
.hl {
Background-Color : yellow;
Cursor:hand;
}
.n {
Cursor:hand;
}
-->
</style>
Y este otro lo pones entre las etiquetas [body] y [/body]
<LAYER visibility="hide" top="20" name="object1" bgcolor="black" left="0" onmouseover="move(132)" onmouseout="move(-132)">
<script language="JavaScript1.2">
function positionmenu(){
move(-132)
}
if (document.all) {document.write('<DIV ID="object1" style="visibility:hidden;cursor:hand; Position : Absolute ;Left : 0px ;Top : 20px ;Z-Index : 20" onmouseover="move(132)" onmouseout="move(-132)">')}
</script>
<table border="0" cellpadding="0" cellspacing="1" width="150" bgcolor="#000000">
<tr><td bgcolor="#0099FF"> <font size="4" face="Arial"><b>Menu</b></font></td>
<script language="JavaScript1.2">
document.write('<td align="center" rowspan="100" width="16" bgcolor="#FF6666"><span style="font-size:13px"><p align="center"><font face="Arial Black">M<br>E<br>N<BR>U</font></p></span></TD>')
</script>
</tr>
<script language="JavaScript1.2"><!--
if (document.all||document.layers) {
makeStatic();}
var text=new Array();
var thelink=new Array();
//configura aqui los enlaces - en los text los textos, en thelink su correspondiente link
text[0]="LosRecursosGratis";
text[1]="Promocion de páginas webs";
text[2]="Servicios de Webs";
text[3]="Servicios para visitantes";
text[4]="Publicidad para ganar con tu web";
text[5]="Descargas de programas gratis";
text[6]="Codigos JavaScript";
thelink[0]="http://www.losrecursosgratis.com";
thelink[1]="http://www.losrecursosgratis.com/promocion/promocion.html";
thelink[2]="http://www.losrecursosgratis.com/servicios/servicios.html";
thelink[3]="http://www.losrecursosgratis.com/serviciosvis/serviciosvis.html";
thelink[4]="http://www.losrecursosgratis.com/Publicidad/publicidad.html";
thelink[5]="http://www.losrecursosgratis.com/descarga/descarga.html";
thelink[6]="http://www.losrecursosgratis.com/javascript/java.html";
//Aqui se configura el target, pero solo son validos '' (el mismo marco), 'new' (nueva ventana), or 'framename' (el mismo frame)
var linktarget='new'
///A PARTIR DE AQUI NO TOCAR NADA////////////////
function navigateie(which){
if (linktarget=='')
window.location=thelink[which]
else if (linktarget=='new')
window.open(thelink[which])
else{
temp_var=eval("window.parent."+linktarget)
temp_var.location=thelink[which]
}
}
for (i=0;i<=text.length-1;i++)
if (document.all) {document.write('<TR><TD height=20 bgcolor=white onclick="navigateie('+i+')" onmouseover="className=\'hl\'" onmouseout="className=\'n\'"><FONT SIZE=2 FACE=ARIAL> '+text+'</FONT></TD></TR>')}
else {document.write('<TR><TD bgcolor="white"><ILAYER><LAYER HEIGHT="18" onmouseover="this.bgColor=\'yellow\'" onmouseout="this.bgColor=\'white\'" width=131><FONT SIZE=2 FACE=ARIAL> <A HREF="'+thelink+'" target="'+linktarget+'" id="nounderline">'+text+'</A></FONT></LAYER></ILAYER></TD></TR>')}
//-->
</script>
<tr>
<td bgcolor="#0099FF"><font size="1" face="Arial"> </font></td>
</TR>
</table>
<script language="JavaScript1.2">
if (document.all) {document.write('</DIV>')}
window.onload=positionmenu
</script>
</LAYER>
Y solo tendrias que cambiar esta parte para poner tus propios vinculos.
//configura aqui los enlaces - en los text los textos, en thelink su correspondiente link
text[0]=\"LosRecursosGratis\";
text[1]=\"Promocion de páginas webs\";
text[2]=\"Servicios de Webs\";
text[3]=\"Servicios para visitantes\";
text[4]=\"Publicidad para ganar con tu web\";
text[5]=\"Descargas de programas gratis\";
text[6]=\"Codigos JavaScript\";
thelink[0]=\"http://www.losrecursosgratis.com\";
thelink[1]=\"http://www.losrecursosgratis.com/promocion/promocion.html\";
thelink[2]=\"http://www.losrecursosgratis.com/servicios/servicios.html\";
thelink[3]=\"http://www.losrecursosgratis.com/serviciosvis/serviciosvis.html\";
thelink[4]=\"http://www.losrecursosgratis.com/Publicidad/publicidad.html\";
thelink[5]=\"http://www.losrecursosgratis.com/descarga/descarga.html\";
thelink[6]=\"http://www.losrecursosgratis.com/javascript/java.html\";
si quieren ver un ejemplo de como queda solo ve aqui http://lucha.foro.st
Si no aparece completo el escrip puedes bajarlo directamente de aqui http://www.codigo-web.com/enlaces/enlaces10.html y si sabes un poquito mas de este lenguaje le puedes configurar el tamaño y tipo de letra a los vinculos, configurar los colores incluso hasta ponerle una imagen a los fondos, ojala les sirva. ¡¡saludos!!
