How to add Animated Avatars without Extensions

Here is some source codes that I have made to make it seem like your using an Imagick Extension that works with Animated Avatars and such.

Code #1 - In Threads (Everyone should know this one)
Go to "message_user_info"
Look for

Code (Text):

<xen:avatar user="$user" size="m" />

Replace with

Code (Text):

<a class="username avatar Av{$user.user_id}l" href="{xen:link members, $user}">
<img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" />
</a>

Code #2 - Visitor Panel
Go to "sidebar_visitor_panel"
Look for

Code (Text):

<xen:avatar user="$visitor" size="m" img="true" />

Replace with

Code (Text):

<a class="username avatar Av{$visitor.user_id}l" href="{xen:link members, $visitor}">
<img src="{xen:helper avatar, $visitor, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" />
</a>

Code #3 - Staff Online + Members Online
Go to "sidebar_online_users"
Look for

Code (Text):

<xen:avatar user="$user" size="s" img="true" />

Replace with

Code (Text):

<a class="username avatar Av{$user.user_id}l" href="{xen:link members, $user}">
<img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" />
</a>

Code #4 - Notable Members
Go to "member_notable"
Look for 

Code (Text):

<li><xen:avatar user="$user" size="s" text="{$user.username}" class="Tooltip" title="{$user.username}" /></li>

Replace with

Code (Text):

<li><a class="username avatar Av{$user.user_id}l" href="{xen:link members, $user}">
<img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" />
</a></li>

Code #5 - Go to Notable Members/Staff
Go to "member_notable"
Look for (the second one in the template)

Code (Text):

<li><xen:avatar user="$user" size="s" text="{$user.username}" class="Tooltip" title="{$user.username}" /></li>

Replace with

Code (Text):

<li><a class="username avatar Av{$user.user_id}l" href="{xen:link members, $user}">
<img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" />
</a></li>

Code #6 - Member List
Go to "member_list_item"
Look for

Code (Text):

<xen:avatar user="$user" size="s" class="{xen:if $noOverlay, 'NoOverlay'}" />

Replace with

Code (Text):

<li><a class="username avatar Av{$user.user_id}l" href="{xen:link members, $user}">
<img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" />
</a></li>

Code #7 - Messages
Go to "message_user_info"
Look for

Code (Text):

<xen:avatar user="$user" size="m" img="true" />

Replace with

Code (Text):

<a class="username avatar Av{$user.user_id}l" href="{xen:link members, $user}">
<img src="{xen:helper avatar, $user, l, 'true'}" alt="{$user.username}" height="96px" width="96px" itemprop="photo" />
</a>

If you have any problems, please don't be shy and message me about it. I tested this only on the Latest Version . If you have suggestion of any other place that I didn't cover, please do contact me also. :)