Menu lateral desplegable

[sneijder23]

Aqui tienes los 3 menus (derecha,izquierda,arriba)

http://www.dynamicdrive.com/dynamicindex1/omnislide/index.htm

[Tridrac]

Hola amig@s,

Ahora que tenía un poco más de tiempo, he aprovechado para investigar y hacer "probaturas" con este magnífico menú que, por cierto, NO es el Omnislide ya que en realidad se trata de otro script de la misma web Dynamic Drive, llamado Dynamic-FX Slide-In Menu y que podéis encontrar en este enlace: http://www.dynamicdrive.com/dynamicindex1/davidmenu.htm
En efecto, en dicho enlace podréis encontrar las mismas indicaciones que da Sjneider, así como los dos archivos "ssm.js" y "ssmItems.js".
(Esto también es posible comprobarlo en las líneas que se añaden al Index.template.php y en una de las que podéis leer: //Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/))

Si bien ambos scripts son parecidos, en realidad existen profundas diferencias entre ellos.

1) Cómo cambiar de posición este menú:

Siendo un script diferente del Omnislide, las indicaciones dadas para éste no sirven.
Por lo tanto, si quieres cambiar dicho menú de posición, por ejemplo para ponerlo a la derecha de la ventana, deberás "jugar" con los valores: YOffset y XOffset que encontrarás al inicio del archivo "ssmItems.js".
Para ponerlo en la parte superior de la pantalla, la cosa se complica más y es posible que sea necesario modificar parte del archivo "ssm.js", aunque si soy sincero no me lo he mirado mucho ya que para mí la posición ideal es la que tiene por defecto: a la izquierda.

2) Cómo añadir más de un enlace por línea:

Para ver un ejemplo de lo que hablo, simplemente mirad la demo del enlace indicado y veréis que las categorías "FAQ" y "Email" comparte la misma línea del menú.

Para ello, tendremos que jugar con algunas variables de forma muy sencilla.
La primera es: "menuCols" que indica el máximo número de columnas admitido (por defecto 2).
(nota importante: no es posible poner un número diferente de columnas por línea; es decir, por ejemplo, una línea con 3 columnas y otra con 2; por lo tanto, si en una línea ponéis 3 columnas, en otras líneas en las que hagáis las modificaciones que os voy a indicar a continuación, también tendréis 3 columnas).

Una vez fijado el número de columnas, tendremos que modificar los items que queramos que "compartan" línea, según el siguiente formato:
[name, link, target, colspan, endrow?]
Veamos un ejemplo para más claridad:

ssmItems[0]=["MI FORO"] //éste es el título de la categoria 1 (basta con indicar el nombre; las demás variables se dejan en blanco).
ssmItems[1]=["Portal", "http://miforo.net/index.php", "",1, "no"] (el 1 indica que se requiere una columna y el "no" indica que se va a añadir otra columna (item) o si preferís que la línea no se acaba)
ssmItems[2]=["Foros", "http://miforo.net/index.php?action=forum","",1] (fácil de entender si has entendido la línea anterior / estos dos items o enlaces, compartirán la misma línea del menú)
ssmItems[3]=["Chat", "http://miforo.net/index.php?action=forum", "_new"] (new, permite que al pulsar el enlace correspondiente, éste se abra en una nueva ventana en lugar de la que se está visualizando).
ssmItems[4]=["Mensajes privados"] //éste es el título de la categoria 2
Etc...

3) Cómo cambiar el color de los enlaces independientemente del de los títulos:

Con este último punto me respondo yo mismo a una consulta que hice en este mismo hilo:

Para lograr cambiar el color de los enlaces (incluso se les puede poner diferentes colores según si lo pulsas, pasas por encima con el ratón, etc.), deberemos "jugar" con los valores:

<style type="text/css">
<!--
A.ssmItems:link      {color:black;text-decoration:none;}
A.ssmItems:hover   {color:black;text-decoration:none;}
A.ssmItems:active   {color:black;text-decoration:none;}
A.ssmItems:visited   {color:black;text-decoration:none;}
//-->
</style>

