vb.org Archive - Show Thread Enhancements - Postbit Legacy Alignment (Centered + 2 Columns)

Some folks were requesting this in another thread, so I jotted down a quick tutorial. I am hardly a coding wiz, so if anyone has a better way, I'd love to see it.

This will make your postbit (legacy) look like this;

Attachment 112821

Bear in mind, this was all done on an unmodified, default themed board. So all colors, code etc. reflect that. You'll need to make any changes to match your own style.

Here we go.

First, we'll add one CSS class.

In your Admin CP go:
Style Manager -> Your Style -> All Style Options

Add the following to you Additional CSS Definitions

Code:

.postdata{

         background: #E0E0F6;

         color: #000000;

         border-bottom: 1px solid #22229C;

         font-weight: bold;

         font-size: 11px;

}

Now for the template edits.

Style Manager -> Your Style -> Edit Templates -> postbit_legacy

First, we'll center all the data in the postbit.

Find:

Code:

    <td class="alt2" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

Replace with:

Code:

    <td class="alt2" align="center" width="175" style="border: $stylevar[cellspacing]px solid $stylevar[tborder_bgcolor]; border-top: 0px; border-bottom: 0px">

Now we'll arrange the postbit data into columns.

Find the data fields (<if condition="$post['joindate']"> is a good search phrase if you cannot find it).

By default, the code is written like this;

Code:



            <div class="smallfont">

                &nbsp;<br />

                <if condition="$post['joindate']"><div>$vbphrase[join_date]: $post[joindate]</div></if>

                

                <!-- Rest of the posbit fields -->

                

            </div>

NOTE: I didn't include all of the data, just the first one and the closing div. No worries, just repeat the process for each of them.

The edit is quite simple, really. Simply place a table with a width of 100% inside the existing div code.
Then, separate the actual "Title: Data" into separate td classes (the class we created in step one). Remember that each item gets it's own row.
Don't forget to close the table at the end.

Code:



            <div class="smallfont">

            <table style="width: 100%">

                    <tr>

                <if condition="$post['joindate']">

                        <td class="postdata">$vbphrase[join_date]:</td>

                        <td class="postdata">$post[joindate]</td>

                                </if> 

                    </tr>

                    

                <!-- Rest of the posbit fields -->

                    

                    

            </table>

             </div>

This will take care of any/all vB default postbit fields. Don't forget, anything you add after the fact will need the same treatment.

Also, some modifications use template hooks to place data into your postbit. For these, you'll have to find the templates the modification uses and edit them accordingly.

Attachment 112824

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.00916 seconds Memory Usage 1,721KB 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 (5)bbcode_code_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (1)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 bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: