MyBB Hacks - Profile Forum

Pages: 1 2

Requirement: XThreads

With XThreads, we can create profile forum. The basic idea is, our member can create a profile thread, which is contains their character in a game. They can upload their screenshots from the game, and fill various info about their character. And they can edit it whenever they want.

Unfortunately, it is hard to give an example for each game, so, we will take The Sims game in this example. If we want to apply it for another game, we need to modify the info / XThreads thread fields to make it suitable with that game.

Possibility for another usage: we can use it as another profile page for our member. With XThreads Viewable by Usergroups settings, we can create "private" info for the profile thread. And, because XThreads has an ability to choose in which forum id(s) a XThreads thread field can be used, it will make us easier to choose which usegroup can create a profile thread. We can combine it with forum permission.

We can use the forum permission for this example too: if we have a RPG forum which has more than one usergroup as clan, we can set the forum permission for each usergroup / clan. And then, we can set the forum related to a clan with custom XThreads thread field. So, each usergroup / clan will has different info / stats. Plus, if we want to create some "private" info / stats (viewable by that clan member only), we can use XThreads Viewable by Usergroups feature. Great, huh? A lot of "magic" can be done by XThreads!

Here is a simple example to create a Profile Forum (based on The Sims Game):

1. Textbox for Sim's Name:
Create a Custom Thread Fields with this settings:

Title: Your Sim's Name
Key: profname
Applicable Forums: 'select a forum that we will apply the profile forum'
Input Field Type: Textbox
Editable by / Required Field?: Everyone (required)
Variable in template for displaying this field is: {$GLOBALS['threadfields']['profname']}.

2. Listbox for Sim's Gender:
Create a Custom Thread Fields with this settings:

Title: Your Sim's Gender
Key: profgender
Applicable Forums: 'select the profile forum'
Input Field Type: Listbox
Field Input Height: 1
Values List:
Code:
Male Female
Do we need to modify it?
Editable by / Required Field?: Everyone (required)
Display Order: 2
Variable in template for displaying this field is: {$GLOBALS['threadfields']['profgender']}.

3. Listbox for Sim's Status:
Create a Custom Thread Fields with this settings:

Title: Your Sim's Status
Key: profstatus
Applicable Forums: 'select the profile forum'
Input Field Type: Listbox
Field Input Height: 1
Values List:
Code:
Single Married
Modify it as our need.
Editable by / Required Field?: Everyone (required)
Display Order: 3
Variable in template for displaying this field is: {$GLOBALS['threadfields']['profstatus']}.

4. Listbox for Sim's Main Career:
Create a Custom Thread Fields with this settings:

Title: Your Sim's Main Career
Key: profcareer
Applicable Forums: 'select the profile forum'
Input Field Type: Listbox
Field Input Height: 1

Values List:

Code:

			None
Business
Entertainment
Law Enforcement

Modify it as our need.

Editable by / Required Field?: Everyone (required)
Display Order: 4
Variable in template for displaying this field is: {$GLOBALS['threadfields']['profcareer']}.

5. Textbox for Family Friends:
Create a Custom Thread Fields with this settings:

Title: Family Friends
Key: profffriends
Description: The number of your family friends. e.g: 99. Leave it blank if you didn't have any friends yet.
Applicable Forums: 'select the profile forum'
Input Field Type: Textbox
Editable by / Required Field?: Everyone
Display Order: 5
Blank Replacement Value:
HTML Code
<em>None</em>
Text Mask Filter:
Code:
^[0-9]{1,3}$
I'm not quite sure how much the maximum number of family friends for a Sim.
Variable in template for displaying this field is: {$GLOBALS['threadfields']['profffriends']}.

6. Textbox for Sim's Age:
Create a Custom Thread Fields with this settings:

Title: Your Sim's Age
Key: profage
Description: Your Sim's age in year. e.g: 9. Leave it blank if it is less than 1 year.
Applicable Forums: 'select the profile forum'
Input Field Type: Textbox
Editable by / Required Field?: Everyone
Display Order: 6
Blank Replacement Value:
HTML Code
<em>Less than one year old</em>
Display Format:
Code:
{VALUE} Years Old
Text Mask Filter:
Code:
^[0-9]{1,2}$
I hope it is enough.
Variable in template for displaying this field is: {$GLOBALS['threadfields']['profage']}.

7. File Input for Sim's Picture:
Create a Custom Thread Fields with this settings:

Title: Your Sim's Picture
Key: profpic
Description: Upload your Sim's picture - Required
Applicable Forums: 'select the profile forum'
Input Field Type: File
Valid File Extensions: gif|png|jpg|jpeg
Modify it as our needs. It is the extensions of image that can be uploaded.
Maximum File Size: 1048576
Modify it as our needs. It is a maximum file size (in bytes) that can be uploaded. In this example, 1 Mb.
Editable by / Required Field?: Everyone (required)
Display Order: 7
Only accept uploaded images: Yes
Image Thumbnail Generation: 160x120
Display Format:
HTML Code
<img src="{URL}/thumb160x120" alt="" title="" style="margin: 3px;" />
Variable for displaying this value in our template: {$GLOBALS['threadfields']['profpic']['value']}

8. Listbox for Sim's Skill:
Repeat this step as our needs. Just remember to use a different Title and Key. And modify the Blank Replacement Value and the Display Format too, especially for the word Cooking Level.
Create a Custom Thread Fields with this settings:

Title: Cooking Skill
Key: profcooking
Applicable Forums: 'select the profile forum'
Input Field Type: Listbox
Field Input Height: 1
Values List:
Code:
1 2 3 4 5 6 7 8 9 10
Editable by / Required Field?: Everyone
Display Order: 8

Blank Replacement Value:

HTML Code

			<tr><td width="150">Cooking Level</td>
<td width="1">:</td>
<td>
<div class="tcat" style="width: 250px;" align="center">
<strong>Level 0</strong>
</div>
</td>
</tr>

Display Format:

HTML Code

			<tr><td width="150">Cooking Level</td>
<td width="1">:</td>
<td>
<div class="tcat" style="width: 250px;">
<div class="thead" style="width: {VALUE}0%; white-space: nowrap;">
<span style="margin-left: 9px;"><strong>Level {VALUE}</strong></span>
</div>
</div>
</td></tr>

Variable in template for displaying this field is: {$GLOBALS['threadfields']['profcooking']}.
Use different variable if we repeat this step. Modify the profcooking word to match with the key.
Example:
Key: profbody
Variable: {$GLOBALS['threadfields']['profbody']}

Optional step: We can create another File input for Additional Sim's Pictures. Just use another Key for that. Example:

Opt 1. File input for Additional Sim's Pictures.
Create a Custom Thread Fields with this settings:

Title: Your Add Sim's Picture
Key: profpic1
Description: Upload an additional picture - Not required
Applicable Forums: 'select the profile forum'
Input Field Type: File
Valid File Extensions: gif|png|jpg|jpeg
Modify it as our needs. It is the extensions of image that can be uploaded.
Maximum File Size: 1048576
Modify it as our needs. It is a maximum file size (in bytes) that can be uploaded. In this example, 1 Mb.
Editable by / Required Field?: Everyone
Display Order: 9
Modify it as our need.
Only accept uploaded images: Yes
Image Thumbnail Generation: 160x120
Modify it as our needs. It is thumbnail sizes that we can use for this image.
Blank Replacement Value:  
Display Format:
HTML Code
<a href="{URL}"><img src="{URL}/thumb160x120" alt="" title="{$GLOBALS['threadfields']['profdesc1']}" style="border: 1px solid #C1C1C1; padding: 3px; margin: 3px;" /></a>
Variable for displaying this value in our template: {$GLOBALS['threadfields']['profpic1']['value']}
If we didn't use the Opt 2 step, remove {$GLOBALS['threadfields']['profdesc1']} variable from the title attribute.

Opt 2. Textbox for Additional Picture Description:
Create a Custom Thread Fields with this settings:

Title: Additional Picture Description 1
Key: profdesc1
Description: Description for the additional picture - Not Required
Applicable Forums: 'select the profile forum'
Input Field Type: Textbox
I think 255 chars is enough.
Editable by / Required Field?: Everyone
Display Order: 10
Modify it as our needs.

Repeat two steps above depend on max images that user can upload. And use different Key.

9. Now, XThreads Options in Forum settings (the Profile Forum):

Template Prefix: prof_
Thread Grouping: 2
Show first post on every showthread page: Yes
Enable XThreads' Inline Forum Search: Yes
Force Postbit Layout: Force horizontal postbit layout

Optional setting: Set forum permission for which usergroup can create thread in this forum.

10. Create new templates in Global Template:

Template Name: prof_forumdisplay_group_sep
Template Content:
HTML Code
</tr> <tr>

Template Name: prof_forumdisplay_nothreads

Template Content:

HTML Code

			<td>
	<table border="0" cellspacing="{$GLOBALS['theme']['borderwidth']}" cellpadding="{$GLOBALS['theme']['tablespace']}" class="tborder" style="clear: both;">
		<tr>
			<td class="thead" align="center" colspan="{$GLOBALS['colspan']}">
				<div><strong>Add Your Sims!</strong></div>
			</td>
		</tr>
		<tr>
			<td class="trow1" align="center">
				Show us your Sims! You can edit your Sim's stats and pictures whenever you want!
			</td>
		</tr>
	</table>
</td>

Template Name: prof_forumdisplay_thread

Template Content:

HTML Code

			<td width="50%" valign="top">
	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;">
		<tr>
			<td class="thead" align="center" colspan="{$colspan}">
				<div><strong><a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a></strong></div>
			</td>
		</tr>
		<tr>
			<td class="{$bgcolor}" width="1">
				<div align="center">
					{$GLOBALS['threadfields']['profpic']['value']}
				</div>
			</td>
			<td class="{$bgcolor}" width="100%">
				<table border="0" width="100%">
					<tr>
						<td>Sim's Owner</td><td width="1">:</td><td>{$thread['profilelink']}</td>
					</tr>
					<tr>
						<td>Sim's Name</td><td width="1">:</td>
						<td><a href="{$thread['threadlink']}">{$GLOBALS['threadfields']['profname']}</a></td>
					</tr>
					{$rating}
					<tr>
						<td>Sim's Viewed</td><td width="1">:</td><td>{$thread['views']}</td>
					</tr>
					<tr>
						<td valign="top">Commented</td>
						<td width="1" valign="top">:</td>
						<td valign="top">
							<a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts}
						</td>
					</tr>
				</table>
			</td>
			{$modbit}
		</tr>
	</table>
</td>

Template Name: prof_forumdisplay_threadlist

Template Content:

HTML Code

			<div class="float_left">
	{$multipage}
</div>
<div class="float_right">
	{$newthread}
</div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;">
	<tr>
		<td class="thead" colspan="{$colspan}">
			<div align="center">
				<strong>{$foruminfo['name']}</strong>
			</div>
		</td>
	</tr>
	<tr>
		<td class="tcat smalltext" width="100%" colspan="2">
			<span class="float_left">
				<strong>Sort By: <a href="{$sorturl}&amp;sortby=subject&amp;order=asc">{$lang->thread}</a> {$orderarrow['subject']} | <a href="{$sorturl}&amp;sortby=starter&amp;order=asc">{$lang->author}</a> {$orderarrow['starter']} | <a href="{$sorturl}&amp;sortby=replies&amp;order=desc">{$lang->replies}</a> {$orderarrow['replies']} | <a href="{$sorturl}&amp;sortby=views&amp;order=desc">{$lang->views}</a> {$orderarrow['views']} {$ratingcol} | <a href="{$sorturl}&amp;sortby=lastpost&amp;order=desc">{$lang->lastpost}</a> {$orderarrow['lastpost']}</strong>
			</span>
			<span class="float_right">
				<strong><a href="misc.php?action=markread&amp;fid={$fid}">{$lang->markforum_read}</a> | <a href="usercp2.php?action={$add_remove_subscription}subscription&amp;type=forum&amp;fid={$fid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a>{$clearstoredpass}</strong>
			</span>
		</td>
		{$inlinemodcol}
	</tr>
</table>
<br class="clear" />
<table border="0" width="100%" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}">
	<tr>
		{$threads}{$nullthreads}
	</tr>
