Stangsta
02-27-2006, 10:00 PM
Myspace Profile Re-Write PRO! 1.0.0
*** Screenshot removed, contains unwanted images ***
------------------------------------------------
Installation type: Template modification
Time to install using everything provided: 2 hours
Time to install minimally: 30 minutes
Level of difficulty: Hard (Tedious)
------------------------------------------------
What it does: This is a MEMBERINFO template re-write to put a little bling-bling in your profile! There is some work on your part to make this work correctly, and will be explained below. The goal of this template re-write is to make your user profiles look similar to "Myspace". You can customize this to look however you wish, and myself and MissKalunji have come together to bring this to you. There will be 2 examples, the first one will be mine, and the 2nd will be MissKalunji's.
Credits: This template would not be possile without HR3RDGEN and all those that posted and shared thier mods in his thread. It was a good resource, and was unfortunate it was taken down. Please do not bring ANY drama to this thread concerning what happened to the original template thread. Lets move forward. I would also like to thank MissKulanji for her infinate wisdom and talent. She has put alot of work into this as well and brings alot to the table.
What you will need: Below you will find the links to the hacks you will need to download and install. I STRONGLY RECCOMEND that you make ALL modifications to a "test style" first. If you do not have one, create one. This way, when you mess up, your users will not be affected. Please download and install the hacks listed below, and also...please remember to CLICK INSTALL on those threads! The below templates INCLUDE CSS modification ability!!!
------------------------------------------------
Installation: Please install the following hacks!
vBJournal (https://vborg.vbsupport.ru/showthread.php?t=96462)
Who Viewed My Profile (https://vborg.vbsupport.ru/showthread.php?t=91772)
Friends and/or Buddies in Profile (https://vborg.vbsupport.ru/showthread.php?p=873179)
Zodiac Sign in the Postbit and Elsewhere (https://vborg.vbsupport.ru/showthread.php?t=102269)
Last Seen Online in postbit (https://vborg.vbsupport.ru/showthread.php?t=82623)
Hide User Contact Info From Guests (https://vborg.vbsupport.ru/showthread.php?t=101180)
Default Avatar (https://vborg.vbsupport.ru/showthread.php?t=94878)
Pig's Subscription Gift (https://vborg.vbsupport.ru/showthread.php?t=105553) (only if you use paid subscriptions)
Auto PM after add Buddy! (https://vborg.vbsupport.ru/showthread.php?t=104872) (Optional)
Number of VBA Gallery Images in Profile (https://vborg.vbsupport.ru/showthread.php?t=100667&highlight=gallery)
------------------------------------------------
Download the .htaccess file I have attached and place it in your forum's root folder. This will give you those wonderful links for the usernames. ex. www.yourdomain.com/forums/stangsta (http://www.yourdomain.com/forums/stangsta)
*NOTE: Please bear in mind, you may have to modify the above hacks after you install them. PLEASE refer to the hack specific thread for support, although we will still try to help you. ALSO, on any of those hacks, it may ask you to add or remove code from the MEMBERINFO template, SKIP THAT PART! It is already done for you in these templates. :)
To make this work for you, you have to create profile fields in the adminCP. Each profile field that you create will have its own unique number. ex. "feild24" Once created, each profile field will be editable by the user in thier userCP under edit profile. Start by creating all the fields to match the screenshots. Then, write down the name and field number on a piece of paper for quick reference (it will be much easier that way). Once you have done this, using the code below, change the profile fields to match YOURS.
Next, start by copying one of the template codes listed below in its entirety and paste it in your MEMBERINFO template OVERWRITING the existing contents (yes, erase the current contents). Please be sure to use a "test" style. Now save & reload. Remember that piece of paper you wrote everything down on? Change the profile fields in the template to match YOUR field numbers. When you are done, hit save.
Now, it can get annoying when someone types a couple paragraphs and it all ends up into one big paragraph. Thats because the BBCODE is not getting parsed! Well, go ahead and create a plugin. You should add the new plugin to the MEMBER_COMPLETE hook location. What you do is take the profile field number that you want people to be able to use BBCODE (the smileys, img tags, etc) in and replace the field number within the plugin. Heres an example:{
if (!is_object($bbcode_parser))
{
require_once(DIR . '/includes/class_bbcode.php');
$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());
}
$userinfo['field1'] = $bbcode_parser->parse($userinfo['field1'],0, true);
}
Change ['field1'] to the field you wish to parse. Now, what if you want to parse multiple fields? Then just keep adding it like this:
{
if (!is_object($bbcode_parser))
{
require_once(DIR . '/includes/class_bbcode.php');
$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());
}
$userinfo['field1'] = $bbcode_parser->parse($userinfo['field1'],0, true);
}
{
if (!is_object($bbcode_parser))
{
require_once(DIR . '/includes/class_bbcode.php');
$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());
}
$userinfo['field2'] = $bbcode_parser->parse($userinfo['field2'],0, true);
}
{
if (!is_object($bbcode_parser))
{
require_once(DIR . '/includes/class_bbcode.php');
$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());
}
$userinfo['field3'] = $bbcode_parser->parse($userinfo['field3'],0, true);
}
This is an example of my MEMBERINFO (screenshots below), I consider it a 90% myspace clone. PLEASE NOTE: I use avatars in this example AS a profile picture. So if you use a profile picture, you need to change it to show a profile picture instead of an avatar. Or if you like it, disable profile pics on your board via vBulletin Options. I find users are more confused with having a profile pic AND an avatar, so I did this to simplify the process for them. I use a max avatar size of 170x170, I think it looks good and consistant throughout the forum.
Here is some quick reference on the profile fields I used.
About Me Multiple-Line Text Box field8
Location Single-Line Text Box field2
Music Multiple-Line Text Box field3
Movies Multiple-Line Text Box field4
Who I'd like to meet Multiple-Line Text Box field25
Books Multiple-Line Text Box field27
Heroes Multiple-Line Text Box field31
TV Multiple-Line Text Box field32
Sex Single-Selection Radio Buttons field5
Interests Multiple-Line Text Box field6
Myspace URL Single-Line Text Box field9
Video Multiple-Line Text Box field10
Orientation Single-Selection Menu field14
Ethnicity Single-Selection Menu field16
Smoker Single-Selection Radio Buttons field17
Marital Status Single-Selection Menu field15
Drinker Single-Selection Radio Buttons field18
Education Single-Selection Menu field23
I am here for: Multiple-Selection Checkbox field24
Children Single-Selection Menu field22
CSS Multiple-Line Text Box field35
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<if condition="$userinfo[field35]">
<style type="text/css">$userinfo[field35]</style>
<else />
$headinclude
</if>
<title>$vboptions - $vbphrase[view_profile]: $userinfo[username]</title>
</head>
<body>
$header
$navbar
<if condition="$userinfo[userid] == $vbulletin->userinfo[userid]">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="panel" align="center">
<div class="smallfont"><font color="#0000000"><phrase 1="$userinfo[username]">$vbphrase[x_you_are_viewing_your_profile]</phrase></font> <a href="usercp.php$session[sessionurl]">$vbphrase[user_cp]</a></div>
</td>
</tr>
</table>
</if>
<table width="100%" border="0" align="center" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]">
<tr>
<td valign="top" width="0%"><table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat"> <td colspan="2"><div align="Left" class="bigusername"><strong>$userinfo[username]</div></font></strong>
<div class="smallfont"><a href="$vboptions[bburl]/$userinfo[username]">$vboptions[bburl]/$userinfo[username]</a></td></div></tr>
<if condition="$userinfo['usertitle']">
<tbody>
<tr class="tcat">
<td class="text" colspan="2" style="" align="left" valign="bottom"></td>
</tr>
</if>
<tr class="alt2">
<td><div align="right"><center><if condition="$show['avatar']">
<div class="smallfont">
<a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" border="4" alt="" style="border-color:white;" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></center>
</div>
<else /> <center><img src="http://www.sevencityforums.com/forums/images/newstyle/nopropic.jpg">
</if></div><br /></center>
<strong><div align="center"><a href="/gallery/browseimages.php?do=member&imageuser=$userinfo[userid]" title="View More Pics">View More Pics ($userimages[count])</td> </div></strong>
<td align="left" valign="top" class="text">
<div class="smallfont" align="left">$userinfo[usertitle]</div> <br />
<strong>Sex:</strong> $userinfo[field5] <br /> <if condition="$show['age']"><strong>$vbphrase[age]:</strong>
$userinfo[age]</if> <br /> <strong>Location:</strong> $userinfo[field2]<br />
<div>$userinfo[onlinestatus]</div>
<br />
<div><strong>Last Online:</strong> $userinfo[lastactivitydate] at $userinfo[lastactivitytime]</div> </td>
</tr>
</tbody>
</table>
<p>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td colspan="2"><strong>Contacting $userinfo[username]</td></font></strong>
</tr>
<tr class="alt2">
<td height="5" nowrap="nowrap" width="50%"> <div align="left">
<a href="private.php?$session[sessionurl]do=newpm&u=$userinfo[userid]"><">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/sendpm.gif" align="left" width="79" height="22"></a>
</td>
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><if condition="$userinfo['showicq']"> $userinfo[icqicon]
<a href="#" dir="ltr" onclick="imwindow('icq', '$userinfo[userid]', 500, 450); return false;">$userinfo[icq]</a>
</if> </div></td>
</tr>
<tr class="alt2">
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><div class="smallfont">
<a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$userinfo[userid]" rel="nofollow">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/sendmailicon2.gif" align="left" width="79" height="22"></a></p>
</div></td>
<td height="2" nowrap="nowrap" valign="middle" width="50%">
<div align="left"><if condition="$userinfo['showaim']"> $userinfo[aimicon]
<a href="#" dir="ltr" onclick="imwindow('aim', '$userinfo[userid]', 400, 200); return false;">$userinfo[aim]</a>
</if></div></td>
</tr>
<tr class="alt2">
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><div class="smallfont"><if condition="$show['addbuddylist']"> <a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$userinfo[userid]">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/addbuddy.gif" width="79" height="22"></a>
<else /><div class="smallfont"><a href="profile.php?$session[sessionurl]do=removelist&userlist=buddy&u=$userinfo[userid]">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/remove.jpg" align="left" width="79" height="22"></a>
</if> </div></td>
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><if condition="$userinfo['showmsn']"> $userinfo[msnicon]
<a href="#" dir="ltr" onclick="imwindow('msn', '$userinfo[userid]', 400, 200); return false;">$userinfo[msn]</a>
</if></div></td>
</tr>
<tr class="alt2">
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><div class="smallfont"><if condition="$show['addignorelist']"><a href="profile.php?$session[sessionurl]do=addlist&userlist=ignore&u=$userinfo[userid]">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/block.jpg" width="79" height="22" align="left"></a></p>
<else /><div class="smallfont"><a href="profile.php?$session[sessionurl]do=removelist&userlist=ignore&u=$userinfo[userid]">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/addbudy.jpg" width="79" align="left" height="22"></a></p>
</if> </div></td>
<td height="2" nowrap="nowrap" valign="middle" width="50%">
<div align="left"><if condition="$userinfo['showyahoo']"> $userinfo[yahooicon]
<a href="#" dir="ltr" onclick="imwindow('yahoo', '$userinfo[userid]', 400, 200); return false;">$userinfo[yahoo]</a>
</if></div></td>
</tr>
</table>
<br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td><strong>User Information</td> </font></strong>
</tr>
<tr class="alt2">
<td valign="top"></td>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><a href="$userinfo[homepage]" target="_blank"
dir="ltr">My Home Page</a></div></td>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><strong>MySpace URL:</strong><br (http://%3c/strong%3E%3Cbr) /><a href="$userinfo[field9]">$userinfo[field9]</a></div></td>
</tr>
<tr>
<if condition="$show['profileviews']">
<td class="alt2">
<div class="smallfont">
<if condition="$show['profileviewsother']"><a href="#" onClick="openWindow('misc.php?$session[sessionurl]do=profileviews&u=$userinfo[userid]', 300, 400); return false;">$vbphrase[profile_views]</a><else />$vbphrase[profile_views]</if>: $userinfo[profileviews]
</div>
</div>
</if>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><a href="search.php?$session[sessionurl]do=finduser&u=$userinfo[userid]" rel="nofollow"><phrase 1="$userinfo[username]">$vbphrase[find_all_posts_by_x]</phrase></a></td>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><a href="search.php?$session[sessionurl]do=process&showposts=0&starteronly=1&exactname=1&s earchuser=$userinfo[urlusername]" rel="nofollow"><phrase 1="$userinfo[username]">$vbphrase[find_all_threads_started_by_x]</phrase></a></td>
</tr>
<tr>
<td class="alt2"><div class="smallfont">$vbphrase[total_posts]: <strong>$userinfo[posts]</strong> (<phrase 1="$postsperday">$vbphrase[x_posts_per_day]</phrase>)
</td></div>
</tr>
<tr>
<td class="alt2">
<if condition="$vboptions['usereferrer']">
<div class="smallfont">
<strong>$vbphrase[referrals]:</strong> $referrals
</div>
</div>
</if>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><a href="payments.php?$session[sessionurl]gift=true&userid=$userinfo[userid]"><phrase 1="$userinfo[username]">$vbphrase[buy_x_a_sub]</phrase></a>
</td>
</td></div>
</tr>
</table>
<br />
<if condition="$userinfo[field10]">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td class="text" wrap="" style="" align="left" height="10" valign="center" colspan="2">
<span class=""><strong>$userinfo[username]'s Media </span> </td> </font></strong>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="center"><EMBED SRC="$userinfo[field10]"></div></td>
</tr>
</table>
</if>
<p>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td colspan="3" valign="middle"><strong>$userinfo[username]'s Interests</td></font></strong>
</tr>
<tr valign="top" class="alt2">
<td align="left" valign="top"><span class=""><strong>General:</strong></span></td>
<td align="left" valign="top">$userinfo[field6]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Music:</strong></span></td>
<td align="left" valign="top">$userinfo[field3]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Movies:</strong></span></td>
<td align="left" valign="top">$userinfo[field4]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Television:</strong></span></td>
<td align="left" valign="top">$userinfo[field32]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Heroes:</strong></span></td>
<td align="left" valign="top">$userinfo[field31]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Books:</strong></span></td>
<td align="left" valign="top">$userinfo[field27]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Groups:</strong></span></td>
<if condition="$show['membergroups']">
<td>$membergroupbits</td>
<else />
<td><strong><phrase 1="$userinfo[username]">$vbphrase[x_is_not_a_member_of_any_public_groups]</phrase></strong></td>
</if>
</table>
<p>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td class="text" wrap="" style="" align="left" height="10" valign="center" colspan="2">
<span class=""><strong>$userinfo[username]'s Details </span> </td> </font></strong>
</tr>
<tr valign="top" class="alt2">
<td align="left" valign="top" width="33%"> <div align="left"><span class=""><strong>Status:</strong></span></div></td>
<td style="">$userinfo[field15]</td>
</tr>
<tr valign="top" class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Here For:</strong></span></div></td>
<td style=""><if condition="$comma =''"></if>
<if condition="$post['field24']&1">
$comma Dating
<if condition="$comma =','"></if>
</if>
<if condition="$post['field24']&2">
$comma Serious Relationships
<if condition="$comma =','"></if>
</if>
<if condition="$post['field24']&4">
$comma Friends
<if condition="$comma =','"></if>
</if>
<if condition="$post['field24']&8">
$comma Networking
<if condition="$comma =','"></if>
</if>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Orientation:</strong></span></div></td>
<td style="">$userinfo[field14]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Hometown:</strong></span></div></td>
<td style="">$userinfo[field2]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Ethnicity:</strong></span></div></td>
<td id="ProfileReligion:" style="">$userinfo[field16]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Zodiac
Sign:</strong></span></div></td>
<td style=""><if condition="$show['zodiacsign']">
<div>$zodiacsign</div>
</if></td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Smoke
/ Drink:</strong></span></div></td>
<td style="">$userinfo[field17] / $userinfo[field18]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Children:</strong></span></div></td>
<td style="">$userinfo[field22]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Education</strong></span></div></td>
<td style="">$userinfo[field23]</td>
</tr>
</table></td>
<td valign="top" width="60%"> <if condition="$show[journalinfo]"><table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td><strong>$userinfo[username]'s Latest Blog Entry</td></font></strong>
</tr>
<tr class="alt2">
<td><if condition="$show[journalinfo]"> <if condition="$show[journal_lastentry]"><a href="journal.php?$session[sessionurl]do=showentry&e=$journal[lastentry_id]">$journal[lastentry]</a>
($journal[lastentry_date])<br />
<else />$vbphrase[private]</if> </if></td>
</tr>
<tr class="alt2">
<td><if condition="$show[journalinfo]"> [<a href="journal.php?$session[sessionurl]do=showjournal&j=$journal[journal_id]"><phrase 1="$userinfo[username]">$vbphrase[visit_xs_journal]</phrase></a>]
</if></td>
</tr>
</table>
<p></if>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td><strong>$userinfo[username]'s Blurbs</td></font></strong>
</tr>
<tr class="alt2">
<td valign="top"><strong>About Me:</strong><br />$userinfo[field8]</td>
</tr>
<tr>
<td class="alt2"><strong>Who I'd Like to Meet:</strong><br />
$userinfo[field25]</td>
</tr>
</table>
<br />$FNB_HTML<br />
<p>$comment_panel</p></td>
</tr></table></td>
</table>
<br />
<center>
<if condition="can_moderate()">Moderator Tools<br />
<td class="vbmenu_control"><a href="moderator.php?$session[sessionurl]do=useroptions&u=$userinfo[userid]">$vbphrase[user_options]</a></td><br />
</if>
<!-- Hack: Username Management (MarcoH64) -->
<if condition="$mh_unm_can_change_other_name">
<td class="vbmenu_control"><a href="$mh_unm_modcp_link">$vbphrase[mh_unm_change_username]</a></td>
</if>
<!-- / Hack: Username Management (MarcoH64) -->
<if condition="$mh_upcd_last_changed">
<div style="padding:$stylevar[formspacer]px">
<strong>Profile last updated: $mh_upcd_last_changed</strong>
</div>
</if>
</center>
$footer
<br />
</body>
</html>
CSS: CSS usage is optional. Its what gives the ability for users to customize the look of thier profiles. Since I have already added the code, all you have to do is create a profile field where the user can enter lots of text. once you do that change the CSS profile field number at the top of the template to match YOURS. Then when they enter the CSS in the profile field, it will change the profile.
Here is an example of how it would look like:
body {background: #FFF000}
page {background: #FFF000}
a:link {background: #FFF000}
a:hover, a:active {background: #FFF000}
a:visited {background: #FFF000}
.tcat {background: #FFF000}
.theader {background: #FFF000}
.tborder {background: #FFF000}
*NOTE: You dont have to modify all the sections, you can change as much or as little as you wish. Its up to you! You can change the HEX color codes to suit your needs. I will get more into additional codes to make it really fun after I finish the rest of the documentation.
If you want to use an image for the background instead of a color code then use this code instead:
Body{background-image:url([B]type the image url here)}
BE SURE TO CLICK INSTALL!!!!
*** Screenshot removed, contains unwanted images ***
------------------------------------------------
Installation type: Template modification
Time to install using everything provided: 2 hours
Time to install minimally: 30 minutes
Level of difficulty: Hard (Tedious)
------------------------------------------------
What it does: This is a MEMBERINFO template re-write to put a little bling-bling in your profile! There is some work on your part to make this work correctly, and will be explained below. The goal of this template re-write is to make your user profiles look similar to "Myspace". You can customize this to look however you wish, and myself and MissKalunji have come together to bring this to you. There will be 2 examples, the first one will be mine, and the 2nd will be MissKalunji's.
Credits: This template would not be possile without HR3RDGEN and all those that posted and shared thier mods in his thread. It was a good resource, and was unfortunate it was taken down. Please do not bring ANY drama to this thread concerning what happened to the original template thread. Lets move forward. I would also like to thank MissKulanji for her infinate wisdom and talent. She has put alot of work into this as well and brings alot to the table.
What you will need: Below you will find the links to the hacks you will need to download and install. I STRONGLY RECCOMEND that you make ALL modifications to a "test style" first. If you do not have one, create one. This way, when you mess up, your users will not be affected. Please download and install the hacks listed below, and also...please remember to CLICK INSTALL on those threads! The below templates INCLUDE CSS modification ability!!!
------------------------------------------------
Installation: Please install the following hacks!
vBJournal (https://vborg.vbsupport.ru/showthread.php?t=96462)
Who Viewed My Profile (https://vborg.vbsupport.ru/showthread.php?t=91772)
Friends and/or Buddies in Profile (https://vborg.vbsupport.ru/showthread.php?p=873179)
Zodiac Sign in the Postbit and Elsewhere (https://vborg.vbsupport.ru/showthread.php?t=102269)
Last Seen Online in postbit (https://vborg.vbsupport.ru/showthread.php?t=82623)
Hide User Contact Info From Guests (https://vborg.vbsupport.ru/showthread.php?t=101180)
Default Avatar (https://vborg.vbsupport.ru/showthread.php?t=94878)
Pig's Subscription Gift (https://vborg.vbsupport.ru/showthread.php?t=105553) (only if you use paid subscriptions)
Auto PM after add Buddy! (https://vborg.vbsupport.ru/showthread.php?t=104872) (Optional)
Number of VBA Gallery Images in Profile (https://vborg.vbsupport.ru/showthread.php?t=100667&highlight=gallery)
------------------------------------------------
Download the .htaccess file I have attached and place it in your forum's root folder. This will give you those wonderful links for the usernames. ex. www.yourdomain.com/forums/stangsta (http://www.yourdomain.com/forums/stangsta)
*NOTE: Please bear in mind, you may have to modify the above hacks after you install them. PLEASE refer to the hack specific thread for support, although we will still try to help you. ALSO, on any of those hacks, it may ask you to add or remove code from the MEMBERINFO template, SKIP THAT PART! It is already done for you in these templates. :)
To make this work for you, you have to create profile fields in the adminCP. Each profile field that you create will have its own unique number. ex. "feild24" Once created, each profile field will be editable by the user in thier userCP under edit profile. Start by creating all the fields to match the screenshots. Then, write down the name and field number on a piece of paper for quick reference (it will be much easier that way). Once you have done this, using the code below, change the profile fields to match YOURS.
Next, start by copying one of the template codes listed below in its entirety and paste it in your MEMBERINFO template OVERWRITING the existing contents (yes, erase the current contents). Please be sure to use a "test" style. Now save & reload. Remember that piece of paper you wrote everything down on? Change the profile fields in the template to match YOUR field numbers. When you are done, hit save.
Now, it can get annoying when someone types a couple paragraphs and it all ends up into one big paragraph. Thats because the BBCODE is not getting parsed! Well, go ahead and create a plugin. You should add the new plugin to the MEMBER_COMPLETE hook location. What you do is take the profile field number that you want people to be able to use BBCODE (the smileys, img tags, etc) in and replace the field number within the plugin. Heres an example:{
if (!is_object($bbcode_parser))
{
require_once(DIR . '/includes/class_bbcode.php');
$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());
}
$userinfo['field1'] = $bbcode_parser->parse($userinfo['field1'],0, true);
}
Change ['field1'] to the field you wish to parse. Now, what if you want to parse multiple fields? Then just keep adding it like this:
{
if (!is_object($bbcode_parser))
{
require_once(DIR . '/includes/class_bbcode.php');
$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());
}
$userinfo['field1'] = $bbcode_parser->parse($userinfo['field1'],0, true);
}
{
if (!is_object($bbcode_parser))
{
require_once(DIR . '/includes/class_bbcode.php');
$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());
}
$userinfo['field2'] = $bbcode_parser->parse($userinfo['field2'],0, true);
}
{
if (!is_object($bbcode_parser))
{
require_once(DIR . '/includes/class_bbcode.php');
$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());
}
$userinfo['field3'] = $bbcode_parser->parse($userinfo['field3'],0, true);
}
This is an example of my MEMBERINFO (screenshots below), I consider it a 90% myspace clone. PLEASE NOTE: I use avatars in this example AS a profile picture. So if you use a profile picture, you need to change it to show a profile picture instead of an avatar. Or if you like it, disable profile pics on your board via vBulletin Options. I find users are more confused with having a profile pic AND an avatar, so I did this to simplify the process for them. I use a max avatar size of 170x170, I think it looks good and consistant throughout the forum.
Here is some quick reference on the profile fields I used.
About Me Multiple-Line Text Box field8
Location Single-Line Text Box field2
Music Multiple-Line Text Box field3
Movies Multiple-Line Text Box field4
Who I'd like to meet Multiple-Line Text Box field25
Books Multiple-Line Text Box field27
Heroes Multiple-Line Text Box field31
TV Multiple-Line Text Box field32
Sex Single-Selection Radio Buttons field5
Interests Multiple-Line Text Box field6
Myspace URL Single-Line Text Box field9
Video Multiple-Line Text Box field10
Orientation Single-Selection Menu field14
Ethnicity Single-Selection Menu field16
Smoker Single-Selection Radio Buttons field17
Marital Status Single-Selection Menu field15
Drinker Single-Selection Radio Buttons field18
Education Single-Selection Menu field23
I am here for: Multiple-Selection Checkbox field24
Children Single-Selection Menu field22
CSS Multiple-Line Text Box field35
$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
<if condition="$userinfo[field35]">
<style type="text/css">$userinfo[field35]</style>
<else />
$headinclude
</if>
<title>$vboptions - $vbphrase[view_profile]: $userinfo[username]</title>
</head>
<body>
$header
$navbar
<if condition="$userinfo[userid] == $vbulletin->userinfo[userid]">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr>
<td class="panel" align="center">
<div class="smallfont"><font color="#0000000"><phrase 1="$userinfo[username]">$vbphrase[x_you_are_viewing_your_profile]</phrase></font> <a href="usercp.php$session[sessionurl]">$vbphrase[user_cp]</a></div>
</td>
</tr>
</table>
</if>
<table width="100%" border="0" align="center" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]">
<tr>
<td valign="top" width="0%"><table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat"> <td colspan="2"><div align="Left" class="bigusername"><strong>$userinfo[username]</div></font></strong>
<div class="smallfont"><a href="$vboptions[bburl]/$userinfo[username]">$vboptions[bburl]/$userinfo[username]</a></td></div></tr>
<if condition="$userinfo['usertitle']">
<tbody>
<tr class="tcat">
<td class="text" colspan="2" style="" align="left" valign="bottom"></td>
</tr>
</if>
<tr class="alt2">
<td><div align="right"><center><if condition="$show['avatar']">
<div class="smallfont">
<a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" border="4" alt="" style="border-color:white;" alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a></center>
</div>
<else /> <center><img src="http://www.sevencityforums.com/forums/images/newstyle/nopropic.jpg">
</if></div><br /></center>
<strong><div align="center"><a href="/gallery/browseimages.php?do=member&imageuser=$userinfo[userid]" title="View More Pics">View More Pics ($userimages[count])</td> </div></strong>
<td align="left" valign="top" class="text">
<div class="smallfont" align="left">$userinfo[usertitle]</div> <br />
<strong>Sex:</strong> $userinfo[field5] <br /> <if condition="$show['age']"><strong>$vbphrase[age]:</strong>
$userinfo[age]</if> <br /> <strong>Location:</strong> $userinfo[field2]<br />
<div>$userinfo[onlinestatus]</div>
<br />
<div><strong>Last Online:</strong> $userinfo[lastactivitydate] at $userinfo[lastactivitytime]</div> </td>
</tr>
</tbody>
</table>
<p>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td colspan="2"><strong>Contacting $userinfo[username]</td></font></strong>
</tr>
<tr class="alt2">
<td height="5" nowrap="nowrap" width="50%"> <div align="left">
<a href="private.php?$session[sessionurl]do=newpm&u=$userinfo[userid]"><">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/sendpm.gif" align="left" width="79" height="22"></a>
</td>
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><if condition="$userinfo['showicq']"> $userinfo[icqicon]
<a href="#" dir="ltr" onclick="imwindow('icq', '$userinfo[userid]', 500, 450); return false;">$userinfo[icq]</a>
</if> </div></td>
</tr>
<tr class="alt2">
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><div class="smallfont">
<a href="sendmessage.php?$session[sessionurl]do=mailmember&u=$userinfo[userid]" rel="nofollow">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/sendmailicon2.gif" align="left" width="79" height="22"></a></p>
</div></td>
<td height="2" nowrap="nowrap" valign="middle" width="50%">
<div align="left"><if condition="$userinfo['showaim']"> $userinfo[aimicon]
<a href="#" dir="ltr" onclick="imwindow('aim', '$userinfo[userid]', 400, 200); return false;">$userinfo[aim]</a>
</if></div></td>
</tr>
<tr class="alt2">
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><div class="smallfont"><if condition="$show['addbuddylist']"> <a href="profile.php?$session[sessionurl]do=addlist&userlist=buddy&u=$userinfo[userid]">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/addbuddy.gif" width="79" height="22"></a>
<else /><div class="smallfont"><a href="profile.php?$session[sessionurl]do=removelist&userlist=buddy&u=$userinfo[userid]">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/remove.jpg" align="left" width="79" height="22"></a>
</if> </div></td>
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><if condition="$userinfo['showmsn']"> $userinfo[msnicon]
<a href="#" dir="ltr" onclick="imwindow('msn', '$userinfo[userid]', 400, 200); return false;">$userinfo[msn]</a>
</if></div></td>
</tr>
<tr class="alt2">
<td height="5" nowrap="nowrap" valign="top" width="50%">
<div align="left"><div class="smallfont"><if condition="$show['addignorelist']"><a href="profile.php?$session[sessionurl]do=addlist&userlist=ignore&u=$userinfo[userid]">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/block.jpg" width="79" height="22" align="left"></a></p>
<else /><div class="smallfont"><a href="profile.php?$session[sessionurl]do=removelist&userlist=ignore&u=$userinfo[userid]">
<img border="0" src="http://www.sevencityforums.com/forums/images/newstyle/misc_mns/addbudy.jpg" width="79" align="left" height="22"></a></p>
</if> </div></td>
<td height="2" nowrap="nowrap" valign="middle" width="50%">
<div align="left"><if condition="$userinfo['showyahoo']"> $userinfo[yahooicon]
<a href="#" dir="ltr" onclick="imwindow('yahoo', '$userinfo[userid]', 400, 200); return false;">$userinfo[yahoo]</a>
</if></div></td>
</tr>
</table>
<br />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td><strong>User Information</td> </font></strong>
</tr>
<tr class="alt2">
<td valign="top"></td>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><a href="$userinfo[homepage]" target="_blank"
dir="ltr">My Home Page</a></div></td>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><strong>MySpace URL:</strong><br (http://%3c/strong%3E%3Cbr) /><a href="$userinfo[field9]">$userinfo[field9]</a></div></td>
</tr>
<tr>
<if condition="$show['profileviews']">
<td class="alt2">
<div class="smallfont">
<if condition="$show['profileviewsother']"><a href="#" onClick="openWindow('misc.php?$session[sessionurl]do=profileviews&u=$userinfo[userid]', 300, 400); return false;">$vbphrase[profile_views]</a><else />$vbphrase[profile_views]</if>: $userinfo[profileviews]
</div>
</div>
</if>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><a href="search.php?$session[sessionurl]do=finduser&u=$userinfo[userid]" rel="nofollow"><phrase 1="$userinfo[username]">$vbphrase[find_all_posts_by_x]</phrase></a></td>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><a href="search.php?$session[sessionurl]do=process&showposts=0&starteronly=1&exactname=1&s earchuser=$userinfo[urlusername]" rel="nofollow"><phrase 1="$userinfo[username]">$vbphrase[find_all_threads_started_by_x]</phrase></a></td>
</tr>
<tr>
<td class="alt2"><div class="smallfont">$vbphrase[total_posts]: <strong>$userinfo[posts]</strong> (<phrase 1="$postsperday">$vbphrase[x_posts_per_day]</phrase>)
</td></div>
</tr>
<tr>
<td class="alt2">
<if condition="$vboptions['usereferrer']">
<div class="smallfont">
<strong>$vbphrase[referrals]:</strong> $referrals
</div>
</div>
</if>
</tr>
<tr>
<td class="alt2"><div class="smallfont"><a href="payments.php?$session[sessionurl]gift=true&userid=$userinfo[userid]"><phrase 1="$userinfo[username]">$vbphrase[buy_x_a_sub]</phrase></a>
</td>
</td></div>
</tr>
</table>
<br />
<if condition="$userinfo[field10]">
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td class="text" wrap="" style="" align="left" height="10" valign="center" colspan="2">
<span class=""><strong>$userinfo[username]'s Media </span> </td> </font></strong>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="center"><EMBED SRC="$userinfo[field10]"></div></td>
</tr>
</table>
</if>
<p>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td colspan="3" valign="middle"><strong>$userinfo[username]'s Interests</td></font></strong>
</tr>
<tr valign="top" class="alt2">
<td align="left" valign="top"><span class=""><strong>General:</strong></span></td>
<td align="left" valign="top">$userinfo[field6]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Music:</strong></span></td>
<td align="left" valign="top">$userinfo[field3]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Movies:</strong></span></td>
<td align="left" valign="top">$userinfo[field4]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Television:</strong></span></td>
<td align="left" valign="top">$userinfo[field32]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Heroes:</strong></span></td>
<td align="left" valign="top">$userinfo[field31]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Books:</strong></span></td>
<td align="left" valign="top">$userinfo[field27]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"><span class=""><strong>Groups:</strong></span></td>
<if condition="$show['membergroups']">
<td>$membergroupbits</td>
<else />
<td><strong><phrase 1="$userinfo[username]">$vbphrase[x_is_not_a_member_of_any_public_groups]</phrase></strong></td>
</if>
</table>
<p>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td class="text" wrap="" style="" align="left" height="10" valign="center" colspan="2">
<span class=""><strong>$userinfo[username]'s Details </span> </td> </font></strong>
</tr>
<tr valign="top" class="alt2">
<td align="left" valign="top" width="33%"> <div align="left"><span class=""><strong>Status:</strong></span></div></td>
<td style="">$userinfo[field15]</td>
</tr>
<tr valign="top" class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Here For:</strong></span></div></td>
<td style=""><if condition="$comma =''"></if>
<if condition="$post['field24']&1">
$comma Dating
<if condition="$comma =','"></if>
</if>
<if condition="$post['field24']&2">
$comma Serious Relationships
<if condition="$comma =','"></if>
</if>
<if condition="$post['field24']&4">
$comma Friends
<if condition="$comma =','"></if>
</if>
<if condition="$post['field24']&8">
$comma Networking
<if condition="$comma =','"></if>
</if>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Orientation:</strong></span></div></td>
<td style="">$userinfo[field14]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Hometown:</strong></span></div></td>
<td style="">$userinfo[field2]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Ethnicity:</strong></span></div></td>
<td id="ProfileReligion:" style="">$userinfo[field16]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Zodiac
Sign:</strong></span></div></td>
<td style=""><if condition="$show['zodiacsign']">
<div>$zodiacsign</div>
</if></td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Smoke
/ Drink:</strong></span></div></td>
<td style="">$userinfo[field17] / $userinfo[field18]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Children:</strong></span></div></td>
<td style="">$userinfo[field22]</td>
</tr>
<tr class="alt2">
<td align="left" valign="top"> <div align="left"><span class=""><strong>Education</strong></span></div></td>
<td style="">$userinfo[field23]</td>
</tr>
</table></td>
<td valign="top" width="60%"> <if condition="$show[journalinfo]"><table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td><strong>$userinfo[username]'s Latest Blog Entry</td></font></strong>
</tr>
<tr class="alt2">
<td><if condition="$show[journalinfo]"> <if condition="$show[journal_lastentry]"><a href="journal.php?$session[sessionurl]do=showentry&e=$journal[lastentry_id]">$journal[lastentry]</a>
($journal[lastentry_date])<br />
<else />$vbphrase[private]</if> </if></td>
</tr>
<tr class="alt2">
<td><if condition="$show[journalinfo]"> [<a href="journal.php?$session[sessionurl]do=showjournal&j=$journal[journal_id]"><phrase 1="$userinfo[username]">$vbphrase[visit_xs_journal]</phrase></a>]
</if></td>
</tr>
</table>
<p></if>
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">
<tr class="tcat">
<td><strong>$userinfo[username]'s Blurbs</td></font></strong>
</tr>
<tr class="alt2">
<td valign="top"><strong>About Me:</strong><br />$userinfo[field8]</td>
</tr>
<tr>
<td class="alt2"><strong>Who I'd Like to Meet:</strong><br />
$userinfo[field25]</td>
</tr>
</table>
<br />$FNB_HTML<br />
<p>$comment_panel</p></td>
</tr></table></td>
</table>
<br />
<center>
<if condition="can_moderate()">Moderator Tools<br />
<td class="vbmenu_control"><a href="moderator.php?$session[sessionurl]do=useroptions&u=$userinfo[userid]">$vbphrase[user_options]</a></td><br />
</if>
<!-- Hack: Username Management (MarcoH64) -->
<if condition="$mh_unm_can_change_other_name">
<td class="vbmenu_control"><a href="$mh_unm_modcp_link">$vbphrase[mh_unm_change_username]</a></td>
</if>
<!-- / Hack: Username Management (MarcoH64) -->
<if condition="$mh_upcd_last_changed">
<div style="padding:$stylevar[formspacer]px">
<strong>Profile last updated: $mh_upcd_last_changed</strong>
</div>
</if>
</center>
$footer
<br />
</body>
</html>
CSS: CSS usage is optional. Its what gives the ability for users to customize the look of thier profiles. Since I have already added the code, all you have to do is create a profile field where the user can enter lots of text. once you do that change the CSS profile field number at the top of the template to match YOURS. Then when they enter the CSS in the profile field, it will change the profile.
Here is an example of how it would look like:
body {background: #FFF000}
page {background: #FFF000}
a:link {background: #FFF000}
a:hover, a:active {background: #FFF000}
a:visited {background: #FFF000}
.tcat {background: #FFF000}
.theader {background: #FFF000}
.tborder {background: #FFF000}
*NOTE: You dont have to modify all the sections, you can change as much or as little as you wish. Its up to you! You can change the HEX color codes to suit your needs. I will get more into additional codes to make it really fun after I finish the rest of the documentation.
If you want to use an image for the background instead of a color code then use this code instead:
Body{background-image:url([B]type the image url here)}
BE SURE TO CLICK INSTALL!!!!