How can we get a top menu bar like at the top of this page with the pull down menu

Hi Guru !
Regarding the top menu bar you are mentioning, it is not a feature of the theme, it is our separate plugin named DW Promobar . Please download the plugin here: http://designwall.com/wordpress/plugins/dw-promobar/ and configure according to your needs.

Hi @Dominic,
Thanks for your quick response!
I should have been more clear, I was’nt talking about the promo bar. Which is a fantastic plugin I must say. But I was refereing to the menu items below the promo bar which is the actual main menu for Design Wall like in these screenshots:
http://postimg.org/image/qad8bqkqb/
http://s7.postimg.org/p79j2gvkb/Untitled2.png
 
Any help will be most appreciated. And sharing it here would benefit many others in my shoes!
 
Best regards and Cheerios!

Let me explain how we did it:
Step 1. Disable default Admin bar of WordPress:

 add_filter( 'show_admin_bar', '__return_false' , 1000 );

Step 2. Create a new “Topbar” function:

 add_action( 'wp_footer', 'themename_topbar' );
function themename_topbar() { ?>
<div id="topbar">
    <ul class="social-links">
        <li class="facebook"><a href="#">Facebook</a></li>
        <li class="twitter"><a href="#">Twitter</a></li>
    </ul>
<?php if (is_user_logged_in()) : //Check if user logged in, display profile links ?>
<?php global $current_user; get_currentuserinfo(); // Get current user info ?>
    <ul class="profile-links">
        <li><?php echo get_avatar( $current_user->ID, 18 ); ?> <?php echo $current_user->display_name; ?></li>
    </ul>
<?php else : // Display login & register link ?>
    <ul class="login-links">
        <li><a href="<?php echo wp_login_url(); ?>">Login</a> or <a href="<?php echo wp_login_url().'?action=register'?>">Register</a></li>
    </ul>
<?php endif; ?>
</div>
<?php }

You may need add some CSS codes to have a topbar look like at DesignWall. This is a quick sample:

 #topbar {
    background: #333;
}

#topbar a {
    color: #fff;
}

#topbar ul {
    list-style: none;
    display: inline;
}

#topbar ul li {
    margin: 0 10px;
    line-height: 30px;
}

#topbar .profile-links,
#topbar .login-links {
    float: right;
}

Hope this helps,
Jackie

On DesignWall, I just use those simple codes to make the topbar. Good or bad depends on a lot of CSS. Can you commit your theme (or your website) to Github (private repo is the most effective way) then invite me to your project – j4ckielord is my username. I’m not sure but hopefully I can help you a bit.

Hi now that was an really really good question thanks for putting it up @guru i was trying do that kinda thing with the wallpress theme from many days but  hardly achieved any success @jackie as their is already a sticky top nav bar in wallpress is it possible to cut the code you gave a bit and get that work done in lesser steps with wallpress?
Plus you may be using a redirect to profile plugin i suppose to redirect the user to profile after login instead of the backend dashboard i suppose,that means even admin would not be able to get to get into backend dashboard atleast not without adding a hook that override the redirect for admins.

@wellwisher: the code that I gave out was just a sample one. On our site since we have other plugins like BuddyPress and MyCred, the code is slightly different, but no guarantee that it would work for your site. 
I provide a hard code link because I believe social links on a website are hardly changed. Also when you use the topbar for your site, I don’t think bringing too much option to it would be good as it could lead to slow loading for the site.
@Guru: I think you can submit your code into our Github project and we can create a plugin for that.