Drop Down Menus

[simpilot]

Folks, there are hundreds, if not thousands of sites offering code to create drop down menus.

Some places to start....

css drop down menus

http://www.cssmenumaker.com/

http://www.cssmenus.co.uk/

and my favorite for js type menus

http://www.dynamicdrive.com/dynamicindex1/index.html

and if all else fails

Drop Down Menu Search

[Guest Brian]

My 2 Favorites are my jQuery/Ajax Menu, and the Chrome Javascript Menu. Links below;

http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

http://www.dynamicdrive.com/dynamicindex1/chrome/index.htm

[llju1]

Ok I have searched, Read, and just plain beat my head against my monitor . Now can someone help me? I have the general Idea of how to make the Drop down menu I want, but I get confused by where everything goes. What i need it a drop down menu with slide out for sub menus. any Ideas would be helpful. And Like I said I have searched til my eyes are crossed. thanks in advanced. Remember I am old so give me a break

Lloyd

[mark1million]

I suppose you could adapt this, its something i was messing about with,

Its from ivao but it will give you an idea. It came from when i was learning different menus and styles

menu.zip

[llju1]

I suppose you could adapt this, its something i was messing about with,

Its from ivao but it will give you an idea. It came from when i was learning different menus and styles

that is what I was looking for Now one question do I copy and past the script on the CSS and place it on my CSS in my skins folder?

[CPC900]

I am having issues grasping this as well. sorry. I must analyze it too much or something. Do you add the drop down menu code to the core_navigation file? And if so, how does it all fit into to that with different being logged in vs not logged in? Do I reference a different css file or do I add to the existing css?

Sorry if I seem dense over this whole thing, but I seem to have a real mental block with piecing it all together with phpvms. I had a drop down menu prior to phpvms, so I knew how to add it then. Sorry for bothering, but I still need help.

[CPC900]

I need some simple guidance here please. How/where do I add the data in relation to a "logged" in menu vs a "not logged" in one. I think I can muddle through the rest. I just need to know how/where to edit the "core_navigation" file. Think of me as a caveman who is very old and stupid.

[Flightguy123]

If you are trying to get the Admin panel and the Pilot Center to switch from Registration, put these codes in:

Register => Pilot Center Code

<?php

if(!Auth::LoggedIn())

{

// Show these if they haven't logged in yet

?>

<li><a href="<?php echo SITE_URL ?>/index.php/registration">Register</a></li>

<?php

}

else

{

// Show these items only if they are logged in

?>

<li><a href="<?php echo SITE_URL ?>/index.php/profile">Pilot Center</a></li>



<?php

}

?>

For the Admin Panel:

