Themes

The best solution I could think of is to directly override the $menu variable in your theme's header.html file. After all, you can use any PHP there you want.

So here's my solution which makes heavy use of regular expression to dissect the HTML in $menu and then re-assemble the parts in the desired new order:

<div class="headermenu">
          <?php
            $menu = preg_replace('/You are logged in as/', 'Logged in:', $menu);
            $menu = preg_replace(
              '/(<div\s+class="logininfo">)  # $1 starting point
                ([^<]*?)                                  # $2 login text
                (<a\s+href=[^>]+>)              # $3 first link
                ([^<]*)                                    # $4 User name
                .+?
                \(                                            #    opening parenthesis
                (<a\s+href=[^>]+>)              # $5 second link
                ([^<]*)                                    # $6 "Logout" link text
                (.+?div>)                              # $7 the rest until the closing div
              /six',
              '$1 $2 $4 $5[$6]</a> $3[Edit profile]</a></div>',
              $menu);
              echo $menu;
          ?>
        </div>

The result should look similar to the screenshot. Replacing the text links with images is left as an exercise to the reader ;-)

Cheers,
Frank

"Regular Expressions Tester" for Firefox was a big help: https://addons.mozilla.org/en-US/firefox/addon/2077