Sothink DHTML Menu

  • Por
Un programa para crear menús DHTML fácilmente: a golpe de ratón y sin tener que escribir ni una sola línea de código.
Se trata de un programa muy interesante para crear menús DHTML avanzados a golpe de ratón, sin necesidad de dominar el HTML dinámico. El programa nos propone una lista interesante de opciones para configurar un menú, como pueden ser los distintos epígrafes, los sub-apartados de cada uno y los enlaces a los que se debe dirigir cada opción. Además nos permite configurar el estilo de presentación de los enlaces y la manera de desplegar el menú de opciones.

Pocas veces se pueden conseguir resultados tan interesantes en tan poco tiempo. Para probar el programa hemos realizado varios menús desplegables, que se pueden ver en páginas a parte, para hacernos una idea más exacta de las capacidades del programa:

Menú 1
Menú 2

Cómo construir los menús

Imagen de Sothink DHTML Menú 3.0 Para construir un menú dinámico vamos creando los distintos apartados y asignando las propiedades a cada uno. Podemos configurar el texto que aparece, el enlace al que nos dirige la opción, los estilos a cada apartado, etc. Podemos asignar un estilo distinto para el momento en el que el ratón no se encuentra encima de la opción y para cuando si que se ha situado encima de dicha opción. De manera que cuando se coloca el ratón sobre una opción esta cambie de color para indicar visualmente al usuario que se trata de un elemento activo.

Cada opción puede tener a su vez otras opciones subordinadas, que se muestran solamente cuando nos hemos situado encima de la opción principal. Las opciones subordinadas no son más que opciones normales, configurables igual que cualquier otra.

Además, el programa nos permite crear efectos muy sorprendentes, que incluyen degradados a la hora de mostrar un menú subordinado, bolas al lado de cada uno de los elementos, submenús dispuestos vertical y horizontalmente, que salgan arriba o abajo y un largo etcétera. Para investigar sobre las posibilidades del programa es muy recomendable crear un nuevo menú a través de un template (plantilla). Tenemos una larga lista de ejemplos o plantillas creadas desde el principio y podemos visualizarlas al hacer un nuevo menú.

Menú 3

Este ejemplo utiliza una plantilla muy vistosa, que puede ser interesante para hacerse una idea adicional de las características de los templates. (El menú 2 visto anteriormente también utilizaba una plantilla, aunque no lo habíamos indicado antes).

Publicando un menú

Para publicar los menús el programa dispone de un asistente que permite, paso a paso, generar todo el código para la publicación. Nos ofrece dos posibilidades:

1) Colocar el código en una página HTML ya creada. Para lo que nos permite situarnos con el cursor en el lugar exacto donde queramos que aparezca el menú y automáticamente actualiza la página web con el código adecuado. Además, incluye los archivos .js (Código fuente Javascript) automáticamente en la página que estamos actualizando y copia dichos archivos en el directorio que indiquemos.

2) Ver el código necesario para hacer el menú y ser nosotros los que copiemos ese código y lo peguemos en el lugar que se desee que aparezca. En este caso nos van indicando los trozos de código a presentar y los lugares teóricos donde debería colocarse y somos nosotros los que finalmente decidimos la posición de cada trozo de código.

Compatibilidad con navegadores

El programa viene preparado para distinguir entre varios tipos de navegadores y mostrar el menú de modo que se vea correctamente en cada uno. Nosotros hemos hecho algunas pruebas para comprobar hasta que punto el programa es compatible y, en muchos casos, ha funcionado correctamente.

Internet Explorer
Todos los efectos salieron correctamente. (Probamos las versiones 5.5 y 6)

Netscape 4.7
Una pena que la compatibilidad con Netscape 4 no esté implementada, por lo menos en la versión del programa que hemos evaluado. Aunque, en las especificaciones de la versión 3.5, indican que ya existe compatibilidad.

