Last Update: 08 February 2011
With XThreads, we can create a showcase forum. Here is a simple example to do that:
1. First, we will create a textbox for Website Name:
Create a Custom Thread Fields with this settings:
- Title: Website Name
- Key: scfname
- Description: Your website name
- Applicable Forums: 'select a forum that we will apply the showcase forum'
- Input Field Type: Textbox
- Editable by / Required Field?: Everyone (required)
Later, we need to put {$GLOBALS['threadfields']['scfname']} variable to display it into our template.
2. Next, we will create a textbox for Website URL:
Create a Custom Thread Fields with this settings:
- Title: Website URL
- Key: scfurl
- Description: e.g: www.yoursite.com
- Applicable Forums: 'select the forum in point 1'
- Input Field Type: Textbox
- Editable by / Required Field?: Everyone (required)
- Display Order: 2
Later, we need to put {$GLOBALS['threadfields']['scfurl']} variable to display it into our template.
3. Then, we will create a txtbox for Website Language:
Create a Custom Thread Fields with this settings:
- Title: Website Language
- Key: scflang
- Description: The major language in your website
- Applicable Forums: 'select the forum in point 1 or 2'
- Input Field Type: Textbox
- Editable by / Required Field?: Everyone (required)
- Display Order: 3
- Display Format:
Kod:
<tr>
<td valign="top">Language</td><td valign="top">:</td><td valign="top">{VALUE}</td>
</tr>
We need to put {$GLOBALS['threadfields']['scflang']} variable to display it into our template.
4. Now, we will create a textbox for Website Slogan:
Create a Custom Thread Fields with this settings:
- Title: Website Slogan
- Key: scfslogan
- Description: Your website slogan (not required)
- Applicable Forums: 'select the forum in point 1, 2 or 3'
- Input Field Type: Textbox
- Editable by / Required Field?: Everyone
- Display Order: 4
- Display Format:
Kod:
<tr>
<td valign="top">Slogan</td><td valign="top">:</td><td valign="top">{VALUE}</td>
</tr>
We need to put {$GLOBALS['threadfields']['scfslogan']} variable to display it into our template.
5. Then, we will create a textbox for Founded (Year):
Create a Custom Thread Fields with this settings:
- Title: Founded (Year)
- Key: scffounded
- Description: e.g: 2010
- Applicable Forums: 'select the forum in point 1, 2, 3 or 4'
- Input Field Type: Textbox
- Editable by / Required Field?: Everyone (required)
- Display Order: 5
- Display Format:
Kod:
<tr>
<td valign="top">Founded</td><td valign="top">:</td><td valign="top">{VALUE}</td>
</tr>
- Text Mask Filter: We need to put {$GLOBALS['threadfields']['scffounded']} variable to display it into our template.
6. Now, we will create categories:
Create a Custom Thread Fields with this settings:
- Title: Website Category
- Key: scfcat
- Description: Select your website category
- Applicable Forums: 'select the forum in point 1, 2, 3, 4 or 5'
- Input Field Type: Listbox
- Field Input Height: 1
- Values List:
Kod:
Entertainment
Encyclopedia
Other
- Editable by / Required Field?: Everyone (Required)
- Display Order: 6
- Allow Filtering: Yes
- Formatting Map List:
EDIT: Using {$forumurl?} for the filtering.
Kod:
Entertainment{|}<a href="{$forumurl?}filtertf_scfcat=Entertainment"><span style="color: green;"><strong>Entertainment</strong></span></a>
Encyclopedia{|}<a href="{$forumurl?}filtertf_scfcat=Encyclopedia"><span style="color: blue;"><strong>Encyclopedia</strong></span></a>
Other{|}<a href="{$forumurl?}filtertf_scfcat=Other"><span style="color: yellow;"><strong>Other</strong></span></a>
To display this formatting list, later we need to put {$GLOBALS['threadfields']['scfcat']} variable in our template.
7. Now, XThreads Options in Forum settings (the forum in the settings 1, 2, 3, 4, 5 and 6 above):
- Template Prefix: scf_
- Enable XThreads' Inline Forum Search: Yes
- Override Threads Per Page: 5
Modify it as our needs.
8. Create new templates in Global Template:
- Template Name: scf_forumdisplay_threadlist
- Template Content:
Kod:
<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 style="float: right;">
<span class="smalltext"><strong><a href="misc.php?action=markread&fid={$fid}">{$lang->markforum_read}</a> | <a href="usercp2.php?action={$add_remove_subscription}subscription&type=forum&fid={$fid}&my_post_key={$mybb->post_code}">{$add_remove_subscription_text}</a>{$clearstoredpass}</strong></span>
</div>
<div>
<strong>{$foruminfo['name']}</strong>
</div>
</td>
</tr>
<tr>
<td class="tcat" width="100%" colspan="2"><span class="smalltext"><strong>Sort By: <a href="{$sorturl}&sortby=subject&order=asc">{$lang->thread}</a> {$orderarrow['subject']} | <a href="{$sorturl}&sortby=starter&order=asc">{$lang->author}</a> {$orderarrow['starter']} | <a href="{$sorturl}&sortby=replies&order=desc">{$lang->replies}</a> {$orderarrow['replies']} | <a href="{$sorturl}&sortby=views&order=desc">{$lang->views}</a> {$orderarrow['views']} {$ratingcol} | <a href="{$sorturl}&sortby=lastpost&order=desc">{$lang->lastpost}</a> {$orderarrow['lastpost']}</strong></span></td>
{$inlinemodcol}
</tr>
</table>
<br class="clear" />
{$threads}{$nullthreads}
<br class="clear" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;">
<tr>
<td class="tfoot" align="right" colspan="{$colspan}">
<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>
</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;">
{$inlinemod}
{$searchforum}
{$forumjump}
</div>
<br style="clear: both" />
{$inline_edit_js}
- Template Name: scf_forumdisplay_threadlist_rating
- Template Content:
Kod:
| <a href="{$sorturl}&sortby=rating&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: scf_forumdisplay_thread
- Template Content:
Kod:
<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>
<div class="author smalltext">{$lang->author}: {$thread['profilelink']}</div>
</td>
</tr>
<tr>
<td class="{$bgcolor}" width="50%">
<span class="float_left">
<img src="{$theme['imgdir']}/{$folder}.gif" alt="{$folder_label}" title="{$folder_label}" />{$icon}{$prefix}{$gotounread}
</span>
<br class="clear" />
<table width="100%" border="0">
<tr>
<td width="90">URL</td>
<td>:</td>
<td>http://{$GLOBALS['threadfields']['scfurl']}</td>
</tr>
<tr>
<td>Link</td>
<td>:</td>
<td><a href="http://{$GLOBALS['threadfields']['scfurl']}"><strong>{$GLOBALS['threadfields']['scfname']}</strong></a></td>
</tr>
{$rating}
{$GLOBALS['threadfields']['scflang']}
{$GLOBALS['threadfields']['scffounded']}
<tr>
<td>Category</td>
<td>:</td>
<td>{$GLOBALS['threadfields']['scfcat']}</td>
</tr>
{$GLOBALS['threadfields']['scfslogan']}
</table>
</td>
<td class="{$bgcolor}" width="50%">
<table width="100%" border="0">
<tr>
<td align="center" valign="middle">
<a href="http://www.alexa.com/siteinfo/{$GLOBALS['threadfields']['scfurl']}"><script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/a?url={$GLOBALS['threadfields']['scfurl']}'></script></a>
</td>
</tr>
</table>
</td>
{$modbit}
</tr>
<tr>
<td class="tfoot" colspan="{$colspan}" align="center">
{$thread['views']} {$lang->views},
<a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts} {$lang->replies},
<a href="{$thread['lastpostlink']}">{$lang->lastpost}</a>: {$lastposterlink}, {$lastpostdate} {$lastposttime}
</td>
</tr>
</table>
<br />
- Template Name: scf_forumdisplay_thread_rating
- Template Content:
Kod:
<tr>
<td>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>
- Template Name: scf_showthread
- Template Content:
Kod:
<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}
<br class="clear" />
<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&tid={$tid}&pid={$pid}#pid{$pid}">{$lang->threaded}</a> | <a href="showthread.php?mode=linear&tid={$tid}&pid={$pid}#pid{$pid}">{$lang->linear}</a></strong></span>
</div>
<div>
<strong>{$thread['subject']}</strong>
</div>
</td>
</tr>
<tr>
<td class="tcat" width="50%">
<table width="100%" border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="trow1" style="clear: both;">
<tr>
<td width="50%">
<table width="100%">
<tr>
<td width="90">URL</td>
<td width="1">:</td>
<td>http://{$GLOBALS['threadfields']['scfurl']}</td>
</tr>
<tr>
<td>Link</td>
<td>:</td>
<td><a href="http://{$GLOBALS['threadfields']['scfurl']}"><strong>{$GLOBALS['threadfields']['scfname']}</strong></a></td>
</tr>
{$ratethread}
{$GLOBALS['threadfields']['scflang']}
{$GLOBALS['threadfields']['scffounded']}
<tr>
<td>Category</td>
<td>:</td>
<td>{$GLOBALS['threadfields']['scfcat']}</td>
</tr>
{$GLOBALS['threadfields']['scfslogan']}
<tr>
<td colspan="3">
<span class="float_left smalltext">
<em>
{$lang->views} {$thread['views']},
{$lang->replies} <a href="javascript:MyBB.whoPosted({$thread['tid']});">{$thread['replies']}</a>{$unapproved_posts}
</em>
</span>
</td>
</tr>
</table>
</td>
<td align="center" valign="middle">
<table width="100%" border="0">
<tr>
<td align="center" valign="middle">
<a href="http://www.alexa.com/siteinfo/{$GLOBALS['threadfields']['scfurl']}"><script type='text/javascript' language='JavaScript' src='http://xslt.alexa.com/site_stats/js/s/a?url={$GLOBALS['threadfields']['scfurl']}'></script></a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<br class="clear" />
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both; border-bottom-width: 0;">
{$classic_header}
</table>
<div id="posts">
{$first_post}{$posts}
</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>« <a href="{$next_oldest_link}">{$lang->next_oldest}</a> | <a href="{$next_newest_link}">{$lang->next_newest}</a> »</strong>
</div>
</td>
</tr>
</table>
<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&tid={$tid}&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: scf_showthread_ratethread
- Template Content:
Kod:
<tr>
<td>Rating</td>
<td>:</td>
<td>
<div class="float_left">
<script type="text/javascript" src="jscripts/rating.js?ver=1400"></script>
<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']}&rating=1&my_post_key={$mybb->post_code}">1</a></li>
<li><a class="two_stars" title="{$lang->two_stars}" href="./ratethread.php?tid={$thread['tid']}&rating=2&my_post_key={$mybb->post_code}">2</a></li>
<li><a class="three_stars" title="{$lang->three_stars}" href="./ratethread.php?tid={$thread['tid']}&rating=3&my_post_key={$mybb->post_code}">3</a></li>
<li><a class="four_stars" title="{$lang->four_stars}" href="./ratethread.php?tid={$thread['tid']}&rating=4&my_post_key={$mybb->post_code}">4</a></li>
<li><a class="five_stars" title="{$lang->five_stars}" href="./ratethread.php?tid={$thread['tid']}&rating=5&my_post_key={$mybb->post_code}">5</a></li>
</ul>
</div>
</div>
</td>
</tr>
- Template Name: scf_forumdisplay_threads_sep
- Template Content:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;">
<tr>
<td class="thead" align="center">
<div><strong>Normal Sites</strong></div>
</td>
</tr>
</table>
<br />
- Template Name: scf_forumdisplay_sticky_sep
- Template Content:
Kod:
<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder" style="clear: both;">
<tr>
<td class="thead" align="center">
<div><strong>Important Sites</strong></div>
</td>
</tr>
</table>
<br />
Screenshots:
1. User create a showcase thread:
2. User view the post:
3. Thread List:
![[Resim: 2eykkrm.jpg]](http://i41.tinypic.com/2eykkrm.jpg)