</table>
<br class="clear" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;">
	<tr>
		<td class="tcat" colspan="{$colspan}">
			<span class="float_left">
				<form action="forumdisplay.php" method="get">
					<input type="hidden" name="fid" value="{$fid}" />
					<select name="sortby">
						<option value="subject" {$sortsel['subject']}>{$lang->sort_by_subject}</option>
						<option value="lastpost" {$sortsel['lastpost']}>{$lang->sort_by_lastpost}</option>
						<option value="starter" {$sortsel['starter']}>{$lang->sort_by_starter}</option>
						<option value="started" {$sortsel['started']}>{$lang->sort_by_started}</option>
						{$ratingsort}
						<option value="replies" {$sortsel['replies']}>{$lang->sort_by_replies}</option>
						<option value="views" {$sortsel['views']}>{$lang->sort_by_views}</option>
					</select>
					<select name="order">
						<option value="asc" {$ordersel['asc']}>{$lang->sort_order_asc}</option>
						<option value="desc" {$ordersel['desc']}>{$lang->sort_order_desc}</option>
					</select>
					<select name="datecut">
						<option value="1" {$datecutsel['1']}>{$lang->datelimit_1day}</option>
						<option value="5" {$datecutsel['5']}>{$lang->datelimit_5days}</option>
						<option value="10" {$datecutsel['10']}>{$lang->datelimit_10days}</option>
						<option value="20" {$datecutsel['20']}>{$lang->datelimit_20days}</option>
						<option value="50" {$datecutsel['50']}>{$lang->datelimit_50days}</option>
						<option value="75" {$datecutsel['75']}>{$lang->datelimit_75days}</option>
						<option value="100" {$datecutsel['100']}>{$lang->datelimit_100days}</option>
						<option value="365" {$datecutsel['365']}>{$lang->datelimit_lastyear}</option>
						<option value="9999" {$datecutsel['9999']}>{$lang->datelimit_beginning}</option>
					</select>
					{$gobutton}
				</form>
			</span>
			<span class="float_right">
				{$forumjump}
			</span>
		</td>
	</tr>
	<tr>
		<td class="tfoot" align="center" colspan="{$colspan}">
			<strong><a href="http://mybbhacks.zingaburga.com">XThreads</a> - <a href="http://mybbhacks.zingaburga.com">MyBB Hacks</a></strong>
		</td>
	</tr>
</table>
<div class="float_left">
	{$multipage}
</div>
<div class="float_right" style="margin-top: 4px;">
	{$newthread}
</div>
<br style="clear: both;" />
<br />
<div class="float_left">
	<div class="float_left">
		<dl class="thread_legend smalltext">
			<dd><img src="{$theme['imgdir']}/newfolder.gif" alt="{$lang->new_thread}" title="{$lang->new_thread}" /> {$lang->new_thread}</dd>
			<dd><img src="{$theme['imgdir']}/newhotfolder.gif" alt="{$lang->new_hot_thread}" title="{$lang->new_hot_thread}" /> {$lang->new_hot_thread}</dd>
			<dd><img src="{$theme['imgdir']}/hotfolder.gif" alt="{$lang->hot_thread}" title="{$lang->hot_thread}" /> {$lang->hot_thread}</dd>
		</dl>
	</div>

	<div class="float_left">
		<dl class="thread_legend smalltext">
			<dd><img src="{$theme['imgdir']}/folder.gif" alt="{$lang->no_new_thread}" title="{$lang->no_new_thread}" /> {$lang->no_new_thread}</dd>
			<dd><img src="{$theme['imgdir']}/dot_folder.gif" alt="{$lang->posts_by_you}" title="{$lang->posts_by_you}" /> {$lang->posts_by_you}</dd>
			<dd><img src="{$theme['imgdir']}/lockfolder.gif" alt="{$lang->locked_thread}" title="{$lang->locked_thread}" /> {$lang->locked_thread}</dd>
		</dl>
	</div>
	<br style="clear: both" />
</div>

<div class="float_right" style="text-align: right;">
	{$searchforum}
	{$inlinemod}
</div>
<br style="clear: both" />
{$inline_edit_js}

Template Name: prof_forumdisplay_threadlist_rating

Template Content:

HTML Code

			| <a href="{$sorturl}&amp;sortby=rating&amp;order=desc">{$lang->rating}</a> {$orderarrow['rating']}
<script type="text/javascript" src="jscripts/rating.js?ver=1400"></script>
<script type="text/javascript">
<!--
	lang.stars = new Array();
	lang.stars[1] = "{$lang->one_star}";
	lang.stars[2] = "{$lang->two_stars}";
	lang.stars[3] = "{$lang->three_stars}";
	lang.stars[4] = "{$lang->four_stars}";
	lang.stars[5] = "{$lang->five_stars}";
// -->
</script>

Template Name: prof_forumdisplay_thread_null

Template Content:

