Integrating Living Avatars with vBulletin

WiRED

New Member
Integrating Living Avatars with vBulletin

For those of you who have installed the Living Avatars mod and have faced the problems I have,
this tutorial is for you. I have found that although LA works with vBulletin, it makes no effort at all
to use a point system other than its own or match the look and feel of your forums. This tutorial will
will make the Living Avatars mod fit within the look and feel of your forums and in step 1, you will find how
to make LA work with vbCredits.

This is not so much a modification or hack as it is a tutorial.

Requirements:
The Living Avatar mod (found at Living Avatars - Grow your forum with Living Avatars!)
1 file edit
2 file uploads
1 template edit

Credits: The Living Avatars mod can be found at Living Avatars - Grow your forum with Living Avatars! and is free for all. I used the
instructions by Gary King entitled "How to create your own vBulletin-powered page!" alongside a
script at the Dynamic Drive site to make this work. Thanks goes to Digital Jedi for sending me the links for this.
------------------------------
NOTES:
This document assumes that you have installed the "Living Avatars" mod. If you have not, please go to
Living Avatars - Grow your forum with Living Avatars!, download it and get it running on your site. Once that is done, go to
Step 1 in this document.

Demo - You will need an account to see it. If you don't want to register, just look at the screencap attached to this post.

INSTALLATION INSTRUCTIONS
Step 1: Go to this post at this post at www.living avatars.com avatars.com and follow the instructions to merge LA with the vbCredits mod.

Step 2: Make a new template named "LivingAvatars" and put the contents of the
"LivingAvatars-template.txt" file in it.

Step 3: Edit the included "cpnav_livingavatars.xml" file to refer to your forum
directory. Currently, it is set to "/forums/".

Step 4: Upload the "LivingAvatars_vb.php" file to your forum root folder.

Step 5: Upload the "cpnav_livingavatars.xml" file to your "/forum root/includes/xml" folder.

Step 6: Modify the "modifyavatar" template
Look for 2 references to

Code:
living_avatars/index.php

and replace it with
Code:
LivingAvatars_vb.php

OPTIONAL:
With the addition of the "Living Avatars" admin menu now in your ACP, you might want to remove the
options on the default "Living Avatars" pages. If you do, just follow these instructions

Step 1: Edit the "living_avatars/includes/functions.php" file
Code:
Code:

            <td width="250" align="right" style="padding-right: 25px; color: #FFFFFF; background: #007EB1;">
              <a target="_blank" style="color: #FFFFFF; text-decoration: underline;" href="' . $rootpath . 'index.php">Living Avatars Home</a>
               - <a target="_blank" style="color: #FFFFFF; text-decoration: underline;" href="' . $rootpath . '../">Forum Home</a>
            </td>

And Replace it with:

Code:
<td width="250" align="right" style="padding-right: 25px; color: #FFFFFF; background: #007EB1;">
              <a target="_blank" style="color: #FFFFFF; text-decoration: underline;" href="' . $rootpath . '../LivingAvatars_vb.php">Living Avatars Home</a>
            </td>

Look for:

Code:
echo '<table width="100%" cellpadding="0" cellspacing="0">
          <tr>
            <td width="200"><img src="' . $rootpath . 'includes/images/logo.gif" /></td>
            <td align="right"><a href="' . $rootpath . 'index.php">Home</a>';

    if($userinfo['admin'])
    {
      echo ' - <a href="' . $rootpath . 'admin/index.php">Admin Panel</a>';
    }

    echo ' - <a href="' . $rootpath . '../">Return to Forum</a></td>
          </tr>
          </table>

And Replace it with:

Code:
 echo '<table width="100%" cellpadding="0" cellspacing="0">
          <tr>
            <td width="200"><img src="' . $rootpath . 'includes/images/logo.gif" /></td>
            <td align="right"><a href="' . $rootpath . '../LivingAvatars_vb.php">Living Avatars Home</a>';

    echo '</td>
          </tr>
          </table>

Step 2: Edit the "living_avatars/index.php" file
Look for:

Code:
<li>Post on the <a href="">forum</a> to collect points.</li>

And Replace it with:

Code:
<li>Post on the <a href="" target="_top">forum</a> to collect points.</li>

That's it

Note: The Living Avatars mod can be found at livingavatars.com or in this post at vbulletin.org. Thanks goes to Ideal Web Tech for pointing this out.
 

RavenDust

New Member
You simply go to your ACP, then to Styles & Templates -> Manage. In the drop-down on the right you select "Add a new template".

Could you post the most recent version of this please? Because it doesn't work in 3.8.

I think you can find it here:
Code:
http://www.vbulletin.org/forum/showthread.php?t=215431

Thank you in advance,

-Raven
 
Top