Thread Rating:
  • 2 Votes - 4.5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
 Profile Forum
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #1
Profile Forum
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? Biggrin

  • 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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10

  • Editable by / Required Field?: Everyone
  • Display Order: 8
  • Blank Replacement Value:

    HTML Code
    1
    2
    3
    4
    5
    6
    7
    8
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <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: &nbsp;
  • 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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    | <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    81
    82
    83
    84
    85
    86
    87
    88
    89
    90
    91
    92
    93
    94
    95
    96
    97
    98
    99
    100
    101
    102
    103
    104
    105
    106
    107
    108
    109
    110
    111
    112
    113
    114
    115
    116
    117
    118
    119
    120
    121
    122
    123
    124
    125
    126
    127
    128
    129
    130
    131
    132
    133
    134
    135
    136
    137
    138
    139
    140
    141
    142
    143
    144
    145
    146
    147
    148
    149
    150
    {$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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    76
    77
    78
    79
    80
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    <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
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <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

(This post was last modified: 02-13-2011 03:17 AM by RateU.)
06-05-2010 10:39 AM
Find all posts by this user Quote this message in a reply
ZiNgA BuRgA Offline
Fag
*******
Posts: 3,357
Joined: Jan 2008
Post: #2
RE: Profile Forum
RateU never ceases to come up with amazing ideas Smile

My Blog
06-05-2010 01:42 PM
Find all posts by this user Quote this message in a reply
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #3
RE: Profile Forum
Biggrin Thanks, Yumi Smile

06-06-2010 07:29 AM
Find all posts by this user Quote this message in a reply
Minnemann Offline
Junior Member
**
Posts: 25
Joined: May 2010
Post: #4
RE: Profile Forum
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]
(This post was last modified: 06-24-2010 02:00 AM by Minnemann.)
06-24-2010 12:46 AM
Find all posts by this user Quote this message in a reply
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #5
RE: Profile Forum
(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.

06-24-2010 02:10 AM
Find all posts by this user Quote this message in a reply
Minnemann Offline
Junior Member
**
Posts: 25
Joined: May 2010
Post: #6
RE: Profile Forum
Yeah I Know but is it possible to be more that 10 max?
06-24-2010 02:12 AM
Find all posts by this user Quote this message in a reply
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #7
RE: Profile Forum
Yes, it is possible. You can use regex or you can change the list.

06-24-2010 02:23 AM
Find all posts by this user Quote this message in a reply
Minnemann Offline
Junior Member
**
Posts: 25
Joined: May 2010
Post: #8
RE: Profile Forum
And if not using the system of choice?
06-24-2010 02:25 AM
Find all posts by this user Quote this message in a reply
RateU Offline
Administrator
*******
Posts: 2,350
Joined: Mar 2010
Post: #9
RE: Profile Forum
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.

(This post was last modified: 06-24-2010 03:01 AM by RateU.)
06-24-2010 02:37 AM
Find all posts by this user Quote this message in a reply
Minnemann Offline
Junior Member
**
Posts: 25
Joined: May 2010
Post: #10
RE: Profile Forum
I want no limit, or a big limit. How I do that?
06-24-2010 05:43 AM
Find all posts by this user Quote this message in a reply

« Next Oldest | Next Newest »

 Standard Tools
Forum Jump: