Dropdown Menu In Nav-Bar

Question

Hello friends,

 

how can I add a dropdown mwnu in the nav bar. Because I have added a lot of links and they have filled up all the space of nav bar so I would like to add a dropdown menu so that I can combine them together.

Also how can I change the icons here above this message content box. The icons of WYSIWYG editor box. And what if I want that the user can only upload pdf files and no images, because when I select / allow image uploading only then it allows me to select/allow to tick pdf file uploading box.

 

Help would be greatly appreciated.

Thanks

Answer 1

i need this too..

Answer 2

Also interest. I started woking on it but got stuck trying to integrate categories and custom pages.  Maybe someone can run with the code? I put it in the custom theme (based on snow). Probably better to create a plugin with layer.

Comments

<?php
    class qa_html_theme extends qa_html_theme_base
    {    
        function head_script() // change style of WYSIWYG editor to match theme better
        {
            qa_html_theme_base::head_script();
            $this->output(
                '<script src="./pro_dropdown_2/stuHover.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="./pro_dropdown_2/pro_dropdown_2.css" />');
            $this->output(
                '<script type="text/javascript">',
                "if (typeof qa_wysiwyg_editor_config == 'object')",
                "\tqa_wysiwyg_editor_config.skin='kama';",
                '</script>'
            );
        }
        function header()
        {    
            $this->output('<div class="qa-header">');
            $this->logo();                        
            $this->header_clear();
            $this->header_custom();
            $this->output('</div> <!-- END qa-header -->', '');
            $this->output('<div class="qa-main-shadow">', '');
            $this->output('<div class="qa-main-wrapper">', '');
            $this->output('<ul id="nav">
    <li class="top"><a href="#nogo2" id="teams" class="top_link"><span class="down">teams</span></a>
        <ul class="sub">
            <li><a href="#nogo3" class="fly">Alabama</a>
                    <ul>
                        <li><a href="#nogo4">Nikon</a></li>
                    </ul>
            </li>
            <li class="mid"><a href="#nogo7" class="fly">Lenses</a>
                    <ul>
                        <li><a href="#nogo8">Wide Angle</a></li>
                        <li><a href="#nogo9">Standard</a></li>
                            <ul>
                                <li><a href="#nogo12">35mm</a></li>
                            </ul>
                        </li>
                        <li><a href="#nogo15">Mirror</a></li>
                        <li><a href="#nogo16" class="fly">Non standard</a>
                            <ul>
                                <li><a href="#nogo17">Bayonet mount</a></li>
                                <li><a href="#nogo18">Screw mount</a></li>
                            </ul>
                        </li>
                    </ul>
            </li>
            <li><a href="#nogo19">Flash Guns</a></li>
        </ul>
    </li>
    <li class="top"><a href="#nogo22" id="services" class="top_link"><span class="down">Services</span></a>
        <ul class="sub">
            <li><a href="#nogo23">Printing</a></li>
        </ul>
    </li>
    <li class="top"><a href="#nogo27" id="contacts" class="top_link"><span class="down">Contacts</span></a>
        <ul class="sub">
            <li><a href="#nogo28">Support</a></li>
            <li><a href="#nogo29" class="fly">Sales</a>
                <ul>
                    <li><a href="#nogo30">USA</a></li>
                    <li><a href="#nogo31">Canadian</a></li>
                        <ul>
                            <li><a href="#nogo34" class="fly">British</a>
                                <ul>
                                    <li><a href="#nogo35">London</a></li>
                                    <li><a href="#nogo37">Glasgow</a></li>
                                    <li><a href="#nogo38" class="fly">Bristol</a>
                                        <ul>
                                            <li><a href="#nogo39">Redland</a></li>
                                        </ul>
                                    </li>
                                    <li><a href="#nogo42">Cardiff</a></li>
                                    <li><a href="#nogo43">Belfast</a></li>
                                </ul>
                            </li>
                            <li><a href="#nogo44">French</a></li>
                        </ul>
                    </li>
                    <li><a href="#nogo47">Australian</a></li>
                    <li><a href="#nogo48">Asian</a></li>
                </ul>
            </li>
            <li><a href="#nogo49">Buying</a></li>
            <li><a href="#nogo50">Photographers</a></li>
        </ul>
    </li>
    <li class="top"><a href="#nogo53" id="shop" class="top_link"><span class="down">Shop</span></a>
        <ul class="sub">
            <li><a href="#nogo54">Online</a></li>
        </ul>
    </li>
    <li class="top"><a href="#nogo57" id="privacy" class="top_link"><span>Privacy Policy</span></a></li>
</ul>');
            $this->nav_main_sub();

        }