[solved] How to add drop-down menu to CMS link?

[blank_screen]

Hi there,

 

Im trying to add three drop-down menu links to my CMS link in the header horizontal menu.

I have successfully edited tmcategories.tpl file and replaced three categories links with my CMS links, now I would like to add three drop-down menu links to one of the CMS link in the menu and I stuck, that is way beyond my HTML/CSS/PHP knowledge and I hope someone will be able to help me. I attached two files for reference. Thanks in advance.

[blank_screen]

Anyone?

[vekia]

well, you have to create additional code there and you have to add links manually.

what you have to do is:

 

to the li with "support & cables guide" add own id="" param (must be individual) and style="position:relative";

 

then to this <li> add <div> or <ul> with links to the pages you want. You have to add style: position:absolute; width display:none;

 

then for the li with "support & cables guide" (id="") add onmouseover action, which will show the div with your links

 

hope all is clear, if not - feel free to continue discussion here

[blank_screen]

Thanks for your help!

I think I understand most of what you wrote, but still have a question regarding the own id="" and param. Do I have to create new id name and add it to the global.css with the "position:relative;" between the brackets? Or leave it empty --> id=""? And the param thing, is it kind of parameter? is it referring to the id="" mentioned before? Thanks!

[vekia]

i mean that you have to use something like:

<li id="supportcable" style="position:relative;">[color=#343943][font=Arial, Helvetica, sans-serif][size=3]support & cables guide[/size][/font][/color]</li>

 

+ additional code with sublinks:

<li id="supportcable" style="position:relative;">[color=#343943][font=Arial, Helvetica, sans-serif][size=3]support & cables guide <ul id="support_sublinks" style="display:none; position:absolute;">
<li>link1</li>[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]<li>link2</li>[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]<li>link3</li>[/size][/font][/color]
[color=#343943][font=Arial, Helvetica, sans-serif][size=3]</ul>[/size][/font][/color]</li>

 

then create a script with:

 

$("#supportcable").mouseover(function() {

$("#support_sublinks").show();

});

[blank_screen]

Thanks a lot! It works like a charm!

[vekia]

can i test it somewhere?

 

i marked this thread as solved

 

regards