Try this
echo "\n</ul></div>";
# Login and logout link.
echo '<div id="wp-admin-bar-right"><ul>';
echo "\n\t<li><a href=\"$url/next.php\">Next Blog</a></li>"; /* uncomment if you are using dr mike's random blog plugin */
echo "\n\t<li>"; wp_loginout(); echo "</li>";
echo "\n</ul></div>";
} else {
# Login and logout link.
echo '<div id="wp-admin-bar"><ul>';
echo "\n\t<li><a href=\"http://domain.tld\">Main Blog</a></li>";
echo "\n\t<li><a href=\"http://domain.tld/wp-signup.php\">Get a Blog</a></li>";
echo "\n</ul></div>";
echo '<div id="wp-admin-bar-right"><ul>';
echo "\n\t<li><a href=\"http://domain.tld/next.php\">Next Blog</a></li>"; /* uncomment if you are using dr mike's random blog plugin */
/* echo "\n\t<li>"; wp_loginout(); echo "</li>"; */
echo "\n</ul></div>";
}
}
function wp_admin_bar_style () {
global $user_level;
//if ( isset($user_level) ) { // only add style if user logged in.
ob_start();
?>
<style type="text/css">
/* <![CDATA[ */
#wp-admin-bar {
position: relative;
z-index: 66;
height: 28px; /* changed by dr mike */
margin: 0;
padding: 2px;
background: #f9f9f9;
border: 1px solid #666;
border-right: none;
border-bottom:1px solid #3285ae; /* added by dr mike */
font:12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana; /* added by dr mike */
color: #fff; /* changed by dr mike */
clear: both;
text-align: left;
float: left;
background:url('/wp-includes/images/adminbar.png') #14568a no-repeat 40% 0; /* added by dr mike */
}
#wp-admin-bar-right {
position: relative;
z-index: 66;
height: 28px; /* changed by dr mike */
margin: 0;
padding: 2px;
background: #f9f9f9;
border: 1px solid #666;
border-left: none;
border-bottom:1px solid #3285ae; /* added by dr mike */
font:12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana; /* added by dr mike */
color: #fff; /* changed by dr mike */
clear: both;
float: right;
background:url('/wp-includes/images/adminbar.png') #14568a no-repeat 100% 0; /* added by dr mike */
}
body {
padding-top: 0px; /* this may cause problems */
}
#wp-admin-bar { /* part of hack to make the bar show at the top of all templates */
position: fixed;
top: 0;
left: 0;
width: 80%;
}
#wp-admin-bar-right { /* part of hack to make the bar show at the top of all templates */
position: fixed;
top: 0;
right: 0;
width: 20%;
}
#wp-admin-bar ul, #wp-admin-bar-right ul {
margin: 0;
padding: 0;
list-style-type: none;
}
#wp-admin-bar ul li, #wp-admin-bar-right ul li {
list-style-type: none;
display: inline;
margin: 0 10px;
padding: 0;
font:12px "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana; /* added by dr mike */
color: #fff; /* changed by dr mike */
}
#wp-admin-bar ul li.login, #wp-admin-bar-right ul li.login { margin-right: 30px; }
#wp-admin-bar strong, #wp-admin-bar-right strong { font-weight: bold; }
#wp-admin-bar a, #wp-admin-bar-right a { color: #fff; }
#wp-admin-bar a:hover, #wp-admin-bar-right a:hover { color: #488cff; }
/* ]]> */
</style>
<?php
$css = ob_get_contents();
ob_end_clean();
print($css);
//}
}
Note this should replace everything after the }
before the login/out area displayed for logged in users and before the first add_action
. It is behaving as you want on my install. I think I got the centering right with this method.