HTML Code

			<td width="50%" valign="top">
	<table border="0" cellspacing="{$GLOBALS['theme']['borderwidth']}" cellpadding="{$GLOBALS['theme']['tablespace']}" class="tborder" style="clear: both;">
		<tr>
			<td class="thead" align="center" colspan="{$GLOBALS['colspan']}">
				<div><strong>Add Your Sims!</strong></div>
			</td>
		</tr>
		<tr>
			<td class="trow1" style="text-align: justify;">
				Show us your Sims! You can edit your Sim's stats and pictures whenever you want!
			</td>
		</tr>
		<tr>
			<td class="tfoot" align="center">
				<strong>Total Sims Added: {$GLOBALS['threadcount']} Sims</strong>
			</td>
		</tr>
	</table>
</td>

Template Name: prof_forumdisplay_thread_rating

Template Content:

HTML Code

			<tr>
	<td>Sim's Rating</td>
	<td>:</td>
	<td>
		<div class="float_left" id="rating_table_{$thread['tid']}">
			<ul class="star_rating{$not_rated}" id="rating_thread_{$thread['tid']}">
				<li style="width: {$thread['width']}%" class="current_rating" id="current_rating_{$thread['tid']}">{$ratingvotesav}</li>
			</ul>
			<script type="text/javascript">
			<!--
				Rating.build_forumdisplay({$thread['tid']}, { width: '{$thread['width']}', extra_class: '{$not_rated}', current_average: '{$ratingvotesav}' });
			// -->
			</script>
		</div>
	</td>
</tr>
<tr>
	<td>Sim's Rated</td>
	<td>:</td>
	<td>
		{$thread['numratings']}
	</td>
</tr>

Template Name: prof_postbit

Template Content:

