IPB Skinning - Centre User Avatar in Topic View

I guess your hear to learn how you can centre the users avatar, in Invision Power Board? Well your definitely ion the right place. With this simple quick tutorial, you will never forget how!

1. Open up your ACP & Login

2. Go To Look & Feel

Click the drop down menu next to the skin you wish to edit, then select "Edit Template HTML".

Go to:

Topic View > RenderRow

This is were we will edit it.

Go down, and find:

[code=TEXT]            <span class="postdetails">
                <if="$author['id'] AND $author['avatar']">
                    <a href="{$this->ipsclass->base_url}showuser={$author['id']}" title="{$this->ipsclass->lang['dd_view_profile']}">{$author['avatar']}</a><br /><br />
                <else />
                    {$author['avatar']}<br /><br />
                </if>

                {$author['title']}<br />
                {$author['member_rank_img']}<br /><br />
                {$author['member_group']}<br />[/code]

Replace with:

[code=TEXT]<div align="center">
            <span class="postdetails">
                <if="$author['id'] AND $author['avatar']">
                    <a href="{$this->ipsclass->base_url}showuser={$author['id']}" title="{$this->ipsclass->lang['dd_view_profile']}">{$author['avatar']}</a><br /><br />
                <else />
                    {$author['avatar']}<br /><br />
                </if>

                {$author['title']}<br />
                {$author['member_rank_img']}
</div><br />
                {$author['member_group']}<br />[/code]

Thats it, your done!

Wasn't that easy?

All we done, was place a div tag around it and aligned it centre. <div align="center">

Thanks for reading, Hope it helped!