Avatar Inside A Frame ,
Function.
better looking Avatar in postbit_legsy by a simple template editing .
Installation.
only 2 simple options to follow.
fisrt go to your style's
postbit_legcy template and
Look for ,
PHP Code:
<vb:if condition="$show['avatar']">
<a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
</a>
</vb:if>
and Replace with,
PHP Code:
<vb:if condition="$show['avatar']">
<a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
<table style="background-image: url(images/misc/frame2.png); width: 180px; height: 256px; border: 0px solid transperent; ">
<tr><td style="text-align: center; vertical-align: middle;">
<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}"
[COLOR="Red"]width="130" height="180"[/COLOR]
style="border-top: 0px solid #6C4A46;
border-right: 0px solid #947C72;
border-bottom: 0px solid #947C72;
border-left: 0px solid #6C4A46;" />
</td></tr></table>
</a>
</vb:if>
now download attached image and upload in images/misc folder
avatar can be adjusted by changing
width="130" height="180" to any .
That's it.
NOTE..
Few options like,
border-right:
border-bottom:
border-left:
are optionals...