Shiba

Adventures in WordPress

  • Home
  • Dog
  • Art
  • Contact
  • WordPress Articles
    • WP Plugins
    • WP Programming
    • WP Admin Panels
    • WP Theme Design
    • WP How-To
    • WP Theme Images
You are here: Home / WordPress Plugin / Shiba Menubar 1.1

Shiba Menubar 1.1

by ShibaShake 2 Comments

The Shiba Menubar plugin extends native WordPress custom menus so that you may add page trees, category trees, and archives. It also includes a several drop-down menu scripts for you to choose from including MenuMatic, Tinydropdown, and Sexydropdown.

[Full Shiba Menubar description.]

New features for Shiba Menubar 1.1 –

1. More Drop-down Menu Options

Two drop-down menu scripts have been added –

  • Tinydropdown by Michael Leigeber.
  • Sexydropdown by Soh Tanaka.

The advantage of both Tinydropdown and Sexydropdown is that their associated javascripts are tiny. Menumatic uses MooTools so it has a larger javascript footprint, but it also has some great drop-down menu effects, and it follows some of the best practices in drop-down menu design.

[Menumatic Demo]

2. Simple Drop-down Menu Skin Customization

You can easily change menubar scripts and skins by going into Appearance >> Shiba Menus.

Shiba Menubar Options - Set drop-drop menu type and drop-down menu skin.
Shiba Menubar Options - Set drop-drop menu type and drop-down menu skin.
Shiba Menubar Skin Options
Shiba Menubar Skin Options

Simply choose drop-down menu type and skin of your choice. There are currently 4 skins to choose from –

  • None – Doesn’t use any skin images. Use none if you want the menubar to use the CSS styling already set by your theme.
  • Transparent – Uses the menubar images from Menumatic, with an added transparent gradient background. Use this option if you want your blog background color to show through.
  • Black – Uses the menubar images from Sexydropdown. This is a very stylish black skin designed by Soh Tanaka.
  • White – Uses the menubar images from Tinydropdown.

Essentially, you can mix and match any of these menubar skins with the menubar type of your choice.

Note – Most themes already have highly styled menubar areas. In such cases, the theme CSS styling may take precedence over the Shiba Menubar CSS styling.

Here is a simple trick to remove all theme CSS stylings so that the Shiba Menubar skins are properly applied –

<script type="text/javascript" > 
jQuery('#access').attr("id","new-access");
</script>

In the code above, CSS stylings for the TwentyTen menubar are removed by reassigning the menubar div (#access) to something else (#new-access).

TwentyTen theme using the Menumatic script and Black menubar skin.
TwentyTen theme using the Menumatic script and Black menubar skin.

Here is an example of the TwentyTen theme using the Menumatic script and Black menubar skin.

How to Get Shiba Menubar Plugin

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Comments

  1. Hemendra Kumar Saini says

    May 16, 2011 at 10:22 am

    Hey Dude I really like this nav bar but is there any drop down menu bar option for the blogger’s blog thanks in advance for help

    Reply
    • ShibaShake says

      May 17, 2011 at 5:36 pm

      I am not sure what your question is. Do you want to add your own menubar links? To do this, just use the native WordPress Menus, under Appearance >> Menus.

      Reply

Recent Posts

  • Screenshot of an example article in code view of a modified Gutenberg editor.How to Harness the Power of WordPress Gutenberg Blocks and Combine It with Legacy Free-Form Text
  • Screenshot of the Success, WordPress has been installed page.Migrating Your WordPress Website to Amazon EC2 (AWS)
  • Screenshot of WinSCP for creating a SFTP configuration.How to Set-Up SFTP on Amazon EC2 (AWS)
  • WordPress Gutenberg code view screenshot of this article.How to Prevent Gutenberg Autop from Messing Up Your Code, Shortcodes, and Scripts
  • Screenshot of the Success, WordPress has been installed page.How to Create a WordPress Website on Amazon EC2 (AWS)

Recent Comments

  • Create Pop-up Windows in Your WordPress Blog with Thickbox (57)
    • Jim Camomile
      - I have used this tutorial several times and it is one of the few simple and effective ways to add popups with dynamic content, ...
  • How to Add Admin Columns in WordPress (7)
    • Andy Globe
      - Hi Friends, I am facing two problem in WordPress admin1. Load custom CSS for wp-admin on user-role base (editor) 2. ...
  • Example blog front-page using excerpts and the Shiba Theme.Optimize Your WordPress Plugins with Tags (5)
    • DF
      - thanks, i went the other way and added a filter if pages I wanted.
  • WordPress Search Widget – How to Style It (57)
    • Nelson
      - Tanks master - Fine
  • Update custom inputs with the proper data using Javascript.Expand the WordPress Quick Edit Menu (59)
    • Mike G
      - This is exactly what is happening to me. It is updating the value in the database and in the column, but I have to refresh ...

Copyright © 2022 · Genesis Skins by ShibaShake · Terms of Service · Privacy Policy ·