I want to keep the custom images on the tab bar but I want to move the login that is at the top to a content box? Does anyone have the CSS code for that box?

godsend.guildportal.com

Moving the State Bar

LOL, I messed around with this after I made the above post, but didn't bother to do this write up. Basically, the script moves the State Bar (top most bar) contents into the free form text/HTML box you add this code. If you want this done on every page, you'll have to add it on every page - sorry.  Also, there is nothing to customize.

Logged in	Not Logged in

The Code

<div id="loginbox" style="text-align:center;"></div>
<script type="text/javascript">
 $('div[id*="pnlTopBar"]').appendTo('#loginbox').html();
 $('#loginbox').html(function(i,h){
  return h.replace(/\u2022/g,'<br>').replace(/Password/,'<br>Password');
 });
</script>

Customizing

If you want to remove specific links, add this line to the end (above the script tag)

$('#loginbox').find('a:contains(Chat)').next().andSelf().hide();

To remove more links, just duplicate the entire line, add it to the end, then change the word in red to exactly match the link name "Chat", "Mail", "Blog" or whatever.

Edit (3/10/2011): Updated code
Edit (3/11/2011): Added code to allow removing unwanted links.

Mottie said:

That didn't work.  It is still lining up in the center.  When I check it with FireBug, it seems to be inheriting the center command:

Inherited fromdiv.ContentBoxBody
     element.style {
     font-size:1em !important;
     text-align:center;

I tried that too (see my first post above) but that didn't work either.  Seems that the code is being overwritten somewhere else in the CSS.

I guess the bigger issue here is that I have a side menu and want to get rid of the ugly top login/status bar.  I just want members to have the ability to log in when logged out.