Khalid-B
12-26-2011, 11:00 PM
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 ,
<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,
<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}}"
width="130" height="180"
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...
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 ,
<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,
<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}}"
width="130" height="180"
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...