dotmenu Adv

[fivesecondrule]

Hi im new, and im not ever sure if im posting this is the correct spot, but i hope someone can help.

I need help with the Dotmenu from DHTML central. the site hasn't been updated in quite sometime! And the advanced page that has the code i need isn't there does anyone know where it can be found?

if not here's my problem, im sure you've heard it alot but i couldn't find help via the search....

I want to change the main dot on the menu to an image. and possibily keep the rest just plain dots, though i might want to change those too...

hope you guys can help!!

--FSR

[Nile]

Please post a link to the page, in this case:
http://www.dhtmlcentral.com/script/script.asp?id=26

Change:


.dot { position: absolute; width: 6; height: 6; visibility: hidden; background-color: red; font-size: 1px; cursor: pointer; cursor: hand; z-index: 100 }
.dotoff { position: absolute; width: 6; height: 6; visibility: hidden; background-color: gray; font-size: 1px; cursor:default; z-index: 100}
.dotempty { position: absolute; width: 6; height: 6; visibility: hidden; background-color: orange; font-size: 1px; cursor: pointer; cursor: hand; zindex: 100 }

To this:


.dot { position: absolute; width: 6; height: 6; visibility: hidden; background-color: url('imageDot'); font-size: 1px; cursor: pointer; cursor: hand; z-index: 100 }
.dotoff { position: absolute; width: 6; height: 6; visibility: hidden; background-color: url('imageDot'); font-size: 1px; cursor: pointer; cursor: hand; z-index: 100 }
.dotempty { position: absolute; width: 6; height: 6; visibility: hidden; background-color: url('imageDot'); font-size: 1px; cursor: pointer; cursor: hand; z-index: 100 }

Change the highlighted to your image. And change the navy to the height and width of your pages.

[fivesecondrule]

nile thanks alot! sorry i didn't know the proper form...

i was wondering is it possible to have submenus have different images... like forexample

Main Menu (Welcome Image)

Sub menu (logo company 1)
Sub menu (logo company 2)
Sub menu (logo company 3)
Sub menu (logo company 4)

or would that involve a completely different code?

[Nile]

That would involve completely different code... Sorry. :(

[fivesecondrule]

that's okay thanks....

again some question...

im changing the proper item, but it's not working....

background-color: url('tuc-logo.gif');

the above is just the highlighted snippet....

[Nile]

Oops, I'm dumb change all of them to:


background: url('tuc-logo.gif');

[fivesecondrule]

lol, yea i was too, i caught it when i was messing with the width and height....

now the whole image aka DOT is off center along with the entire menu system, because the image to bigger than the dot...

[Nile]

Can you post a link o your page, and if your running this locally upload it some where.

[fivesecondrule]

here, i know that the image shows up on the submenus,

im going to try and edit the entire, code, i know you can't help me there, so i can try and have diff logos for the submenus, maybe not all different but atleast not the same as in the current code.....

http://theunemploymentcouch.com/beta/index2.html

i just need to work on the offcentering....
thanks.

[Nile]

Hmm, its gonna be pretty hard to edit it.
But here is an idea to make the one with the big image work:

Give all the elements I told you to change above lots of padding. :)

But we can also see if John or DDAdmin can do it. But its a good thing to put in here:
http://www.dynamicdrive.com/forums/forumdisplay.php?f=30