Netscape 6.2
El menú funciona perfectamente, aunque algunos de los efectos no se llegan a ver, como cambiar el color de las celdas donde se encuentra el ratón.

Opera 6.01
Funciona casi tan bien como Internet Explorer, sólo fallan algunas cortinillas para mostrar los submenús (aunque si aparecen los submenús no aparece la animación que se ha seleccionado para que aparezcan).

Nota: Los distintos grados de compatibilidad de los navegadores anteriores se deben a que éstos no tienen implementadas algunas características del DHTML, más que a un fallo de programación de los menús que se generan con el presente programa.

Más información

Hemos evaluado la versión 3.0 de Sothink DHTMLMenu, aunque la versión más moderna la podemos consultar en la página web del fabricante:
http://www.sothink.com/webtools/dhtmlmenu/

El usuario que pretenda instalar en su ordenador de esta utilidad podrá hacerse con la versión 3.5, la más novedosa en el momento de terminar de escribir este artículo.

Autor

Miguel Angel Alvarez

Miguel es fundador de DesarrolloWeb.com y la plataforma de formación online EscuelaIT. Comenzó en el mundo del desarrollo web en el año 1997, transformando su hobby en su trabajo.

Compartir

Comentarios

Hugo Alfaro

04/11/2004
Quisiera saber si un Menu creado en este programa funciona en un SII (Server Side Included) Gracias

ivan

25/1/2005
Me gustaria que alguien me digese si con estos menus se pueden abrir las paginas en un determinado FRAME para poder hacer la pagina con marcos.Gracias

sebastian

16/5/2005
se nota que el menu de desarrolloweb fue diseñado en este soft... :D
saludos comunidad!

RESPUESTA

Si te fijas en el código fuente verás que tu afirmación no es correcta. El menú de DesarrolloWeb.com lo creamos basándonos en unas librerías cross browser que tenemos comentadas en el manual: Taller de Cross-Browser DHTML

Reme

12/1/2006
Hola yo he creado un menu dinamico con el programa que indicais, pero ese mismo menu lo quiero insertar en un archivo swf. cómo lo puedo hacer?.

Un saludo y gracias de antemano.

Reme

Hugo E. Moyano

20/2/2006
Hola!!! He generado un menu con la versión 6.4. Lo puedo insertar con DreamWeaver y FrontPage... hasta a aca sin problema. Pero al abrir la página en la cual lo inserté (usando IE6 SP2), me aparece la barra de "Contenido Bloqueado"... y es molesto tener que habilitarlo cada vez que se entra a la pagina... hay alguna linea que se pueda agregar para que no bloquee el contenido. Gracias!!! =0)

war

23/2/2006
lamentablemente no se acopla con Dreamweaver en español, solo se instala y funciona corectamente con la version en ingles

Taty

08/4/2006
Hice un menu sin plantilla, pero los sub menu me aparecen al lado, he intentado cambiarlo para que aparezca abajo, de esta forma se tendria que mover hacia abajo el resto del menu. Quiero decir que quiero que el submenu aparezca debajo del menu, desplazando los otros menu tambien hacia abajo. Ojala y me entiendan, necesito una respuesta urgente. Gracias.

Miguel M

02/11/2006
Weno el programa , lo eh probado y no me a causado ninguna molestia .

wena desarrollo web , una vez más me ayudarón a simplificarme la creacion de una pagina web .

Alex

20/12/2006
yo tambien hice un menu con la version 4.5 o 4.7 no recuerdo exactamente... pero el resultado es bueno... sin embargo aparece ESA BARRA DE QUE SE TRATA DE CONTENIDO RIESGOSO Y LO BLOQUEA EL NAVEGADOR...eso no es bueno... existe mucha gente que navega sin observar las cosas... y lo peor es que se trata del menu de navegacion de la pagina y obvio vuelve inoperable la portal....

ES REALMENTE MOLESTO.... lo bloquea por que se gestiona con un archivo js que intenta usar ActiveX eso indica....

