Drop Down Menus

Skinning - Legacy phpVMS (v2/v5)
41

lol no problem at all, I am glad you like what I did. I just added to what was already there. Send me a mail selwyn at flyaka dot net and Ill send over the required files to you with examples of the integration.

I am working on an ie7 fix. it works great in ie8 and all other browsers. untill I get it all right I am more than happy to share what I have currently.

Hey Selwyn,

is the offer for sharing the menu still available? I’d really like to have something like that on my VA site too.

Thanks in advance.

42

Yeah sure, PM me your email address and I ll send over my updated files for the menu that are cross browser compatible.

43

Can anyone help me geting the drop down menus to work with the

core_navigation.tpl file?

as tried a number of ways but will not work

44

You can get some excellent Jquery drop down menus here - http://apycom.com

45

Thank you for the jquery drop down site. WOW!!!

46

Ah yes, thee ol menu series continues, I’ve created a super easy menu system for all newbies, below is the coding, play around with it, I use it in 2 of my phpvms sites.

Here ya go;

\<!--START NEW MENU SCRIPT FOR HEAD universal with the newest bootsrap.css and bootstrap.js which are included with this skin DON"T replace them please --\> \<style\> /\* MUST BE in \<head\> This will run also without bootstrap on any skin \*/ .dropbtn { background-color: #378682; /\* you may change colors,font sizes etc.Always back things up,you may remark out if you don't want this menu system \*/ color: white; padding: 14px; font-size: 14px; border: none; cursor: pointer; min-width: 200px; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #AFCFCD; min-width: 290px; box-shadow: 0px 28px 28px 8px rgba(0,140,12,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown-content a:hover {background-color: #DCDCDC} .dropdown:hover .dropdown-content { display: block; } .dropdown:hover .dropbtn { background-color: #42757E; } \</style\> \<!--======= END Menu script for top of headder \<head\> =====--\> \<div id="collapse2z-Three" class="accordion-body collapse"\> \<div class="panel-body"\> \<div class="row"\> \<div class="col-md-12"\> \<h4 class="no-margin no-padding"\>Menu #1 System\</h4\> \<div align="left"\> div class="dropdown"\> \<!-- replace below scripting with your stuff/site menus --\> \<button class="dropbtn"\>Operations\</button\> \<div class="dropdown-content"\> \<a href="\<?php echo url('/pilots') ?\>"\>Pilot Roster\</a\> \<a href="\<?php echo url('/acars') ?\>"\>ACARS Live Map\</a\> \<a href="\<?php echo url('/departuretv'); ?\>"\>Airport Monitor\</a\> \<a href="\<?php echo url('/toppilot') ?\>"\>Top Pilot\</a\> \<a href="\<?php echo url('/touchdownstats') ?\>"\>Touch Down Stats\</a\> \<?php if(Auth::LoggedIn()) { ?\> \<a href="\<?php echo url('/logout'); ?\>"\>Logout\</a\> \<?php } else { ?\> \<a href="\<?php echo url('/registration'); ?\>"\>Sign Up\</a\> \<a href="\<?php echo url('/login'); ?\>"\>Login\</a\> \<?php } ?\> \<a href="\<?php echo url('/hub'); ?\>"\>Our Hubs\</a\> \<a href="\<?php echo url('/Fleet'); ?\>"\>Our Fleet\</a\> \</div\> \</div\> \<div class="dropdown"\> \<button class="dropbtn"\>Dropdown\</button\> \<div class="dropdown-content"\> \<a href="#"\>Link 1\</a\> \<a href="#"\>Link 2\</a\> \<a href="#"\>Link 3\</a\> \</div\> \</div\> \<div class="dropdown"\> \<button class="dropbtn"\>Dropdown\</button\> \<div class="dropdown-content"\> \<a href="#"\>Link 1\</a\> \<a href="#"\>Link 2\</a\> \<a href="#"\>Link 3\</a\> \</div\> \</div\> \<div class="dropdown"\> \<button class="dropbtn"\>Dropdown\</button\> \<div class="dropdown-content"\> \<a href="#"\>Link 1\</a\> \<a href="#"\>Link 2\</a\> \<a href="#"\>Link 3\</a\> \</div\> \</div\> \<div class="dropdown"\> \<button class="dropbtn"\>Dropdown\</button\> \<div class="dropdown-content"\> \<a href="#"\>Link 1\</a\> \<a href="#"\>Link 2\</a\> \<a href="#"\>Link 3\</a\> \</div\> \</div\> \<div class="dropdown"\> \<button class="dropbtn"\>Dropdown\</button\> \<div class="dropdown-content"\> \<a href="#"\>Link 1\</a\> \<a href="#"\>Link 2\</a\> \<a href="#"\>Link 3\</a\> \</div\> \</div\>