Thread Rating:

Shemo · 11-21-2011 04:36 PM

(11-21-2011 04:02 AM)RateU Wrote: You can use div float right and div float left for that, replacing this code from the pf_forumdisplay_threadlist template:

Code:

{$threads}{$nullthreads}

and remove the description on the right from your pf_forumdisplay_thread template.

Here is an example for that:
pf_forumdisplay_threadlist:

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}{$post_code_string}">{$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>
	{$selectall}
</table>
<br class="clear" />
<div class="float_right" style="width: 20%;">
	<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
		<tr>
			<td class="thead">
				<div align="center">
					<strong>Category</strong>
				</div>
			</td>
		</tr>
		<tr>
			<td class="trow1 {$filters_set['__all']['nullactive']}">
				<strong><a href="{$forumurl}">All</a>
			</td>
		</tr>
		<tr>
			<td class="trow1 {$filters_set['pfcat']['active']['Software']}">
				<strong><a href="{$forumurl_q}filtertf_pfcat=Software">Software</a>
			</td>
		</tr>
		<tr>
			<td class="trow1 {$filters_set['pfcat']['active']['Hardware']}">
				<strong><a href="{$forumurl_q}filtertf_pfcat=Hardware">Hardware</a>
			</td>
		</tr>
		<tr>
			<td class="trow1 {$filters_set['pfcat']['active']['Other']}">
				<strong><a href="{$forumurl_q}filtertf_pfcat=Other">Other</a>
			</td>
		</tr>
	</table>
</div>
<div class="float_left" style="width: 78%;">
	{$threads}{$nullthreads}
</div>
<br class="clear" /><br />
<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/shwothread.php?tid=288">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}

pf_forumdisplay_thread:

HTML Code

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
	<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">
				<img src="{$GLOBALS['threadfields']['pfpic']['thumbs']['320x240']['url']}" alt="{$thread['subject']} Screenshot" title="{$thread['subject']} Screenshot" width="{$GLOBALS['threadfields']['pfpic']['thumbs']['320x240']['w']}" height="{$GLOBALS['threadfields']['pfpic']['thumbs']['320x240']['h']}" />
			</div>
		</td>
		<td class="{$bgcolor}" width="100%">
			<table border="0" width="100%">
				<tr>
					<td valign="top" width="120">Product Name</td>
					<td width="1" valign="top">:</td>
					<td valign="top">{$GLOBALS['threadfields']['pfname']}</td>
				</tr>
				<tr>
					<td valign="top">Developer</td>
					<td width="1" valign="top">:</td>
					<td valign="top"><a href="{$GLOBALS['threadfields']['pfdevurl']}">{$GLOBALS['threadfields']['pfdev']}</a></td>
				</tr>
				<tr>
					<td valign="top">Version</td>
					<td width="1" valign="top">:</td>
					<td valign="top">{$GLOBALS['threadfields']['pfversion']}</td>
				</tr>
				<tr>
					<td valign="top">Release (Year)</td>
					<td width="1" valign="top">:</td>
					<td valign="top">{$GLOBALS['threadfields']['pfrelease']}</td>
				</tr>
				<tr>
					<td valign="top">Category</td>
					<td width="1" valign="top">:</td>
					<td valign="top">{$GLOBALS['threadfields']['pfcat']}</td>
				</tr>
				{$rating}
				<tr>
					<td valign="top">{$lang->author}</td>
					<td width="1" valign="top">:</td>
					<td valign="top">{$thread['profilelink']}</td>
				</tr>
				<tr>
					<td valign="top">{$lang->views}</td>
					<td width="1" valign="top">:</td>
					<td valign="top">{$thread['views']}</td>
				</tr>
				<tr>
					<td valign="top">{$lang->replies}</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>
<br />

Create .filtertf_active css class if you don't have it yet.

wow, that looks great, rateu! thanks a bunch for that!!!

what does the new css class do?

***RateU*** · 11-22-2011 06:33 AM

(11-21-2011 04:36 PM)Shemo Wrote: what does the new css class do?

It acts like an active/selected class, depends on which filter being active. So, when our users select a category, they know which category being active. You can look at the screenshots of the Trading Forum example application, or this Links Directory: http://xtest.byethost7.com/forumdisplay.php?fid=9 (when you select a category, the category row will be "active").

RocketFoot · 11-24-2011 03:04 AM

(Refer to the Category step) How do I enter the Formatting Map List variables into the new XThreads field? I'm not familiar with how it should be entered...

***RateU*** · 11-24-2011 04:33 AM

For example:

Code:

Software{|}<a href="{$forumurl?}filtertf_pfcat=Software"><span style="color: green;">Software</span></a>
Hardware{|}<a href="{$forumurl?}filtertf_pfcat=Hardware"><span style="color: blue;">Hardware</span></a>
Other{|}<a href="{$forumurl?}filtertf_pfcat=Other"><span style="color: red;">Other</span></a>

It means that:

Value: Software
Displayed Output:
Code:
<a href="{$forumurl?}filtertf_pfcat=Software">Software</a>
Value: Hardware
Displayed Output:
Code:
<a href="{$forumurl?}filtertf_pfcat=Hardware">Hardware</a>
Value: Other
Displayed Output:
Code:
<a href="{$forumurl?}filtertf_pfcat=Other">Other</a>

RocketFoot · 11-24-2011 04:39 AM

I must be doing something wrong...I did this:

Code:

Parts{|}<a href="{$forumurl?}filtertf_pfcat=Parts"><span style="color: green;">Parts</span></a>
Accessories{|}<a href="{$forumurl?}filtertf_pfcat=Accessories"><span style="color: blue;">Accessories</span></a>
Restoration Related{|}<a href="{$forumurl?}filtertf_pfcat=Restoration Related"><span style="color: red;">Restoration Related</span></a>

But the categories don't show on the forum List:
http://www.7173mustangs.com/forum-product-reviews

***RateU*** · 11-24-2011 05:01 AM

What is the display format and value lists of your pfcat custom thread fields?

RocketFoot · 11-24-2011 05:02 AM

Ah, display format it is blank!

Value list:
Parts
Accessories
Restoration Related

***RateU*** · 11-24-2011 05:04 AM

Do you mean the display format? If so, put

Code:

{VALUE}

inside it.

RocketFoot · 11-24-2011 05:08 AM

(11-24-2011 05:04 AM)RateU Wrote: Do you mean the display format? If so, put
Code:
{VALUE}
inside it.

Got it! I converted this cutom thread from my old review forum, so I think it got messed there.

One other question, is there anyway to add a category filter so members can choose a category from a menu to peruse?

***RateU*** · 11-24-2011 05:17 AM

Basically, the links for each menu is something like this:

Code:

<a href="{$forumurl_q}filtertf_key=Value">Text to be displayed (usually, it is the same as Value)</a>

So, for your example above, your filter links are:

Code:

<a href="{$forumurl_q}filtertf_pfcat=Parts">Parts</a>

Code:

<a href="{$forumurl_q}filtertf_pfcat=Accessories">Accessories</a>

Code:

<a href="{$forumurl_q}filtertf_pfcat=Restoration Related">Restoration Related</a>

You can put those links at your chosen location on the pf_forumdisplay_threadlist template. You can wrap it inside a table or div.

If you want an active class for that menu, you can use $filters_set array for that.

Threaded Mode \| Linear Mode Standard Tools
Forum Jump: View a Printable Version Send this Thread to a Friend Subscribe to this thread