Jump to content

Drop Down Menus


simpilot

Recommended Posts

  • 1 month later...
  • 2 weeks later...

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

Link to comment
Share on other sites

  • 2 weeks later...

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.

Link to comment
Share on other sites

  • 1 month later...
  • 2 months later...
  • 2 weeks later...
  • 2 weeks later...

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.

Link to comment
Share on other sites

  • 2 months later...
  • 2 months later...
  • 3 months later...
  • 5 years later...

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>        

 

Link to comment
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...