View previous topic :: View next topic
Author
Message
Please Register and Login to this forum to stop seeing this advertsing. Add Karma
Posted: Post subject:
Back to top
symon Site Admin Location: Joined: 13 Mar 2006 Posts: 866 Location: Hampshire Add Karma
Posted: Fri Jul 20, 2007 7:06 pm Post subject: Advanced Memberlist Points Portal
You must have followed the instructions here
http://howtodoit.myfreeforum.org/...component=content&topicid=678
Before you can attempt to do this guide.
Ok This guide will explain how to customise your new portal to suit your needs better than the basic one.
It will explain
1. More entries for different scores/points
2. Editing The Portal
3. Setting up a mini and full size portal
1. Adding More Entries.
A. Go to your forum's Administration Panel ----- 2. General --- Profile Fields
Now add a new profile field as stated in number 7. in the basic guide
Once done you need to
B. Goto admin panel --- 3. Styles --- Edit Templates/Logos -- the template you wish to edit (EG myff_howtodoit1)--- Submit
Now look at the bottom in the area marked Choose Portal template File to Edit use the drop down bar and find[/b]
cms_MEMBERLIST.tpl
You should now see the code like below
Code:
<tr>
<th height="25" class="thCornerL" nowrap="nowrap">#</th>
<th class="thTop" nowrap="nowrap"> </th>
<th class="thTop" nowrap="nowrap">{L_USERNAME}</th>
<th class="thTop" nowrap="nowrap">{L_EMAIL}</th>
<th class="thTop" nowrap="nowrap"> Gold</th>
<th class="thTop" nowrap="nowrap">{L_JOINED}</th>
<th class="thTop" nowrap="nowrap">{L_POSTS}</th>
<th class="thCornerR" nowrap="nowrap">{L_WEBSITE}</th>
</tr>
These lines control the title of your entry so if your new profile field was called gold you would copy one line
Code:
<th class="thCornerR" nowrap="nowrap">{L_EMAIL}</th>
And change the entry to GOLD like below
Code: <th height="25" class="thCornerL" nowrap="nowrap">#</th>
<th class="thTop" nowrap="nowrap"> </th>
<th class="thTop" nowrap="nowrap">{L_USERNAME}</th>
<th class="thTop" nowrap="nowrap">{L_EMAIL}</th>
<th class="thTop" nowrap="nowrap">AssieJacks</th>
<th class="thTop" nowrap="nowrap">Gold</th>
<th class="thTop" nowrap="nowrap">{L_JOINED}</th>
<th class="thTop" nowrap="nowrap">{L_POSTS}</th>
<th class="thCornerR" nowrap="nowrap">{L_WEBSITE}</th>
</tr>
C. Now look for a code like this in the same place
Code: <td class="{memberlist.ROW_CLASS}" align="center"><span class="gen"> {memberlist.ROW_NUMBER} </span></td>
<td class="{memberlist.ROW_CLASS}" align="center"> {memberlist.PM_IMG} </td>
<td class="{memberlist.ROW_CLASS}" align="center"><span class="gen"><a href="{memberlist.U_VIEWPROFILE}" class="gen">{memberlist.USERNAME}</a></span></td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"> {memberlist.EMAIL_IMG} </td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist.POINTS}</span></td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist.GOLD}</span></td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberlist.JOINED}</span></td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist.POSTS}</span></td>
<td class="{memberlist.ROW_CLASS}" align="center"> {memberlist.WWW_IMG} </td>
</tr>
These lines control the Data to enter so if your new profile field was called gold you would copy one line [/b]
Code: <td class="{memberlist.ROW_CLASS}" align="center" valign="middle"> {memberlist.EMAIL_IMG} </td>
And change the entry to GOLD like below
Code: <td class="{memberlist.ROW_CLASS}" align="center" valign="middle"> {memberlist.GOLD} </td>
The most important bit to remember is that you must place bot of the entry's in the correct place.
For example if you place
Code: <th class="thTop" nowrap="nowrap">Gold</th>
After
Code: <th class="thTop" nowrap="nowrap">{L_EMAIL}</th>
Then you must place
Code: <td class="{memberlist2.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist2.GOLD}</span></td>
After
Code: <td class="{memberlist.ROW_CLASS}" align="center" valign="middle"> {memberlist.EMAIL_IMG} </td>
You need to do this for each new points you want to enter. _________________ Join me on FaceBook = symon field Last edited by symon on Sat Sep 29, 2007 8:11 pm; edited 2 times in total
Back to top
symon Site Admin Location: Joined: 13 Mar 2006 Posts: 866 Location: Hampshire Add Karma
Posted: Fri Jul 20, 2007 7:46 pm Post subject:
2. Editing The Portal
The code in cms_memberlist.tpl is as follows
Code: <form method="post" action="{S_MEMBERLIST1_MODE_ACTION}">
<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
<tr>
<td align="right" nowrap="nowrap"><span class="genmed">{S_MEMBERLIST1_HIDDEN}{L_SELECT_SORT_METHOD}: {S_MEMBERLIST2_MODE_SELECT} {L_ORDER} {S_MEMBERLIST2_ORDER_SELECT}
<input type="submit" name="submit" value="{L_SUBMIT}" class="liteoption" />
</span></td>
</tr>
</table>
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<th height="25" class="thCornerL" nowrap="nowrap">#</th>
<th class="thTop" nowrap="nowrap"> </th>
<th class="thTop" nowrap="nowrap">{L_USERNAME}</th>
<th class="thTop" nowrap="nowrap">{L_EMAIL}</th>
<th class="thTop" nowrap="nowrap">AssieJacks</th>
<th class="thTop" nowrap="nowrap">Gold</th>
<th class="thTop" nowrap="nowrap">{L_JOINED}</th>
<th class="thTop" nowrap="nowrap">{L_POSTS}</th>
<th class="thCornerR" nowrap="nowrap">{L_WEBSITE}</th>
</tr>
<!-- BEGIN memberlist1 -->
<tr>
<td class="{memberlist1.ROW_CLASS}" align="center"><span class="gen"> {memberlist1.ROW_NUMBER} </span></td>
<td class="{memberlist1.ROW_CLASS}" align="center"> {memberlist1.PM_IMG} </td>
<td class="{memberlist1.ROW_CLASS}" align="center"><span class="gen"><a href="{memberlist2.U_VIEWPROFILE}" class="gen">{memberlist1.USERNAME}</a></span></td>
<td class="{memberlist1.ROW_CLASS}" align="center" valign="middle"> {memberlist1.EMAIL_IMG} </td>
<td class="{memberlist1.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist1.POINTS}</span></td>
<td class="{memberlist1.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist2.GOLD}</span></td>
<td class="{memberlist1.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberlist1.JOINED}</span></td>
<td class="{memberlist1.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist1.POSTS}</span></td>
<td class="{memberlist1.ROW_CLASS}" align="center"> {memberlist1.WWW_IMG} </td>
</tr>
<!-- END memberlist1 -->
<tr>
<td class="catBottom" colspan="8" height="28"> </td>
</tr>
</table>
<table width="100%" cellspacing="2" border="0" align="center" cellpadding="2">
<tr>
<td align="right" valign="top"></td>
</tr>
</table>
</form>
So lets break it down to help you better understand which bits too remove.
The code below controls the select options
Code: <table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
<tr>
<td align="right" nowrap="nowrap"><span class="genmed">{S_MEMBERLIST1_HIDDEN}{L_SELECT_SORT_METHOD}: {S_MEMBERLIST2_MODE_SELECT} {L_ORDER} {S_MEMBERLIST2_ORDER_SELECT}
<input type="submit" name="submit" value="{L_SUBMIT}" class="liteoption" />
</span></td>
</tr>
</table>
This part of the code controls the titles.
Code: <tr>
<th height="25" class="thCornerL" nowrap="nowrap">#</th>
<th class="thTop" nowrap="nowrap"> </th>
<th class="thTop" nowrap="nowrap">{L_USERNAME}</th>
<th class="thTop" nowrap="nowrap">{L_EMAIL}</th>
<th class="thTop" nowrap="nowrap">AssieJacks</th>
<th class="thTop" nowrap="nowrap">Gold</th>
<th class="thTop" nowrap="nowrap">{L_JOINED}</th>
<th class="thTop" nowrap="nowrap">{L_POSTS}</th>
<th class="thCornerR" nowrap="nowrap">{L_WEBSITE}</th>
</tr>
This part controls the data
Code: <!-- BEGIN memberlist -->
<tr>
<td class="{memberlist.ROW_CLASS}" align="center"><span class="gen"> {memberlist.ROW_NUMBER} </span></td>
<td class="{memberlist.ROW_CLASS}" align="center"> {memberlist.PM_IMG} </td>
<td class="{memberlist.ROW_CLASS}" align="center"><span class="gen"><a href="{memberlist.U_VIEWPROFILE}" class="gen">{memberlist.USERNAME}</a></span></td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"> {memberlist.EMAIL_IMG} </td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist.POINTS}</span></td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"><span class="gensmall">{memberlist.JOINED}</span></td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist.POSTS}</span></td>
<td class="{memberlist.ROW_CLASS}" align="center"> {memberlist.WWW_IMG} </td>
</tr>
<!-- END memberlist -->
And finally this part of the code controls the number of pages and the time Statement.
Code: <table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td><span class="nav">{MEMBER_LIST_PAGE_NUMBER}</span></td>
<td align="right"><span class="gensmall">{S_TIMEZONE}</span><br /><span class="nav">{MEMBERLIST_PAGINATION}</span></td>
</tr>
</table>
So with the information above you should now be able to customise it to suit your needs.
If you want to add the extra table link like i have on here then a simple line like below would do it, just cahnge the url
Code: <center><a href="http://howtodoit.myfreeforum.org/points.html">Full Table</a></center>
Back to top
symon Site Admin Location: Joined: 13 Mar 2006 Posts: 866 Location: Hampshire Add Karma
Posted: Fri Jul 20, 2007 9:21 pm Post subject:
3. Setting Up A Mini And Full Table
I,m including this guide to show just what can be done like I have on this site.
A. Ok goto Your admin panel --- 3. Styles --- Portal Settings
You will now see a screen that looks like this
Find and click on memberlist
You should see a screen like this
Now change the name from MEMBERLIST to MEMBERLIST2 now click on Create New Portal
Now goto admin panel --- 3. Styles --- Edit Templates/Logos -- the template you wish to edit (EG myff_howtodoit1)--- Submit
Now look at the bottom in the area marked Choose Portal template File to Edit use the drop down bar and find[/b]
cms_memberlist2.tpl
Make sure you have the full code as displayed above in there.
Now open up cms_memberlist.tpl
Now edit the code to take out the bits you do not need for example here is what i have in my cms_memberlist.tpl
Code: <form method="post" action="{S_MEMBERLIST_MODE_ACTION}">
<table width="100%" cellpadding="3" cellspacing="1" border="0" class="forumline">
<tr>
<th height="25" class="thCornerL" nowrap="nowrap">Number</th>
<th class="thTop" nowrap="nowrap">{L_USERNAME}</th>
<th class="thTop" nowrap="nowrap">AssieJacks</th>
</tr>
<!-- BEGIN memberlist -->
<tr>
<td class="{memberlist.ROW_CLASS}" align="center"><span class="gen"> {memberlist.ROW_NUMBER} </span></td>
<td class="{memberlist.ROW_CLASS}" align="center"><span class="gen"><a href="{memberlist.U_VIEWPROFILE}" class="gen">{memberlist.USERNAME}</a></span></td>
<td class="{memberlist.ROW_CLASS}" align="center" valign="middle"><span class="gen">{memberlist.POINTS}</span></td>
</tr>
<!-- END memberlist -->
<tr>
<td class="catBottom" colspan="8" height="28"> </td>
</tr>
</table>
<table width="100%" cellspacing="2" border="0" align="center" cellpadding="2">
<tr>
<td align="right" valign="top"></td>
</tr>
</table></form>
<center><a href="http://howtodoit.myfreeforum.org/points.html">Full Table</a></center>
You can see by that code i have only the number , user name and 1 set of points on there.
Now you have 2 options
1. link to your portal you have already done via a component link like
http://howtodoit.myfreeforum.org/index.php?component=memberlist2
2. Place {MYFF.MEMBERLIST2} into a webpage and link to it with a link like
http://howtodoit.myfreeforum.org/points.html
To place in a webpage is very simple
1. Goto admin panel -- 6. Web Pages -- Edit Web Pages
Now click on Web Page in the top left hand corner
Enter the details if you are not sure what to put then please read
http://howtodoit.myfreeforum.org/...component=content&topicid=651
Now click on source
And enter
Save Page
And that Is HOWTODOIT
Back to top