Publishing System Settings Logout Login Register
IPB Skinning - Centre User Avatar in Topic View
TutorialCommentsThe AuthorReport Tutorial
Tutorial Avatar
Rating
Add to Favorites
Posted on January 23rd, 2007
8556 views
General Website Development
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!
Dig this tutorial?
Thank the author by sending him a few P2L credits!

Send
Adam

This author is too busy writing tutorials instead of writing a personal profile!
View Full Profile Add as Friend Send PM
Pixel2Life Home Advanced Search Search Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Tutorial Index Publish Tutorials Community Forums Web Hosting P2L On Facebook P2L On Twitter P2L Feeds Pixel2life Homepage Submit a Tutorial Publish a Tutorial Join our Forums P2L Marketplace Advertise on P2L P2L Website Hosting Help and FAQ Topsites Link Exchange P2L RSS Feeds P2L Sitemap Contact Us Privacy Statement Legal P2L Facebook Fanpage Follow us on Twitter P2L Studios Portal P2L Website Hosting Back to Top