<?php echo $MODULE_NAV_INC;?>
<?php
if(Auth::LoggedIn())
{
if(PilotGroups::group_has_perm(Auth::$usergroups, ACCESS_ADMIN))
{
	echo '<li><a href="'.fileurl('/admin').'">Admin Center</a></li>';
}
?>

[CPC900]

After MUCH headache and swearing, I have figured it out.

[CPC900]

Ok, just one thing now.....On my site: http://www.canadianclassicairlines.com/CPC , I want to put the drop down menu BELOW the header graphic and also to have the drop down boxes line up properly. I will keep fumbling with this, but any guidance would be great.

[simpilot]

Hi Bruce,

In your layout.tpl file look for the line

$this->show('core_navigation.tpl');

and move that line to after the <div> that is calling your header. That should fix you up.

[CPC900]

In the process of doing my site up.....I never used the layout.tpl file. So, should I try to incorporate that into my site? Is the layout.tpl a necessity? Because it has been fine without using it. Not sure WHY I didn't have it with my skin, but nevertheless, where would I go instead to move the menu?

[CPC900]

Ok, so now I have my dropdown menu working......but NOT in Internet Explorer!!? It works great in Firefox. Anyways, any idea on how to fix this?

http://www.canadianclassicairlines.com/CPC/

[CPC900]

Ok, apparently it is IE8, that is having trouble, I believe. I will look further. I thought it was affecting ALL IE versions, but I am mistaken. Why do people have to bother using IE anyway!

[CPC900]

In case anyone cares.....it was the "compatibility view" in IE8 that was checked. Turned it off and all was well. Sorry for the bother!

[CPC900]

Quick question......How do I get the drop down menu to stay on top of the acars map?

[Kyle]

Quick question......How do I get the drop down menu to stay on top of the acars map?

It's tricky, Like my skin, i had to adjust the hieghts and it was hard to firgure out what is casuing this. Try hieging up.

[CPC900]

One last question(hopefully), about drop down menus.....I see my dropdown menus fine on IE7 and IE8, but I want them to work with IE6 as well. Is there something I can do to force that on my end? Because I can't change anything on the computer that won't show the menus in IE6(long story). Other drop downs show up, so not sure why mine don't in IE6?!?

[TAV1702]

I suppose you could adapt this, its something i was messing about with,

Its from ivao but it will give you an idea. It came from when i was learning different menus and styles

Did you ever use this drop down and if so were you successful? I can not get it to go any wider no matter what I do. I have adjusted the width and all. If I add another menu item, it just drops it below the menu.

I am really scratching my head on this one. I can't give a link either unless I catch you on. It is on my WAMP server so I would have to turn it on for anyone to see it.

I suppose I could add a screen shot. I may do that tomorrow. I was just curious if you ever used it or not.

[Jeff]

I use My CSS Menu for all of my other websites. I have yet to try to use it in phpVMS though. If anyone is successful, let me know. (Yes! It is free to use, and has millions of possibilites to make it unique to use with any website skin)

[Airport]

Hello,

pretty nice generator, and it works

Martin

[TAV1702]

I use My CSS Menu for all of my other websites. I have yet to try to use it in phpVMS though. If anyone is successful, let me know. (Yes! It is free to use, and has millions of possibilites to make it unique to use with any website skin)

Yeah that is a pretty sweet thing right there. I am curious, If once you create a menu, do you have to come back every time you wish to update your menu like add new tabs or links?

[Jeff]

No Ray, just open the javascript you created with notepad and on the very bottom of the script, you will see all the links. Edit them there and save them.

[TAV1702]

Ahhh ok man thats cool.

[Guest itrobb]

Try CSS3 Menu Creator. I'm using it just now but having some trouble.

[Guest itrobb]

Here is my CSS code for the menu:

ul#css3menu,ul#css3menu ul{
margin:0;list-style:none;padding:0;background-color:#FFFFFF;border-width:1px;border-style:solid;border-color:#5f5f5f;-moz-border-radius:0px;-webkit-border-radius:0px;border-radius:0px;}
ul#css3menu ul{
display:none;position:absolute;left:0;top:100%;-moz-box-shadow:3.5px 3.5px 5px #000000;-webkit-box-shadow:3.5px 3.5px 5px #000000;box-shadow:3.5px 3.5px 5px #000000;padding:0 10px 10px;background-color:#05A2EA;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;border-color:#d4d4d4;}
ul#css3menu li:hover>*{
display:block;}
ul#css3menu li:hover{
position:relative;}
ul#css3menu ul ul{
position:absolute;left:100%;top:0;}
ul#css3menu{
display:block;font-size:0;float:left;}
ul#css3menu li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu>li,ul#css3menu li{
margin:0;}
ul#css3menu a:active, ul#css3menu a:focus{
outline-style:none;}
ul#css3menu a{
display:block;vertical-align:middle;text-align:left;text-decoration:none;font:bold 13px Verdana;color:#FFFFFF;text-shadow:#FFF 0 0 1px;cursor:pointer;padding:10px;background-color:#05A2EA;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-repeat:repeat;background-position:0 0;border-width:0 0 0 1px;border-style:solid;border-color:#C0C0C0;}
ul#css3menu ul li{
float:none;margin:10px 0 0;}
ul#css3menu ul a{
text-align:left;padding:4px;background-color:#05A2EA;background-image:none;border-width:0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:14px Verdana;color:#000000;text-decoration:none;}
ul#css3menu li:hover>a{
background-color:#05A2EA;border-color:#C0C0C0;border-style:solid;font:bold 13px Verdana;color:#FFFFFF;text-decoration:none;text-shadow:#FFF 0 0 1px;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAADICAYAAAAp8ov1AAAAAXNSR0IArs4c6QAAAAZiS0dEAAAAAAAA+UO7fwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oJGA41KpTYroIAAACASURBVCjP7ZE7DsJADESfJiL37znNXoJLUNARa7Ni6Bw5AtFEqXAx8vj/wfZNwBBAakPAWukQEJUu1RGVLt9su4yo9eJ3t0FrDWyTg58HezlujFPE9lXAQ8BdQM93R9LtM2ve/vnB22tcF/DaTpItJwHKVWcBk4BLwlw1/nAUvAGm30u0udPq+QAAAABJRU5ErkJggg==");background-position:0 100px;}
ul#css3menu img{
border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu img.over{
display:none;}
ul#css3menu li:hover > a img.def{
display:none;}
ul#css3menu li:hover > a img.over{
display:inline;}
ul#css3menu span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu ul li:hover>a{
background-color:#05A2EA;background-image:none;font:14px Verdana;color:#EFEFEF;text-decoration:none;}
ul#css3menu li.topfirst>a{
height:21px;line-height:21px;border-radius:0px 0 0 0px;-moz-border-radius:0px 0 0 0px;-webkit-border-radius:0px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;}
ul#css3menu li.topfirst:hover>a{
line-height:21px;}
ul#css3menu li.topmenu>a{
height:21px;line-height:21px;}
ul#css3menu li.topmenu:hover>a{
line-height:21px;}
ul#css3menu li.toplast>a{
height:21px;line-height:21px;border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
ul#css3menu li.toplast:hover>a{
line-height:21px;}

As you'll see on my site, The navbar doesn't fill the gap. I have an image called 'navbar_bg.png', which is the correct size for that gap. I want the same navbar, but with the background image to fill the space. Anyone?

[TAV1702]

Ok I have a drop down menu made, just cant get it to work right on my site. Anyone willing to give me a hand?

I took the menu off of the site for now so the menu can be used. If anyone can help me I can put it back up and let you see what it does.

Thanks in advance either way.

Ray

[simpilot]

Ok I have a drop down menu made, just cant get it to work right on my site. Anyone willing to give me a hand?

I took the menu off of the site for now so the menu can be used. If anyone can help me I can put it back up and let you see what it does.

Thanks in advance either way.

Ray

Send me the file or Pastebin it Ray, I will take a swing at it.

[TAV1702]

Ok WIll do. Problem though. I have to go and regenerate it first. It pissed me off so I deleted it. Part of the issue is I will most likely have to redo the css for the ObsessBLue template to make it work. The drop down worked great on generator site but on mine, it fizzled out bad.

I will go create a new one and when I do, I will send it to you. Maybe I can catch you on msn or email it to you. Either way you like would be fine. And thanks for the reply. Sorry it took so long to reply back to you. I completely forgot I posted this.

[Guest Igna]

hello to all guys! I have a big problem with the inclusion of the drop down menu on my site ..

Can anyone help me? In Annex I put all the files on our site!

Thanks for your help! Is very urgent!

Link Download:

http://uploading.com/files/33c1994b/drop%2Bmenu.rar/