WordPress.org

Ready to get started?Download WordPress

Forums

How to trigger the dropdown menu (2 posts)

  1. jonny41891
    Member
    Posted 3 years ago #

    Would anyone happen to know how to trigger the dropdown menu by my customized tab/menu image. Heres my style.css http://pastebin.com/i3CJ5kqc ..... the dropdown menu is the #nav around line 369. and my customized tab is the training ne around line 64. heres my header `<!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
    <meta name="generator" content="WordPress <?php bloginfo('version'); ?>" />

    <title><?php rev_title(); ?></title>
    <?php rev_header_meta(); ?>

    <!-- CSS Files -->
    <link href="<?php bloginfo('stylesheet_url'); ?>" rel="stylesheet" type="text/css" media="screen" />
    <!--[if IE 7]><link href="<?php bloginfo('template_directory'); ?>/ie7.css" rel="stylesheet" type="text/css" /><![endif]-->
    <!-- End CSS Files -->

    <!-- Alternative -->
    <link href="<?php bloginfo('rss2_url'); ?>" rel="alternate" type="application/rss+xml" title="RSS 2.0" />
    <link href="<?php bloginfo('pingback_url'); ?>" rel="pingback" />
    <!-- End Alternative -->

    <?php if (is_singular()) wp_enqueue_script( 'comment-reply' ); ?>

    <?php

    wp_deregister_script('jquery');
    wp_register_script('jquery', ("http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"), false, '');
    wp_enqueue_script('jquery');

    ?>

    <?php if(is_page_template('template-contact.php')){ ?>
    <script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/validate.js"></script>
    <script type="text/javascript">$(document).ready(function(){ $("#contactForm").validate(); });</script>
    <?php }?>

    <?php wp_head(); rev_css(); ?>

    <?php global $options; foreach ($options as $value) { if (get_option( $value['id'] ) === FALSE) { $$value['id'] = $value['std']; } else { $$value['id'] = get_option( $value['id'] ); } } ?>

    </head>

    <body>

    <div id="page">

    <div id="header">

    <div class="center">
    <?php if (in_array('Search', $rev_general)) { ?><div id="search"><?php include (TEMPLATEPATH . '/searchform.php'); ?></div><?php } ?>

    <div id="logo"><a href="<?php bloginfo('url'); ?>" title="<?php bloginfo('name'); ?>"><img src="<?php bloginfo('template_directory'); ?>/images/banner.png" alt="<?php bloginfo('name'); ?>" /></a></div>
    <div id="top-menu">
    <ul>
    <li <?php if(is_home()) { echo "class='current_page_item'"; } ?>><a href="<?php bloginfo('home') ?>" class="home">Home</a></li>
    <li <?php if(is_page('training')) { echo "class='current_page_item'"; } ?>><a href="<?php bloginfo('home') ?>/training" class="training">Training</a></li>
    <li <?php if(is_page('submit')) { echo "class='current_page_item'"; } ?>><a href="<?php bloginfo('home') ?>/submit" class="submit">Submit</a></li>
    <li <?php if(is_page('contact')) { echo "class='current_page_item'"; } ?>><a href="<?php bloginfo('home') ?>/contact" class="contact">Contact</a></li>
    <li <?php if(is_page('advertise')) { echo "class='current_page_item'"; } ?>><a href="<?php bloginfo('home') ?>/advertising" class="advertise">Advertise</a></li>
    </ul>
    </div>

    <div id="nav">

    <?php wp_nav_menu(array('theme_location' => 'primary-nav', 'container' => '', 'menu_class' => 'nav')); ?>

    <?php rev_navSocial(); ?>

    </div>

    </div>

    </div>`

  2. emilekott
    Member
    Posted 3 years ago #

    I have writtern a tutorial of how to make your own drop-down menus from scratch.

    If you can give a link to your site, it may be easier to help you.

    Cheers

    Emile

Topic Closed

This topic has been closed to new replies.

About this Topic