alguien sabe que puedo hacer en estos casos... una persona me dijo que ese mensaje sale en todos los XP profesionales.....

por desgracia no encuentro la solucion... y estoy optando por el XARA el cual tmb es muy bueno y agrega codigo javascript no bloqueado.....GRACIAS Y CUIDADO CON LOS DETALLES DE SOFTWARE ESO ES PARA LOS DE SOTHINK...

si alguien sabe la respuesta....

por favor.... taichin_fly@hotmail.com

Henry

31/3/2007
Les comento que hice un menu al igual que muchos y la verdad es una gran herramienta que nos simplifica mucho tiempo y a la vez se pueden crear menus muy buenos tanto que he comprado la licencia. Agradezco la gran ayuda.

Ruth

13/9/2007
Hola!
Alguien me podría decir porfavor como insertar un link a Cety al submenu del submenu
*escuelas
**medio superior
***CETY

De antemano gracias.

vanebces

20/9/2007
hola! hice varios menús y páginas y demás para crear una página web, pero resulta q los subo y no m hace los enlaces q están en los mnús, siempre da error... he oido q tngo q validar los códigos (del sothink dhtml) en el dreamweaver, pero no sé cómo hacerlo... m pueden ayudar!!!!?????

muchas gracias

jose

25/11/2007
hola quiero saber si una version en español o un programa para cambiar el idioma. gracias

Donaciano

09/12/2007
A mi me funciona correctamente. Ver ejemplo:
http://www.data-red.com/publica_empleo.html
No así cuando la pagina viene direccionada por un cgi-bin
Ejemplo:
http://www.data-red.com/cgi-bin/opinion/mostrar.pl
Creo que el código lo he colocado bien.
Alguien PUEDE INDICARME SI EXISTE ALGUNA INCOMPATIBILIDAD O me puede decir algo?
Saludos y gracias

Jose Manuel

10/2/2008
Hola. He creado un menu con este programa y lo quiero insertar en mi blog, pero no lo consigo. ¿Alguien me puede echar una mano? Gracias

Dark

04/11/2008
El programa esta muy bueno, ya he elaborado algúnos menus, los he insertado, pero lo que no he podido es poner los vinculos en los enlaces.

si alguien sabe se le agradece. Aparece algo de una llave, es necesaria?

Gracias

Elena

15/12/2008
cómo puedo descargar este programa en español??? es urgente!! por favor si sabeis de algún otro programa parecido en español decídmelo
Gracias.

† Andrez1 †

04/2/2009
El programa es exelente para crear menús, los menús si se pueden insertar en paginas con frames pero depende que tan alto es el menu por que asi mismo se debe agrandar el frame.
2. El menú funciona correctamente en la computadora pero para subirlo a la web se necesita de una llave para valiar.
3. Aveces el menú presenta error cuando se carga la pagina, se debe modificar los link por el codigo fuente.
4. Para insertarlo en el dreamweaver o frontpage se debe primero crear la pagina e insertar el menu directamente en el codigo fuente.
5. No hay versines en español.
6 Otro programa util es:Xara Menu Maker.

Pablo

19/8/2009
Problema con menú hecho con sothink dhtml menu
Hola a todos.
Yo tambien hice un sitio utilizando dicho programa, y si bien me parece muy bueno, tengo un problema bastante grave que quisiera ver si alguien me puede ayudar.

Es un menu con subsecciones. Al hacer mouseover, algunos botones despliegan hacia abajo otros botones correspondientes a subsecciones.
El tema es que al salir del boton principal (o sea, mouseout), desaparecen las subsecciones, me explico?

Desde ya agradezco mucho cualquier ayuda al respecto
Pablo

Pablo

