Need a treemenu demo likt this

Poster: perldev
Dated: Thursday July 28 2005 - 4:37:45 BST

Can anybody do me a favor to give me a link of treemenu like THIS? I am learning how to write style of treemenu with Milonic DHTML scripts.

Thanks!

Poster: perldev
Dated: Thursday July 28 2005 - 20:26:16 BST

does anybody know?

Poster: kevin3442
Dated: Thursday July 28 2005 - 20:28:25 BST

Try this:

http://www.milonic.com/treemenu/desktop/

Click the "Desktop" item at the top of the main menu.

Cheers,

Kevin

Poster: Ruth
Dated: Thursday July 28 2005 - 22:11:24 BST

Hi,

I'm working on it. I have it all done but the '3rd level' submenu setup. So, I'll get it up as soon as that's finished. Some time today/tonight. It's exactly [about 99%] like the one you showed.

Ruth

Poster: perldev
Dated: Thursday July 28 2005 - 22:17:52 BST

Thanks so much!!

Poster: Ruth
Dated: Friday July 29 2005 - 1:07:54 BST

Hi,

OK, here you go

The zip file contains all the images, the data file and the page.

I included a 'test 3rd level' I know that's not in the example you gave but if you need it in the future you will need the other images. The only way to do this is to make different images for the different levels. I did test it as to the change in font size and it seems to look OK up to 18/20px After that, it kind of puts extra vertical dots do to the background repeating. You might be able to mess around and figure something else out to accomodate much larger fonts. Perhaps use images, but that would entail redoing all these images to fit in with putting images in, though you might be able to do it using images with transparent backgrounds so the dotted lines of the other images show behind them.

Ruth

Poster: kevin3442
Dated: Friday July 29 2005 - 1:13:44 BST

Nicely done Ruth!

Kevin

Poster: Ruth
Dated: Friday July 29 2005 - 2:52:24 BST

Thanks, Kevin

It's a darn good thing that paths aren't involved in the making of images or I'd never get it right

Ruth

Poster: perldev
Dated: Friday July 29 2005 - 5:17:13 BST

Excellent job, Ruth!

Poster: perldev
Dated: Friday July 29 2005 - 5:29:17 BST

When resize the font, I got this:

Poster: Ruth
Dated: Friday July 29 2005 - 5:48:24 BST

Hi,

I didn't actually open it. That means you will have to make the menuwidth wider than what it is set if you want to have it not go over like that when font is resized. The other option is to make it a relatively positioned menu in a cell which has that same color background. As the cell expands to accomodate the menu width the background would look like part of the menu.

Ruth

Poster: Ruth
Dated: Friday July 29 2005 - 6:59:22 BST

Hi,

I don't know your layout so this may not be an option.

I just tested this in a table. The test page is here. The zip file only contains the new page, the table cell bg image, and the new data file, you already have the other images.

It works this way:

1. create a table with 1 column, two rows.
2. I set up the following css class for the table cells.



3. in the top cell I typed Now is the time for all good men ......, You could put something related to the site, it just has to be no longer than the original width of the menu so that it's the same starting size when the text is made larger.

By placing non-visible text when the text is resized the table expands to accommodate that hidden text and since the background is the same color because it uses an image made from the menu background the table expands and the menu just looks bigger.


I have to say also that if the size gets too big there will be some extra dots and extra end curves on those end items. There's nothing I can do about that.

Ruth