Jump to content
simpilot

Drop Down Menus

Recommended Posts

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

  • Like 3

Share this post


Link to post
Share on other sites

Ok I have searched, Read, and just plain beat my head against my monitor :P . 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. :P 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. :blink: thanks in advanced. Remember I am old so give me a break :D

Lloyd

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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. :(

Share this post


Link to post
Share on other sites

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. :blink:

Share this post


Link to post
Share on other sites

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>';
}
?>

Share this post


Link to post
Share on other sites

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. B)

  • Like 1

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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! :P

Share this post


Link to post
Share on other sites

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! :rolleyes:

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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?!?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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)

  • Like 1

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites
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?

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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. B)

Share this post


Link to post
Share on other sites

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. :blink:

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...