26/8/2009
PROBLEMA EN IE CON SOTHINK DHTML MENU
Yo tambien hice un menu con subsecciones en un sitio, utilizando el sothink dhtml menu.
Funciona a la perfeccion, excepto por un pequeño problema:
En algunas versiones de IE, cuando se despliega los botones de subsecciones de algun boton, al salir del area de mouseover del boton principal, los botones de subsecciones desaparecen.

Alguien sabe por que puede estar pasando esto?

Muchas gracias

carol

20/10/2009
Problema dhtml menu
Hoal, estoy teniendo un problema con el sothink dhtml menu 8, hice todo el menu desplegable, hermoso y divino, funciona en mi pc perfecto (es decir, se ve bien en cada pagina, funcionan todos los links y demas) ahora bien, cuando copie el root menu (la carpeta entera) en un pendrive y pase la pagina a otra pc, la pagina se ve lo mas bien con las fotos animaciones y toda la bola, menos el menu.
eso puede pasar porque las demas computadoras no tienen instalado el sothink, pero bueno..si yo lo subo a un server para publicar la pagina... se va a ver el menu? soy nueva en esto... y quiero aprender y sacarme todas las dudas posibles...si alguien me puede ayudar se lo agradecere muchisimo!

fabian

04/1/2010
dudas
hola, hace tiempo que utilizo este software para crear menus `mi problema es que necesito insertar una forma especifica del boton, por ejemplo es redondo y no me aparece ninguna opcion similar dentro del programa, mi preguntas es si se pueden adjuntar un nuevo estilo y como se puede hacer

saludos

ALEXIS BATISTA

19/2/2010
No me cooren mis archivos flash de mi pagina
eL MENU ESTA MU BONITO PERO CUANDO LO SUPO ALGUNAS ANIMACIONES QUE TENGO EN FLASH NO ME CORREN POR QUE SERA ALGUIEN ME PUEDE AYUDAR PARA VER CULA ES EL PROBLEMA

ALEXIS BATISTA

darwin perez

23/3/2010
agrdacecimiento
geacias por la ayuda

acrsystemas

28/4/2010
sothink dhtml menu
Ncesito ayuda urgente ya que tengo que entregar la pagina, he hecho un menu y cuando pruebo con Dreamweaver en la opcion de navegacion, pues muy bien se ve pero luego subo el index y el .js al administrador y nada no se ve que pasa alguien porfavor puede ayudarme

Lil Hergeil

14/7/2010
Borders hover
Todo iba bien y cuando le doy preview le sale un borde puntiado azul, todos los bordes estan en 0 y en none, y de ahi cuando le doy guardar en mi pagina me sale el borde anaranjado y punteado, he revisado el highlights y lo demas y me siguen saliendo, no entiendo porque :/

roger romero

07/8/2010
menus desplegables
buenas trdes mi inquietud es la siguiente.... yo utilizo allwebmenus para crear esos menus desplegables, el problema es q el los genera con codigo javascript, y cuando lo inserto en una capa el menu no se adhiere a la capa y esta como separado de ella, como puedo hacer para q ese menu pertenezca a la capa y los cambios d la capa lo afecten????'si alguien puede ayudarm se los agradeceria...gracias...!

Lola

10/9/2010
Menu desplegable
Hola he creado un menú desplegable pero no se vé desde la web. Lo puedo ver desde mi sitio local pero no cuando lo subo a la web ¿?.-
Gracias

coni

04/2/2011
dhtml
como se usa

Luis Alberto

09/12/2011
mi web
Hola amigo vi tu pagina y note que tienes mucho conocimiento en paginas web y yo como que estoy empesando, tienes en tu entrada web programas para diseño web y uno que me llamo la tencion fue Sothink DHTML Menu 9 que es para crear menu ya se trabajar en el pero lo que no se es adactar mi menu creeado en mi plantilla wordpress que es con la plataforma en la que trabajo si me pudieras dar una ayuda te lo agradeceria saludos

mayis

31/1/2012
como crear los enlaces!
Por favor pueden decirme como creo los enlaces de los menus!! gracias..