Menu Cambiante - Trucos foros

Colega ;)

#130/Oct/2005, 19:49Editado por EffectedCard

Codigo PHP:


<script language="JavaScript"> 
seleccion = 0; 

function menu1() { 
    if(seleccion != 1){ 
    seleccion = 1; 
   obj1=document.getElementById("menu1"); 
   obj2=document.getElementById("menu2"); 
   obj3=document.getElementById("menu3"); 
   obj4=document.getElementById("menu4"); 
   obj5=document.getElementById("menu5"); 

   obj6=document.getElementById("tabla_menu1"); 
   obj7=document.getElementById("tabla_menu2"); 
   obj8=document.getElementById("tabla_menu3"); 
   obj9=document.getElementById("tabla_menu4"); 
   objx=document.getElementById("tabla_menu5"); 
    

   obj1.style.display="block"; 
   obj2.style.display="none"; 
   obj3.style.display="none"; 
   obj4.style.display="none"; 
   obj5.style.display="none"; 
    
   obj6.className = "tabla_texto_1"; 
   obj7.className = "tabla_texto_2"; 
   obj8.className = "tabla_texto_2"; 
   obj9.className = "tabla_texto_2"; 
   objx.className = "tabla_texto_2"; 
   } 
} 

function menu2() { 
    if(seleccion != 2){ 
    seleccion = 2; 

   obj1=document.getElementById("menu1"); 
   obj2=document.getElementById("menu2"); 
   obj3=document.getElementById("menu3"); 
   obj4=document.getElementById("menu4"); 
   obj5=document.getElementById("menu5"); 

   obj6=document.getElementById("tabla_menu1"); 
   obj7=document.getElementById("tabla_menu2"); 
   obj8=document.getElementById("tabla_menu3"); 
   obj9=document.getElementById("tabla_menu4"); 
   objx=document.getElementById("tabla_menu5"); 
    

   obj1.style.display="none"; 
   obj2.style.display="block"; 
   obj3.style.display="none"; 
   obj4.style.display="none"; 
   obj5.style.display="none"; 
    
   obj6.className = "tabla_texto_2"; 
   obj7.className = "tabla_texto_1"; 
   obj8.className = "tabla_texto_2"; 
   obj9.className = "tabla_texto_2"; 
   objx.className = "tabla_texto_2"; 
   } 
} 

function menu3() { 
    if(seleccion != 3){ 
    seleccion = 3; 

   obj1=document.getElementById("menu1"); 
   obj2=document.getElementById("menu2"); 
   obj3=document.getElementById("menu3"); 
   obj4=document.getElementById("menu4"); 
   obj5=document.getElementById("menu5"); 

   obj6=document.getElementById("tabla_menu1"); 
   obj7=document.getElementById("tabla_menu2"); 
   obj8=document.getElementById("tabla_menu3"); 
   obj9=document.getElementById("tabla_menu4"); 
   objx=document.getElementById("tabla_menu5"); 
    

   obj1.style.display="none"; 
   obj2.style.display="none"; 
   obj3.style.display="block"; 
   obj4.style.display="none"; 
   obj5.style.display="none"; 
    
   obj6.className = "tabla_texto_2"; 
   obj7.className = "tabla_texto_2"; 
   obj8.className = "tabla_texto_1"; 
   obj9.className = "tabla_texto_2"; 
   objx.className = "tabla_texto_2"; 
   } 
} 

function menu4() { 
    if(seleccion != 4){ 
    seleccion = 4; 

   obj1=document.getElementById("menu1"); 
   obj2=document.getElementById("menu2"); 
   obj3=document.getElementById("menu3"); 
   obj4=document.getElementById("menu4"); 
   obj5=document.getElementById("menu5"); 

   obj6=document.getElementById("tabla_menu1"); 
   obj7=document.getElementById("tabla_menu2"); 
   obj8=document.getElementById("tabla_menu3"); 
   obj9=document.getElementById("tabla_menu4"); 
   objx=document.getElementById("tabla_menu5"); 
    

   obj1.style.display="none"; 
   obj2.style.display="none"; 
   obj3.style.display="none"; 
   obj4.style.display="block"; 
   obj5.style.display="none"; 
    
   obj6.className = "tabla_texto_2"; 
   obj7.className = "tabla_texto_2"; 
   obj8.className = "tabla_texto_2"; 
   obj9.className = "tabla_texto_1"; 
   objx.className = "tabla_texto_2"; 
   } 
} 


function menu5() { 
    if(seleccion != 5){ 
    seleccion = 5; 

   obj1=document.getElementById("menu1"); 
   obj2=document.getElementById("menu2"); 
   obj3=document.getElementById("menu3"); 
   obj4=document.getElementById("menu4"); 
   obj5=document.getElementById("menu5"); 

   obj6=document.getElementById("tabla_menu1"); 
   obj7=document.getElementById("tabla_menu2"); 
   obj8=document.getElementById("tabla_menu3"); 
   obj9=document.getElementById("tabla_menu4"); 
   objx=document.getElementById("tabla_menu5"); 
    

   obj1.style.display="none"; 
   obj2.style.display="none"; 
   obj3.style.display="none"; 
   obj4.style.display="none"; 
   obj5.style.display="block"; 
    
   obj6.className = "tabla_texto_2"; 
   obj7.className = "tabla_texto_2"; 
   obj8.className = "tabla_texto_2"; 
   obj9.className = "tabla_texto_2"; 
   objx.className = "tabla_texto_1"; 
   } 
} 

