vb.org Archive - Postbit User Info. and Profile Centering

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 General Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=251)

- - Postbit User Info. and Profile Centering (https://vborg.vbsupport.ru/showthread.php?t=292820)

Postbit User Info. and Profile Centering

Try this, edit your template postbit_legacy
Change

HTML Code:

<div class="username_container">

HTML Code:

<div class="username_container" style="text-align: center">

Quote:

Originally Posted by mokujin (Post 2389590)

Try this, edit your template postbit_legacy
Change

HTML Code:

<div class="username_container">

HTML Code:

<div class="username_container" style="text-align: center">

That only got the username. I also want the rank, reputation, and avatar centered.

Also, how about on profiles?

To center the Username, title and rank, add this css to this h1 element:

HTML Code:

<h1 style="text-align:center;" class="blocksubhead prof_blocksubhead">

The edit pencil may off-center the username so you may need to move that up or somewhere.

To center the profile pic.

You'll need to add a new div around {vb:raw blocks.profile_picture} and center it like so:

HTML Code:

<div text-align:center;">{vb:raw blocks.profile_picture}</div>

Quote:

Originally Posted by WorldCraft (Post 2389601)

To center the Username, title and rank, add this css to this h1 element:

HTML Code:

<h1 style="text-align:center;" class="blocksubhead prof_blocksubhead">

HTML Code:

<div text-align:center;">{vb:raw blocks.profile_picture}</div>

I tried searching for the H1 element, but it didn't find it.

Try searching prof_blocksubhead

Quote:

Originally Posted by WorldCraft (Post 2389610)

Try searching prof_blocksubhead

It's still not finding it.

postbit_legacy template, right?

For profile page? It's in MEMBERINFO template.

Quote:

Originally Posted by WorldCraft (Post 2389614)

For profile page? It's in MEMBERINFO template.

I thought you were helping me with the postbit part where I also want it centered.

Also, I got it, but they seem to be off. The rank isn't centered under the username.

It will be centered for normal users. The reason why it looks not centered is because of the edit pencil next to the username for mods and admins. You can move that somewhere else on the template if you wish.

For postbit_legacy find

HTML Code:

                        <div class="username_container">

                        <vb:if condition="$post['userid']">

{vb:raw memberaction_dropdown}

{vb:raw post.onlinestatus}

                        <vb:else />

<span class="username guest">{vb:raw post.musername}</span>

                                </vb:if>

                        </div>

                        <span class="usertitle">

                                {vb:raw post.usertitle}

                        </span>

                        <vb:if condition="$post['rank']">

                                <span class="rank">{vb:raw post.rank}</span>

                        </vb:if>

                        {vb:raw template_hook.postbit_userinfo_left}

                        <vb:if condition="$show['reputation']">



                                <span class="postbit_reputation" id="repdisplay_{vb:raw post.postid}_{vb:raw post.userid}" title="{vb:raw post.username} {vb:raw post.level}">

                                        <vb:each from="reputationdisplay" value="row">

                                                <img class="{vb:raw row.class}" src="{vb:stylevar imgdir_reputation}/reputation_{vb:raw row.posneg}{vb:raw row.imgext}" alt="" />{vb:raw row.rowend}

                                        </vb:each>

                                </span>



                        </vb:if>

Add <div style="text-align:center;"> </div> around the code above

Find

HTML Code:

<a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">

Add style="float:none;text-align:center;" to this element

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (10)bbcode_html_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01257 seconds Memory Usage 1,747KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (10)bbcode_html_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: