User picture and name in user menu I would like to achieve what Acquia did on https://dev.twitter.com/. When you sign in, you can see the user picture and the user name in the right end of the menu bar and that is what I need.

I made just some basic attempts yet:

First I tried to use the Menu Token module. Tried to put user picture and user name tokens into the title. Then I realized, that you can't put html in the menu item title as it goes through check_plain() (and it is good that way). Other problem with this was, that the menu item was shown for Anonymous users as well, and the user name was "Anonymous".

I'm using the Omega theme.

The twist on the whole problem is, that I would like to use the Superfish module as well (drop-down as on the Twitter site), and it has its own theme function for building/rendering the menu items.

I can think of a possible solution, that would be a custom theme function and a menu link alter, so that I add an image besides the title. But the Superfish module won't handle the image added to the "raw" link. Correct me if I am wrong...
One method of doing this is to override theme_menu_link() in your template.php file. Specifically, we will be looking for the "My account" link and changing that the text to the username and adding the image.

Add the following to your template.php in your Omega subtheme:

function OMEGASUBTHEME_menu_link(array $variables) {
  global $user;
  $element = $variables['element'];
  $sub_menu = '';

  if ($element['#below']) {
    $sub_menu = drupal_render($element['#below']);
  }
  $title = '';
  // Check if the user is logged in, that you are in the correct menu,
  // and that you have the right menu item
  if ($user-&gt;uid != 0 &amp;&amp; $element['#theme'] == 'menu_link__user_menu' &amp;&amp; $element['#title'] == t('My account')) {
    $element['#title'] = $user-&gt;name;
    // Add 'html' = TRUE to the link options
    $element['#localized_options']['html'] = TRUE;
    // Load the user picture file information; Unnecessary if you use theme_user_picture()
    $fid = $user-&gt;picture;
    $file = file_load($fid);
    // I found it necessary to use theme_image_style() instead of theme_user_picture()
    // because I didn't want any extra html, just the image.
    $title = theme('image_style', array('style_name' =&gt; 'thumbnail', 'path' =&gt; $file-&gt;uri, 'alt' =&gt; $element['#title'], 'title' =&gt; $element['#title'])) . $element['#title'];
  } else {
    $title = $element['#title'];
  }
  $output = l($title, $element['#href'], $element['#localized_options']);
  return '&lt;li' . drupal_attributes($element['#attributes']) . '&gt;' . $output . $sub_menu . "&lt;/li&gt;\n";
}


This produces the following html for the menu item in question (my thumbnail image style is set to scale and crop 28 x 28):

&lt;li class="first last expanded"&gt;&lt;a href="/user" title=""&gt;&lt;img typeof="foaf:Image" src="path/to/image" width="28" height="28" alt="username" title="username"&gt;username&lt;/a&gt;&lt;/li&gt;


The rest is just css and possibly javascript.