Si observáis, veréis que pone "color:black" ; pues bien poned el color (en inglés y uno de esta lista) que queráis en lugar de black.
También es posible ponerlos en negrita, subrayado, etc. poniendo el efecto deseado en "decoration".
Son posibles 5 efectos (pero el último no funciona para IE):

none (ninguno)
underline (subrayado por debajo del texto)
overline (subrayado por encima del texto)
line-through (cruzando el texto)
blink (intermitente)

Bueno y eso es todo, espero que estas indicaciones os sean útiles para personalizar totalmente este estupendo menú.

Un abrazo, 

[sanchokid]

gracias por la informacion tridac.... yo aun soy novato con el php y quiesiera preguntarte si ay alguna manera de poner dos o tres colores diferentes en los links, ya que quiero poner los links de una categoria de un color.. y las de otra con otro color diferente.

Por ejemplo:
ssmItems[0]=["Categoria 1"] //categoria 1 (color blanco).
ssmItems[1]=["Foro 1", "hxxp:miforo.net/index.php [nonactive]"] (color Verde claro)
ssmItems[2]=["Foro 2", "hxxp:miforo.es/index.php [nonactive]"] (color Verde calro)
ssmItems[3]=["categoria 2"] //categoria 2 (color blanco).
ssmItems[4]=["Foro de colega 1", "hxxp:forodecolega.com.es [nonactive]"] ( Color Rojo )
ssmItems[5]=["Foro de colega 2", "hxxp:forodecolega.net [nonactive]"] ( Color Rojo )

Espero que alguien me pueda ayudar... gracias

[Tridrac]

gracias por la informacion tridac.... yo aun soy novato con el php y quiesiera preguntarte si ay alguna manera de poner dos o tres colores diferentes en los links, ya que quiero poner los links de una categoria de un color.. y las de otra con otro color diferente.

Por ejemplo:
ssmItems[0]=["Categoria 1"] //categoria 1 (color blanco).
ssmItems[1]=["Foro 1", "http://miforo.net/index.php"] (color Verde claro)
ssmItems[2]=["Foro 2", "http://miforo.es/index.php"] (color Verde calro)
ssmItems[3]=["categoria 2"] //categoria 2 (color blanco).
ssmItems[4]=["Foro de colega 1", "http://forodecolega.com.es"] ( Color Rojo )
ssmItems[5]=["Foro de colega 2", "http://forodecolega.net"] ( Color Rojo )

Espero que alguien me pueda ayudar... gracias

Hola compañero,

Pues creo que no se puede poner un color diferente para cada "categoría" de enlaces (por lo menos sin tener que hacerle cambios profundos al programa).
Lo siento 

Un abrazo, 

P.D: De todos modos, te daré un consejo: cuidado con querer "adornar" demasiado las cosas empleando muchos colores, al final cansa y desvía la atención de lo realmente importante, el contenido.

[sanchokid]

Hola compañero,

Pues creo que no se puede poner un color diferente para cada "categoría" de enlaces (por lo menos sin tener que hacerle cambios profundos al programa).
Lo siento 

Un abrazo, 

P.D: De todos modos, te daré un consejo: cuidado con querer "adornar" demasiado las cosas empleando muchos colores, al final cansa y desvía la atención de lo realmente importante, el contenido.

Gracias por tu respuesta compañero...

Tenia la idea de utilizar tal y como tengo ahora mismo el menu: hxxp:www.cfstattoomsantceloni.es [nonactive] pero sin utilizar los codigos de html, ya que por el momento no he encontrado nada en la red que me pueda ser gustar tanto como este menu... ya que si lo consigo lo pondria en el foro....

Y decir finalmente, GRacias a todos los expertos que ayudan a los novatos como yo... Muchas gracias

[tonra30]

Hola sneijder23,ante todo darte las gracias por tu siempre inestimable ayuda
a los demás,me gustaria que echaras un vistazo a mi index y observaras
si existe error alguno,pues no hay manera de que me aparezca el menu
despregable,el foro es un smf 1.1.8 y lo estoy creando nuevo,te dejo la
url http://www.tuportalpando.com/foropruebas/index.php [nofollow] y la
acompaño con una captura de mi index:

<html xmlns="http://www.w3.org/1999/xhtml"' [nofollow];, $context['right_to_left'] ? ' dir="rtl"' : '', '><head>

<style type="text/css">
<!--
A.ssmItems:link      {color:black;text-decoration:none;}
A.ssmItems:hover   {color:black;text-decoration:none;}
A.ssmItems:active   {color:black;text-decoration:none;}
A.ssmItems:visited   {color:black;text-decoration:none;}
//-->

</style>

<SCRIPT SRC="http://www.tuportalpando.com/httpdocs/foropruebas/ssm.js [nofollow]" language="JavaScript1.2">

//Dynamic-FX slide in menu v6.5 (By maXimus, http://maximus.ravecore.com/ [nofollow])
//Updated July 8th, 03 for doctype bug
//For full source, and 100s more DHTML scripts, visit http://www.dynamicdrive.com [nofollow]
//Adaptado a SMF http://www.simplemachines.org por Hydra http://www.zonagente.com [nofollow]

</SCRIPT>

<SCRIPT SRC="http://www.tuportalpando.com/httpdocs/foropruebas/Themes/RedRap/ssmItems.js [nofollow]" language="JavaScript1.2"></SCRIPT>

También los he alojado juntos en el mismo directorio y no funcionan tampoco.
Muchas gracias 

[sneijder23]

imagino que las rutas de los archivos estaran mal,comprueba donde los subiste y edita las rutas exactas donde carga los archivos de tu index /ssm.js y /ssmItems.js

[tonra30]

Muchisimas gracias,el problema estaba en la ruta,sobrebe el httpdocs.
Gracias de nuevo

[EmiOconnor]

Tengo un problema con éste menú.

Pude instalarlo bien, funciona perfecto. Al estar en mi portal (SimplePortal) puedo visualizarlo, al estar en el index del foro tambien. Pero a la hora de entrar a un foro o a algun post, el menu no se ve.

¿Donde puede estar el problema?

[sneijder23]

que archivos editaste?

[EmiOconnor]

que archivos editaste?

Ya logré solucionarlo. Habia un pequeño error mio en el Index.template.php

Saludos!

[missing]

Tengo un foro por el que solo pueden navegar los usuarios registrados. En el menu desplegable una de las opciones es "Inicio", con este enlace: http://mi sitio.com/index.php
Al clicar en el, remite automaticamente a la pagina de registro o ingreso.

¿que podria hacer para evitar eso? Las demas opciones funcionan correctamente.

[Ginolatex]

Gracias por el aporte. Hay alguna forma para que los usuarios puedan cerrar la pestaña si les molesta?




Saludos.

[missing]

¿Alguien me puede ayudar con este tema?

Tengo un foro por el que solo pueden navegar los usuarios registrados. En el menu desplegable una de las opciones es "Inicio", con este enlace: http://mi sitio.com/index.php
Al clicar en el, remite automaticamente a la pagina de registro o ingreso.

¿que podria hacer para evitar eso? Las demas opciones funcionan correctamente.

[HackRos]

¿Alguien me puede ayudar con este tema?

Tengo un foro por el que solo pueden navegar los usuarios registrados. En el menu desplegable una de las opciones es "Inicio", con este enlace: http://mi sitio.com/index.php
Al clicar en el, remite automaticamente a la pagina de registro o ingreso.

¿que podria hacer para evitar eso? Las demas opciones funcionan correctamente.

Ve a la administracion y despues ve a

Configuración del Foro
--------------------------
Características y Opciones
------------------------------

y le das hasta arriba esta esta opcion

Permitir a los visitantes navegar en el foro, y la marcas

y listo

[missing]

Vale, gracias. Pero es que NO quiero que los visitantes naveguen por el foro. Es privado, solo accesible a usuarios registrados y previamente aceptados.

[HackRos]

vale. creo que tu problema era ese pero bueno ^^

[- = Orfeo = -]

No hay forma alguna de poder darle efectos css? o particulares para codigos de mozilla en css

[sneijder23]

Que tipo de efectos?

[taka-zero]

sos groso men, me sirvió, gracias
arigatou gozaimasu!