HTML Code

			<div class="float_left" style="width: 49%; margin: 0px 3px 0px 4px;">
{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
	<tbody>
		<tr>
			<td class="tcat">
				<div class="float_left smalltext">
					 {$post['onlinestatus']}<strong>{$post['profilelink']}</strong> {$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
				</div>
				{$post['posturl']}
			</td>
		</tr>
		<tr>
			<td class="trow2 post_content {$unapproved_shade}">
				<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
					<tr>
						<td>
							<div class="post_body" id="pid_{$post['pid']}">
								{$post['message']}
							</div>
							<div class="post_meta" id="post_meta_{$post['pid']}">
								{$post['iplogged']}
							</div>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr>
			<td class="trow1 post_buttons {$unapproved_shade}">
				<div class="post_management_buttons float_right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
				</div>
			</td>
		</tr>
	</tbody>
</table>
</div>

Template Name: prof_postbit_first

Template Content:

HTML Code

			{$ignore_bit}
<a name="pid{$post['pid']}" id="pid{$post['pid']}"></a>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="{$post_extra_style} {$post_visibility}" id="post_{$post['pid']}">
	<tbody>
		<tr>
			<td class="trow1 {$unapproved_shade}">
				<table cellspacing="0" cellpadding="0" border="0" style="width: 100%;">
					<tr>
						<td class="post_avatar" width="1" style="{$post['avatar_padding']}">
							{$post['useravatar']}
						</td>
						<td class="post_author">
							<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
							<span class="smalltext">
								{$post['usertitle']}<br />
								{$post['userstars']}
								{$post['groupimage']}
							</span>
						</td>
						<td class="smalltext post_author_info" width="165">
							{$post['user_details']}
						</td>
					</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td class="trow1 {$unapproved_shade}">
				<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;">
					<tr>
						<td width="50%" valign="top">
							<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%" class="trow1">
								<tr>
									<td class="thead" colspan="2" align="center">
										<strong>{$GLOBALS['threadfields']['profname']}'s Profile</strong>
									</td>
								</tr>
								<tr>
									<td width="1">
										{$GLOBALS['threadfields']['profpic']['value']}
									</td>
									<td>
										<table border="0" width="100%" class="trow1">
											<tr>
												<td>Sim's Name</td><td width="1">:</td><td>{$GLOBALS['threadfields']['profname']}</td>
											</tr>
											<tr>
												<td>Sim's Gender</td><td width="1">:</td><td>{$GLOBALS['threadfields']['profgender']}</td>
											</tr>
											<tr>
												<td>Sim's Status</td><td width="1">:</td><td>{$GLOBALS['threadfields']['profstatus']}</td>
											</tr>
											<tr>
												<td>Sim's Career</td><td width="1">:</td><td>{$GLOBALS['threadfields']['profcareer']}</td>
											</tr>
											<tr>
												<td>Sim's Friends</td><td width="1">:</td><td>{$GLOBALS['threadfields']['profffriends']}</td>
											</tr>
											<tr>
												<td>Sim's Age</td><td width="1">:</td><td>{$GLOBALS['threadfields']['profage']}</td>
											</tr>
										</table>
									</td>
								</tr>
							</table>
						</td>
						<td>&nbsp;</td>
						<td width="50%" valign="top">
							<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%" class="trow1">
								<tr>
									<td class="thead" align="center">
										<strong>{$GLOBALS['threadfields']['profname']}'s Skills</strong>
									</td>
								</tr>
								<tr>
									<td>
										<table border="0" width="100%" class="trow1">
											{$GLOBALS['threadfields']['profcooking']}
											{$GLOBALS['threadfields']['profmechanical']}
											{$GLOBALS['threadfields']['profcharisma']}
											{$GLOBALS['threadfields']['profcreativity']}
											{$GLOBALS['threadfields']['profbody']}
											{$GLOBALS['threadfields']['proflogic']}
										</table>
									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td colspan="3">
							<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" width="100%" class="trow1">
								<tr>
									<td class="thead" colspan="2" align="center" valign="middle">
										<strong>{$GLOBALS['threadfields']['profname']}'s Pictures</strong>
									</td>
								</tr>
								<tr>
									<td align="center">
										{$GLOBALS['threadfields']['profpic1']['value']}
										{$GLOBALS['threadfields']['profpic2']['value']}
										{$GLOBALS['threadfields']['profpic3']['value']}
										{$GLOBALS['threadfields']['profpic4']['value']}
										{$GLOBALS['threadfields']['profpic5']['value']}
									</td>
								</tr>
							</table>
						</td>
					</tr>
				</table>
			</td>
		</tr>

		<tr>
			<td class="tcat">
				<div class="float_left smalltext">
					{$post['postdate']}, {$post['posttime']} <span id="edited_by_{$post['pid']}">{$post['editedmsg']}</span>
				</div>
				{$post['posturl']}
			</td>
		</tr>

		<tr>
			<td class="trow2 post_content {$unapproved_shade}">
				<span class="smalltext"><strong>{$post['icon']}{$post['subject']} {$post['subject_extra']}</strong></span>

				<div class="post_body" id="pid_{$post['pid']}">
					{$post['message']}
				</div>
				{$post['attachments']}
				{$post['signature']}

				<div class="post_meta" id="post_meta_{$post['pid']}">
				{$post['iplogged']}
				</div>
			</td>
		</tr>

		<tr>
			<td class="trow1 post_buttons {$unapproved_shade}">
				<div class="author_buttons float_left">
					{$post['button_email']}{$post['button_pm']}{$post['button_www']}{$post['button_find']}
				</div>
				<div class="post_management_buttons float_right">{$post['button_edit']}{$post['button_quickdelete']}{$post['button_quote']}{$post['button_multiquote']}{$post['button_report']}{$post['button_warn']}{$post['button_reply_pm']}{$post['button_replyall_pm']}{$post['button_forward_pm']}{$post['button_delete_pm']}
				</div>
			</td>
		</tr>
	</tbody>
</table>

Template Name: prof_showthread

Template Content:

HTML Code

			<html>
<head>
<title>{$thread['subject']}</title>
{$headerinclude}
<script type="text/javascript">
<!--
	var quickdelete_confirm = "{$lang->quickdelete_confirm}";
// -->
</script>
<script type="text/javascript" src="jscripts/thread.js?ver=1400"></script>
</head>
<body>
{$header}
{$pollbox}
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">
	<tr>
		<td class="thead" colspan="2">
			<div style="float: right;">
				<span class="smalltext"><strong><a href="showthread.php?mode=threaded&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->threaded}</a> | <a href="showthread.php?mode=linear&amp;tid={$tid}&amp;pid={$pid}#pid{$pid}">{$lang->linear}</a></strong></span>
			</div>
			<div>
				<strong>{$thread['subject']}</strong>
			</div>
		</td>
	</tr>
	{$classic_header}
</table>
<div>
	{$first_post}
</div>
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="border-top-width: 0;">
	<tr>
		<td colspan="2" class="tfoot">
			{$search_thread}
			<div>
				<strong>&laquo; <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> &raquo;</strong>
			</div>
		</td>
	</tr>
</table>
<br class="clear" />
<div class="float_left">
	{$multipage}
</div>
<div class="float_right">
	{$newreply}
</div>
{$ratethread}
<br class="clear" />
<div id="posts">
	{$posts}
</div>
<br style="clear: both;" />
<div class="float_left">
	{$multipage}
</div>
<div style="padding-top: 4px;" class="float_right">
	{$newreply}
</div>
<br style="clear: both;" />
{$quickreply}
{$threadexbox}
{$similarthreads}
<br />
<div class="float_left">
	<ul class="thread_tools">
		<li class="printable"><a href="printthread.php?tid={$tid}">{$lang->view_printable}</a></li>
		<li class="sendthread"><a href="sendthread.php?tid={$tid}">{$lang->send_thread}</a></li>
		<li class="subscription_{$add_remove_subscription}"><a href="usercp2.php?action={$add_remove_subscription}subscription&amp;tid={$tid}&amp;my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a></li>
	</ul>
</div>

<div class="float_right" style="text-align: right;">
	{$moderationoptions}
	{$forumjump}
</div>
<br style="clear: both;" />
{$footer}
</body>
</html>

Template Name: prof_showthread_noreplies

Template Content:

HTML Code

			<div id="xthreads_noreplies">
<table border="0" cellspacing="{$GLOBALS['theme']['borderwidth']}" cellpadding="{$GLOBALS['theme']['tablespace']}" class="tborder">
	<tbody>
		<tr>
			<td class="tcat">
				<div class="float_left smalltext">
					 <strong>Leave Your Comments For This Sim</strong>
				</div>
			</td>
		</tr>
		<tr>
			<td class="trow1">
				<div class="post_body">
					You can leave your comments for this Sims.
				</div>
			</td>
		</tr>
	</tbody>
</table>
</div>

Template Name: prof_showthread_ratethread

Template Content:

HTML Code

			<div style="margin-top: 6px; padding-right: 10px;" class="float_right">
		<script type="text/javascript" src="jscripts/rating.js?ver=1400"></script>
		<div id="success_rating_{$thread['tid']}" style="float: left; padding-top: 2px; padding-right: 10px;">&nbsp;</div>
		<strong style="float: left; padding-right: 10px;">Sim's Rating</strong>
		<div class="inline_rating">
			<ul class="star_rating{$not_rated}" id="rating_thread_{$thread['tid']}">
				<li style="width: {$thread['width']}%" class="current_rating" id="current_rating_{$thread['tid']}">{$ratingvotesav}</li>
				<li><a class="one_star" title="{$lang->one_star}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=1&amp;my_post_key={$mybb->post_code}">1</a></li>
				<li><a class="two_stars" title="{$lang->two_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=2&amp;my_post_key={$mybb->post_code}">2</a></li>
				<li><a class="three_stars" title="{$lang->three_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=3&amp;my_post_key={$mybb->post_code}">3</a></li>
				<li><a class="four_stars" title="{$lang->four_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=4&amp;my_post_key={$mybb->post_code}">4</a></li>
				<li><a class="five_stars" title="{$lang->five_stars}" href="./ratethread.php?tid={$thread['tid']}&amp;rating=5&amp;my_post_key={$mybb->post_code}">5</a></li>
			</ul>
		</div>
</div>

Please let me know if I missed somethings Smile

Screenshots:

1. User create a product review thread:

[Image: drf8qw.jpg]

2. User view the post:

[Image: 25qu2zc.jpg]

3. Thread List:

[Image: xyofr.jpg]

I have created a live demo for this:
http://www.14.mynie.co.cc/forumdisplay.php?fid=6

RateU never ceases to come up with amazing ideas Smile

Thanks, Yumi Smile

WOW AWESOME RATEU! But I have a question. The bars,, when we put more than 10 the bar go out of the topic, and can put them right?
[Image: j6qt06.png]

(06-24-2010 12:46 AM)Minnemann Wrote: [ -> ]The bars,, when we put more than 10 the bar go out of the topic, and can put them right?

Not in the example above. When creating a new thread, a user only can choose a number between 0 - 10, because we have set it in step #8.

Yeah I Know but is it possible to be more that 10 max?

Yes, it is possible. You can use regex or you can change the list.

And if not using the system of choice?

Use regex for textbox.

EDIT: And depends on what is the range (min / max) of level you want. You should change the percentage of the bar to suite your needs.

I want no limit, or a big limit. How I do that?

Pages: 1 2