</script> 
<a name="menu"></a> 
<table width='100%'  border='0' bgcolor="#000000" cellpadding='5' cellspacing='1'> 
  <tr> 
    <td class='tabla_titulo' id='tabla_titulo_obj' colspan="5"><img src="https://espacioforos.miarroba.st/547950/blanco.gif" width="1" height="1" border="0" onLoad="menu1()">Menu 
      - <a href="http://miarroba.com/foros/ver.php?id=547950" target="_blank" style="text-decoration: none;">Gracias 
      a Skindario</a></td> 
  </tr> 
  <tr id='Tabla2_obj' class='tabla_texto_2'> 
    <td width="20%" align="center" valign="middle" onMouseOver="menu1()" id="tabla_menu1"><a href="#menu" style="text-decoration: none;"> 
      Titulo Menu1 </a></td> 
    <td width="20%" align="center" valign="middle" onMouseOver="menu2()" id="tabla_menu2"><a href="#menu" style="text-decoration: none;"> 
      Titulo Menu2</a></td> 
    <td width="20%" align="center" valign="middle" onMouseOver="menu3()" id="tabla_menu3"><a href="#menu" style="text-decoration: none;"> 
      Titulo Menu3</a></td> 
    <td width="20%" align="center" valign="middle" onMouseOver="menu4()" id="tabla_menu4"><a href="#menu" style="text-decoration: none;"> 
      Titulo Menu4</a></td> 
    <td width="20%" align="center" valign="middle" onMouseOver="menu5()" id="tabla_menu5"><a href="#menu" style="text-decoration: none;"> 
      Titulo Menu5</a></td> 
  </tr> 
  <tr id='Tabla2_obj' class='tabla_texto_2'> 
    <td align="center" colspan="5" valign="middle"> 
      <!--inicia codigo de Menu1 !--> 
       
      <div id="menu1" style="display:none;">Texto del Menu1</div> 
       
      <!--fin codigo de Menu1 e inicio codigo de Menu2!--> 
       
      <div id="menu2" style="display:none;">Texto del Menu2</div> 
       
      <!--fin codigo de Menu2 e inicio codigo de Menu3!--> 
       
      <div id="menu3" style="display:none;">Texto del Menu3</div> 
       
      <!--fin codigo de Menu3 e Inicio codigo Menu4!--> 
       
      <div id="menu4" style="display:none;">Texto del Menu4</div> 
       
      <!--fin codigo de Menu4 e inicio codigo de Menu5 !--> 
       
      <div id="menu5" style="display:none;">Texto del Menu5</div> 
       
      <!--fin codigo de Menu5!--> 
    </td> 
  </tr> 
</table> 
<br>

Es un menu que consta de 5 secciones y que segun se seleccione una u otra seccion, sale el contenido de esa seccion. El menu se adapta al estilo de cada foro sin necesidad de editarlo. Es compatible con todos los navegadores.

Para personalizar solo hay que cambiar lo siguiente:
Titulo Menu1, Titulo Menu2, Titulo Menu3, Titulo Menu4, Titulo Menu5

Por el titulo de cada menu, lo que habra que seleccionar para que salga su contenido.

Tambien habra que editar:
Texto del Menu1, Texto del Menu2, Texto del Menu3, Texto del Menu4, Texto del Menu5

Por el contenido de cada uno de los menus, lo que saldra al seleccionarlo.

Lo mejor es ir haciendo pruebas, podeis preguntar dudas. No se dara soporte a quien quite los agradecimientos.

Es la mejor alternativa a un menu desplegable, ademas de muy facil de editar.

*chavp* Moderador
#230/Oct/2005, 19:53 buen aporte . Lo agregas tu o yo a la lista de trucos para que nadie la consulte De interés Público NO AGREGARME COMO AMIGO, gracias Asuntos claros en los temas Consultas en temas no afines serán borradas Tratemos de expresarnos bien, que así da gusto leer 2011, año internacional de los Bosques Foro Forestal Maderero - - Bosque y + - - De Bosque y Madera -.

EffectedCard Colega ;)
#330/Oct/2005, 19:58 En eso estaba. Ya lo he hecho yo

Jorju89 Usuario habitual
#430/Oct/2005, 21:37 Tienes algún ejemplo por ahí para ver como queda esto? Gracias

EffectedCard Colega ;)
#530/Oct/2005, 22:22 Hasta que cambie el menu de mi foro, que va a ser muy pronto, podeis verlo: http://miarroba.com/foros/ver.php?id=547950 Avisare de cuando deje de servir como ejemplo

EffectedCard Colega ;)
#601/Nov/2005, 16:12 Actualizar el codigo, que ese tenia un pequeño problema en el menu 5

