About Me Section Above Profile Comments

About Me Section Above Profile Comments

Mod Version: 1.00, by Warlord

vB Version: 3.8.4	Rating: (0 vote - 0 average)	Installs: 10
Released: 28 Dec 2009	Last Update: Never	Downloads: 0
Not Supported Template Edits Re-usable Code Translations

This is another very simple and quick edit, but it significantly changes the appearance of member profiles to look a bit more "Myspace-ish".

This modification does the following:

Displays the About Me section first in the tab order.
Removes the Profile Comments/Visitor Messages section from the tabs and inserts it below the About Me section.
Moves the Profile Picture inside the About Me section if the member has uploaded a profile picture.

http://forums.projectfanboy.com/member.php?u=162

Installation
Three Template Edits
Install Time: 5 Minutes or less.

Template Edits

In template MEMBERINFO find and DELETE:

HTML Code:

				<if condition="$blocks['profile_picture']">
					<td id="profilepic_cell" class="tborder alt2">$blocks[profile_picture]</td>
				</if>

In template MEMBERINFO find:

HTML Code:

	<div id="profile_tabs">
		$template_hook[profile_left_first]
		$blocks[visitor_messaging]
		$blocks[aboutme]
		$blocks[stats]
		$blocks[friends]
		$blocks[infractions]
		$blocks[contactinfo]
		$template_hook[profile_left_last]
	</div>

REPLACE with:

HTML Code:

<div id="profile_tabs">
		$blocks[aboutme]
		$blocks[stats]
		$blocks[friends]
		$blocks[infractions]
		$blocks[contactinfo]
		$template_hook[profile_left_last]
</div>
	<div class="alt1 block_row">
		$template_hook[profile_left_first]
		$blocks[visitor_messaging]
	</div>

In template memberinfo_block_aboutme find:

HTML Code:

<if condition="$show['edit_link']">
	<div id="simple_aboutme_link"><a class="smallfont" href="member.php?$session[sessionurl]u=$bbuserinfo[userid]&amp;tab=aboutme">$vbphrase[edit_your_about_me]</a></div>
</if>

ADD below:

HTML Code:

				<if condition="$prepared[profilepicurl]">
<img align="left" hspace="10" src="$prepared[profilepicurl]" $prepared[profilepicsize] alt="<phrase 1="$prepared[username]">$vbphrase[xs_picture]</phrase>" />
				</if>

Optional Template Edits:

To remove the bullet from the Signature Block, in template memberinfo_block_aboutme find:

HTML Code:

	<if condition="$prepared['signature']">
		<li class="profilefield_category">
			$vbphrase[signature]
			<dl class="list_no_decoration profilefield_list"><dd id="signature">$prepared[signature]</dd></dl>
		</li>

Change to:

HTML Code:

	<if condition="$prepared['signature']">
		<div class="profilefield_category">
			$vbphrase[signature]
			<dl class="list_no_decoration profilefield_list"><dd id="signature">$prepared[signature]</dd></dl>
		</div>

To remove the bullets from the category titles in the About Me Section, in memberinfo_profilefield_category find:

HTML Code:

		<li class="profilefield_category">$category[title]
		<if condition="$category['description']"><div class="smallfont">$category[description]</div></if>
		<dl class="list_no_decoration profilefield_list">
			$category[fields]
		</dl>
	</li>

Change to:

HTML Code:

		<div class="profilefield_category">$category[title]
		<if condition="$category['description']"><div class="smallfont">$category[description]</div></if>
		<dl class="list_no_decoration profilefield_list">
			$category[fields]
		</dl>
	</div>

Additional Notes: The profile fields in the About Me section can be added via the Admin Control Panel under User Profile Fields-->Add New User Profile Field. Any new profile fields you add will appear on the member's public profile when filled out by that member.

The Video section used on the demo profile is the Video-Directory Remixed hack created by Jaxel and can be found here.

The Awards section and Experience Tab displayed on the demo profile is part of the vBExperience Hack by Phalynx and can be found here.

The customization of the background and color scheme of the demo profile is a standard feature in vBulletin itself and is not a result of this modification.

Download

No files for download.

vBulletin LTS