How do I center the user profile bit

[TNERatedEdge]

I want the avatar, location, and posts centered.

how do I do that

[Lynne]

You would just add some CSS to your additional.css template to center things. I can't be more specific since you didn't provide a link to a showthread page on your site.

[TNERatedEdge]

<a href="http://www.mysportslegion.com/forums/showthread.php?13424-David-Ortiz-to-15-day-DL" target="_blank">http://www.mysportslegion.com/forums...z-to-15-day-DL</a>

see how it's not centered?

[ForceHSS]

Guests can't see plz update user group permissions or give a temp user name

[TNERatedEdge]

<a href="http://www.mysportslegion.com/forums/showthread.php?13461-Team-USA-vs-Great-Britain-Discussion-Thread-%282-10-EST-on-ESPN2%29" target="_blank">http://www.mysportslegion.com/forums...ST-on-ESPN2%29</a>

[ForceHSS]

I see nothing wrong with what you have. Looks to me you are looking for some custom work done if so you need to post in the correct section

[Lynne]

For the avatar, try:

.postbitlegacy .userinfo a.postuseravatar {
    display: block;
    text-align: center;
    width: 100%;
}

I don't think you can center just the posts and location without modifying the template and giving them their own class.

[Sarteck]

I allow my users to select whether or not they want the username, avatar, user ranks, etc., alligned to the left, right, or centered using the followng plugin on parse_templates hook.

PHP Code:

global $vbulletin,$template_hook;

$css_additional = array();

/// Postbit Alignment
if ($vbulletin->userinfo['field43'] == 'Centered')
{
  $css_additional[] = '.postdetails .userinfo {text-align:center;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:auto;margin-right:auto;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:center;}';
}
if ($vbulletin->userinfo['field43'] == 'Left')
{
  $css_additional[] = '.postdetails .userinfo {text-align:left;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:0px;margin-right:auto;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:left;}';
}
if ($vbulletin->userinfo['field43'] == 'Right')
{
  $css_additional[] = '.postdetails .userinfo {text-align:right;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:auto;margin-right:0px;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:right;}';
}
$template_hook['headinclude_bottom_css'] .= '<style type="text/css">'."\n".implode("\n",$css_additional)."\n".'</style>'; 


I have a User Profile Field that's a drop-down element containing "Left", "Right", and "Center". This profile field is field43. That's why it's set up like that. If you just want to always have it centered, you only need something like:

PHP Code:

global $vbulletin,$template_hook;
$css_additional = array();
/// Postbit Alignment [Center]
  $css_additional[] = '.postdetails .userinfo {text-align:center;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:auto;margin-right:auto;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:center;}';
$template_hook['headinclude_bottom_css'] .= '<style type="text/css">'."\n".implode("\n",$css_additional)."\n".'</style>'; 


(You don't even need the array, it could just be a string; I just do it that way to make it easier to modify.)

[Syxguns]

Sartreck,
I love your idea, and hope it works for what I'm searching for. I'm searching to center user profile fields.

However, for forum fields I found something that works great, it just doesn't work for the user profile.

Open additional.css and place this code in there. You will have to do it for every style that you have.

/* center avatar, username, title, rank in postbit legacy 4.x.x */
.postbitlegacy .userinfo .username_container, .postbitlegacy .userinfo .rank, .postbitlegacy .userinfo .usertitle {text-align:center;}
.postbitlegacy .userinfo .postuseravatar, .postbitlegacy .userinfo .postuseravatar img  {float:none; text-align:center;}
.postbitlegacy .userinfo .usertitle {display: block; float:none; text-align:center; clear: both;}

[Sarteck]

Well, for Profile Fields, I have something else altogether.


I change the display of the existing fields to "none", and put in my OWN stuff.







parse_templates

PHP Code:

global $vbulletin,$template_hook;


$css_additional = array();

$css_additional[] = '.userinfo_extra {display:none !important;}';
$css_additional[] = '.imlinks {display:none !important;}';
$css_additional[] = '.onlinestatus {float:left;left:5px !important;}';

/// Postbit Alignment
if ($vbulletin->userinfo['field43'] == 'Centered')
{
  $css_additional[] = '.postdetails .userinfo {text-align:center;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:auto;margin-right:auto;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:center;}';
}
if ($vbulletin->userinfo['field43'] == 'Left')
{
  $css_additional[] = '.postdetails .userinfo {text-align:left;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:0px;margin-right:auto;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:left;}';
}
if ($vbulletin->userinfo['field43'] == 'Right')
{
  $css_additional[] = '.postdetails .userinfo {text-align:right;}';
  $css_additional[] = '.postdetails .userinfo .username_container {width:auto;margin-left:auto;margin-right:0px;}';
  $css_additional[] = '.postbitlegacy .userinfo .postuseravatar, .eventbit .userinfo .eventuseravatar {text-align:right;}';
}
$template_hook['headinclude_bottom_css'] .= '<style type="text/css">'."\n".implode("\n",$css_additional)."\n".'</style>'; 


cache_templates

PHP Code:

$cache[] = 'sar_postbit_info_extra'; 


postbit_display_complete

PHP Code:

//global $vbulletin,$show,$template_hook;
global $vbulletin;

    /// User Info Shit
    $templater = vB_Template::create('sar_postbit_info_extra');
      $templater->register('post', $post);
    $uinfobit = $templater->render();
    $template_hook['postbit_userinfo_right'] = $uinfobit; 


postbit_display_start (to make it work with PMs)

PHP Code:

global $vbulletin;
if (THIS_SCRIPT == 'private')
{
  $user = fetch_userinfo($post['fromuserid'],2);
  $post = array_merge($user,$post);
  $post['postid'] = $post['pmid'];
} 


Damned 20,000 character limit is making me split this post.