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!
Need a treemenu demo likt this
Try this:
http://milonic.com/treemenu/desktop/
Click the "Desktop" item at the top of the main menu.
Cheers,
Kevin
http://milonic.com/treemenu/desktop/
Click the "Desktop" item at the top of the main menu.
Cheers,
Kevin
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
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
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
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
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
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.
Code: Select all
expandcell{font-size:10px;font-family:verdana,arial,helvetica,sans-serif;color:#E6E6E6;background-image: url(tdbg.gif);repeat:repeat;} 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