BuddyPress.org

Study the code from this plugin that @chouf1 and @hnla helped considerably:
https://github.com/bphelp/custom_toolbar/blob/master/custom-toolbar.php
This should help you achieve your requirement. Pay particular attention to the code on line 78 and after to see how the images are added.

The buddybar has been deprecated since V 1.6 in favour of the more elegant and functional WP toolbar is there a reason you need to use the old buddybar? It’s simpler in the long run to try and work with the BP defaults.

@lepasi,

Sending menu is exactly the same thing as sending a picture for the above code. The only difference is the one send’s  text, and the other one could send a picture.

But you “don”t want to create a menu“. Ghost !

So if you already played around with code, you probably noticed that the toolbar contains a register button, and that button use some css id and class.

So play with CSS and add your picture to the right of the register button. I wouldn’t offense you by tellling how to add a picture into a list.

You willl find hundreds of answers to this question, because what you want to customize is the wordpress 3.3+ Toolbar.
i.e here: http://wp.smashingmagazine.com/2012/03/01/inside-the-wordpress-toolbar/

Try adding:

show_admin_bar( true );

To your functions.php file.

@naijaping
I tried doing a plugin with the help of several members that replicated what you did but your knowledge is better. If you have time can you look over the code? I can list you as the author or whatever you choose. Thanks mate!
Here is the URL:
https://github.com/bphelp/custom_toolbar

I don’t have an answer for 1.)
but I have made an attempt at creating a plugin for number 2.) with the help of @hnla and @chouf1 but I have not really sorted it out yet to my liking. Feel free to see if you can improve upon it. Get it here:
https://github.com/bphelp/custom_toolbar/archive/master.zip

@johnsorci, where should be this link ?

On the Toolbar, under the howdy menu ?

Try adding some more margin to the li elements in your toolbar because its uneven with the site name in the toolbar example add:
#wp-admin-bar li.no-arrow a {
margin-top: 3px !important;
}
Just a suggestion!

now having to write this a second time as bp decided I wasn’t logged in for some odd reason after I submitted so this is brief.

Watch your syntax, don’t wrap those functions in strings, ‘;’ line terminations in an array ought not to be there. You don’t need or want to echo out those functions at this point simply pass the function through so simply the ‘get’ function.

This is a working example  of two:

<code>

$wp_toolbar->add_node(array(
‘parent’ => ‘user-friends’,
‘id’ => ‘friend-requests’,
‘title’ => ‘ Friend Requests ‘,
‘href’  => bp_loggedin_user_domain() . bp_get_friends_slug() . ‘/requests/’,
‘meta’ => array(‘html’ => ‘<span>’ . bp_friend_get_total_requests_count( bp_loggedin_user_id() ) . ‘</span>’ )
));

</code>

<code>

$wp_toolbar->add_node(array(
‘parent’ => ‘user-messages’,
‘id’ => ‘messages’,
‘title’ => ‘ Messages ‘,
‘href’  => bp_loggedin_user_domain() .  bp_get_messages_slug() . ‘/view/’,
‘meta’ => array(‘html’ => ‘<span>’ . bp_get_total_unread_messages_count(bp_loggedin_user_id() . ‘</span>’ ) )
));

</code>
This isn’t ideal but all I can see to work with in add_node() but there may be better approaches, and to get this working I mainly had to study the code page to see how the ‘meta’ was handled.

in other words, you want the old buddybar “My account” menu from the buddybar to the sidebar ?

take a look in bp-core/bp-core-adminbar.php and bp-core-buddybar.php <- this one is well commented

you can also revert to the old buddybar by adding this to bp-custom to view the difference with the default WP Toolbar

add_filter( 'bp_use_wp_admin_bar', '__return_false' ); 

the extrem right of the bar is occupied by the search box, who normally appear when you’re on the front -end.

So the limit on the rigth is at the left of the HowDy witch ends with the user avatar. At the right of the avatar is some jquery for the search box. And it’s better you don’t try to touch this, if you don’t know what you make.

Be also aware that CSS styling begins always on the left top corner, because it’s the only common point of the multiple existing screen sizes.
The #wpadminbar li applies to any list on the Toolbar. So your CSS in completly false and unusable as is.

i know BP, no need to give me a test user access: that have no effect on your code.

You removed many things in the toolbar i guess. So i would recommand you reload a fress bp-default folder, with untouched css at least.

Apply the code and don’t touch the css! and come back with questions.

hi @adenicol,

you’re using the old buddybar or an old BP version, right ? Here is a solution to remove items in BP 1.5 > 1.6.x with buddybar activated, but be aware that some menus changed place in the upcoming BP 1.7

So if you mean the WP Toolbar (like here the black one on top) witch holds the group admin options, the code sit in bp-groups/bp-groups-buddybar.php

This contains only one function. Simply copy it to your (preferably child) theme functions.php, rename it, do your changes (html remove, ad/remove conditinals),  deactivate the original filter and register.

original function is bp_groups_adminbar_admin_menu()

rename it to my_bp_groups_adminbar_admin_menu() (or what you want)

and do the same in the action filter.

original: add_action( ‘bp_adminbar_menus’, ‘bp_groups_adminbar_admin_menu’, 20 );

modified: add_action( ‘bp_adminbar_menus’, ‘my_bp_groups_adminbar_admin_menu’, 20 );

Resume

remove_action( ‘bp_adminbar_menus’, ‘bp_groups_adminbar_admin_menu’, 20 );
function my_bp_groups_adminbar_admin_menu() {

bla bla

}

add_action( ‘bp_adminbar_menus’, ‘my_bp_groups_adminbar_admin_menu’, 20 );