Drop Down Menus

[selwynorren]

Hi If you guys go look at our site http://www.flyaka.com we have a drop down menu there that uses standard CSS as the menu itself is made up of lists. I am happy to share that code with anyone if they want it. You will just have to mod the css to fit your needs of you skin.

[CPC900]

Yes, I would like it. Thanks.

[Blu-Express VA]

Hi,

How to create a dropdown menu for skin Brilliance V1?

The software is CSS3 Menu.....

The Dropdown menu i will create is :

http://www.flyaka.com/

Sorry selwynorren but it is my feavorite menu...

And other question is:

How to incorporate the code??

Thanks in Advanced...

[Michael]

HI!

Guess who has another problem?

Not me.

Okay, yes me.

In Internet Explorer, my drop-down menus are aligned all out of whack. They are dropping down way over to the right, instead of directly underneath the top link.

Link. ... I'm working on the nav bar now, so just float your mouse over with IE and see what I'm talking about.

I fixed some issues that were IE-exclusive, however I can't figure this one out. Will be actively searching for a fix while I wait for a reply, but will update you if I get it working.

Thanks in advance.

styles.css

[Strider]

I noticed in your CSS in parts after the

/*for IE7 */

you had *display:inline; try them without the astrix.

[Michael]

I'm on my phone right now without access to my computer, but that sounds like a note that was put in that the following code was to fix an IE error, probably centering the nav bar. However, I'm king of assuming. Will check this out asap.

[Tylor Eddy]

I have found a really sweet jquery menu

The thing is im stuck with getting it onto my site.

http://apycom.com/menus/4-red.html

the link above is the menu that i want to integrate with my site, if someone was able to look at it and help me incorporate it, it would be greatly appreciated.

Thanks

[mark1million]

Nice i need to replace my nav bas with drop downs and remove some of it from the side, looks good.

[Blu-Express VA]

Hi,

How to create a dropdown menu for skin Brilliance V1?

The software is CSS3 Menu.....

The Dropdown menu i will create is :

http://www.flyaka.com/

Sorry selwynorren but it is my feavorite menu...

And other question is:

How to incorporate the code??

Thanks in Advanced...

[selwynorren]

Hi,

How to create a dropdown menu for skin Brilliance V1?

The software is CSS3 Menu.....

The Dropdown menu i will create is :

http://www.flyaka.com/

Sorry selwynorren but it is my feavorite menu...

And other question is:

How to incorporate the code??

Thanks in Advanced...

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.

[TAV1702]

Yeah that is a nice looking drop down. It actually has nice form to it and it just not rectangle blocks of color. Nice job Selwynorren.

[Rickisani]

as I can in the Skin "Crystal II, " in the dropdown, one can insert flyout

[fsx]

sorry for the stupid question but not have find the correct responce in 2 day

what's your name the file for edit ???

and where is it ?

[bigrossco]

hi

i tried to edit this in the pages where i think it should go however the only part whihc will show on the site is the HOME and not the rest of it looks like i am not playing the head code int he correct file or the javascript files in the correct place?

[loplo]

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.

[selwynorren]

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

[bigrossco]

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

[miniarma]

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

[tgycgijoes]

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

[Heritage1]

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>