ginebra5 Usuario baneado
#727/Ene/2006, 18:57 Este mensaje no se muestra porque su autor está baneado

NoSetup.org

@man / @woman

#827/Ene/2006, 19:47

Escrito originalmente por ginebra5

Hola ,

he mirado tu codigo y la verdad no se que hay que cambiar y me encantaria ponerlo en mi foro. Puedes explicarme o poner en otro color la parte del codigo que debo cambiar? Te lo agradeceria mucho , pues ando algo perdido. Bueno , y tambien dime donde tengo que ponerlo ...

Vuelve a leer el post:

Cita:

Para personalizar solo hay que cambiar lo siguiente:
Titulo Menu1, Titulo Menu2, Titulo Menu3, Titulo Menu4, Titulo Menu5

Por el titulo de cada menu, lo que habra que seleccionar para que salga su contenido.

Tambien habra que editar:
Texto del Menu1, Texto del Menu2, Texto del Menu3, Texto del Menu4, Texto del Menu5

Por el contenido de cada uno de los menus, lo que saldra al seleccionarlo.

ginebra5 Usuario baneado
#913/Feb/2006, 13:56 Este mensaje no se muestra porque su autor está baneado

virus.DJ Nació y murió en el foro
#1030/Ago/2006, 18:02 hola queria un poco de ayuda creo que m falta un par de cosas e cambiado el titulo menu 1 y texto del menu 1 aora falta el elink e peusto yo ai las normas pero falta l direccion del tema.. gracias por toda l ayuda

EffectedCard Colega ;)
#1130/Ago/2006, 18:09Editado por EffectedCard No entiendo tu duda. Si quieres insertar un vinculo al tema, simplemente usa html: <a href="URL DEL TEMA">Texto</a> Si no es eso, explica tu duda.

virus.DJ Nació y murió en el foro
#1230/Ago/2006, 18:13 si es eso pero en los codigos que pone arriba e puesto normas y bajo sale reglas etc.. y como puedo hacer que agan clip en reglas y vallan al tema esta en el codigo ya?

EffectedCard

Colega ;)

#1330/Ago/2006, 18:24

Vamos a ver. Ese menu te da la base de un menu para que no lo tengas que crear tu desde 0. Lo unico que tiene es la caracteristica de tener 5 "secciones" (donde pone Titulo Menu) y que al seleccionar cualquiera de ellas te salga en la fila de abajo su "submenu" (Texto Menu).

Tu has de editar tanto Titulo Menu como Texto Menu. Para ello puedes usar los codigos HTML que quieras. Desde enlaces, hasta ficheros javascript. Puedes meter CUALQUIER codigo HTML.

Ahora tomando el tema de tu duda, si lo que quieres hacer es que cliquen en reglas y te lleve a una pagina, en este caso la del foro, se llama enlace o vinculo. Para hacerlo necesitas el codigo HTML de "esa funcion" y te lo he puesto justo en el mensaje de antes: <a href="URL DEL TEMA">Texto</a>

virus.DJ Nació y murió en el foro
#1430/Ago/2006, 19:05 vale gracias por ahora lo tengo claro ahora l tengo que hacer ami gusto gracias por todo

virus.DJ Nació y murió en el foro
#1531/Ago/2006, 20:29 Hola queria preguntar como puedo hacer esto: he visto que en el foro de tuarroba en el menu teneis la opcion del portal ai como puedo hacer yo eso tengo portal norml cuando entran pero l quiero como en el foro de tuarroba EffectedCardechame una ayuda gracias..

EffectedCard Colega ;)
#1631/Ago/2006, 20:57 Simplemente es un enlace. Que lleva a la url de tu foro solo que añadiendo &a=portal. No tiene mas. Eso si, la url ha de ser la de http://miarroba.com/foros/.... y no la corta de .foro.st

virus.DJ Nació y murió en el foro
#1701/Sep/2006, 16:18 sisi loq quiero decir esque en el foro que l tiens puesto entras norml y n sale el portal y en el mio cuando le das ala direccion va directamente al portal.. por eso lo decia como puedo tener un portal sin que salga cuando entres ala foro..? gracias..

EffectedCard Colega ;)
#1801/Sep/2006, 16:22 Te equivocas. En mi foro al escribir la direccion normal (sin escribir &a=portal) o la acortada, sale el portal. Cuando el foro esta en modo portal, al acceder, siempre saldra el portal.

virus.DJ Nació y murió en el foro
#1902/Sep/2006, 03:27 todo eso l tengo claro yo queria si los adminitradores Lim o TITO en hacer cuando entras en tu foro q n salga directamente el portal sino el foro y yo con el menu este.. pondria el portal ojala se podria hacer espero respuesta GRACIAS....

EffectedCard Colega ;)
#2002/Sep/2006, 03:37 Ponlo en Sugerencias y ya lo veran. Otra cosa es que te respondan o que lo hagan. Leerlo, lo leeran.

Anterior Siguiente Arriba

Responder

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual

Inicio

Servicio Foros

Trucos foros

Opciones:

Ir al subforo:

Permisos:

TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes

Temas similares

No se han encontrado temas similares