Jump to content
simpilot

Drop Down Menus

Recommended Posts

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.

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

I noticed in your CSS in parts after the

/*for IE7 */

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

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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 ?

Share this post


Link to post
Share on other sites

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?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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>        

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×