About Dropdown menu

webactor

Avatar: webactor

2008-10-24 12:31

Hi there - is there anybody that have the dropdown menu working ?
I took a look here:
http://opensolution.org/Quick.Cms/forum/?p=readTopic&nr=756
But i cant get it working.


Instead i was looking at this
http://www.brothercake.com/dropdown/

- do anybode know if it possible to insert in the Quick CMS ?

Well hope you can help me

C yaaa | Cheers

------------------------------------
Kimo Webactor.dk

» Quick.Cms v2.x

webactor

Avatar: webactor

2008-10-26 08:06

Okey - now i found a really cool / easy dropdown menu.
Look here :
http://www.brothercake.com/dropdown/topnavIII/index.html


Problem is - in the top of the container.tlp file i have to insert:

<script type="text/javascript" src="$config[dir_core]sniffer.js"></script>
<script type="text/javascript" src="$config[dir_core]custom.js"></script>
<script type="text/javascript" src="$config[dir_core]style.js"></script>

Thees files are inside the /core dir.

But i my <body> area i have to have this :
<script type="text/javascript" src="$config[dir_core]menu.js"></script>

Witch make the menu appear - thats cool enough.
But all above my menu turns white - when i use the menu.
Like it is conflicting with some other code. .. Danm .. ha ha

Also i trying to make it Relative positioning - so that it will stay with the site
template | Look here |
http://www.brothercake.com/dropdown/topnavIII/relative.html

Well if anybody knows how to rid of the problem in <body> menu.js
I REALLY would like to see yoour ex.

Hope you can help me

C yaaa | Cheers
_____________________________
Kimo Webactor

webactor

Avatar: webactor

2008-10-27 17:13

Uhhhaaa i Found out of it :)

First i downloaded this :
http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm

(This i just a dropdown menu i chose)
You can pick anyone that you like.

Right under the <body> tag in my container.tpl file i have this
---------------------------------------------------------------------------
<div id='menupos' class='c6'></div>
<script type="text/javascript">function Go(){return}</script>
<script type="text/javascript" src="$config[dir_core]exmplmenu_var.js"></script>
<script type="text/javascript" src="$config[dir_core]menu_com.js"></script>

----------------------------------------------------------------------------
I made a c6 div class in my CSS file where i set position:relative
to define the excact place for my dropdown menu on my site.

The rest is just classic script path - to where the .js functions are.

Put the .js files that you downloade from the link
http://www.dynamicdrive.com/dynamicindex1/hvmenu/index.htm

into the /core .dir. And define the path in the container.tpl file - like i did above.

In your CSS make a ex :
.c6{position: relative;top: 28px;left: 104px;}

That defines the position of the dropdown menu.

As you can see i defines my div id ="menupos"
This you must insert in the line:

var TargetLoc ''; in your .js
(in my case the : exmplmenu_var.js)

Read more here :
http://www.lisbonideaschallenge.com.pt/hvmenu/config.htm

Well i hope it works for all of you.

Ofcaurse you will have to define the links that you would like the dropdown
to link to. It won´t be defined from the Quick cms

Well C yaaa
__________________________
Kimo Webactor.dk

Back to top
about us | contact