User Legend

[SkyBear]

On my RP site we have a User Legend in the Info Center that shows the various colors for the different member groups that we have. Would this be possible to do in V5?

I figured this was the place to ask but if it's in the wrong place then staff can feel free to move the thread to the right place

[pawl]

Very easily done using the new template system. =]
Admin Panel -> Themes -> Layout Templates -> Home

The info center starts are roughly line 27. From here you can add & format text however you'd like.

Here's a rough example that took me literally about three minutes - click =]

[aRMY83]

Nov 22, 2012 8:12:12 GMT -8 pawl said:

Very easily done using the new template system. =]
Admin Panel -> Themes -> Layout Templates -> Home

The info center starts are roughly line 27. From here you can add & format text however you'd like.

Here's a rough example that took me literally about three minutes - click =]

Hello Paul...

Could you give an example what your layout template looks like or an exampe how to add those legends?

That's one area I can't figure out at all.

Thanks...

[pawl]

Okay, here's the code I used. I'll let you work out what I've done - it's actually quite simple, and as you work it out you'll get a better idea of how to do it yourself. While looking at your own though, the 'members online' td originally had a colspan="2" (I think), which you'll need to look out for and remove. =]

{if $[show_stats]}
<div class="container stats">
<div class="title-bar"><h2>Forum Information & Statistics</h2></div>
<div class="content">
<table>
<tbody>
<tr>
<td>
<table>
<tr>
<td class="icon">$[image.stats]</td>
<td class="info">
<table>
<tbody>
<tr><th>Threads and Posts</th></tr>
<tr><td>Total Threads: $[total_threads]      Total Posts: $[total_posts]</td></tr>
{if $[last_updated_thread]}<tr><td>Last Updated: $[last_updated_thread.recent_link] by $[last_updated_thread.last_post.created_by_user] ($[last_updated_thread.last_post.date])</td></tr>{/if}
<tr><td>$[recent_threads_link] - $[recent_posts_link] - $[rss_feed_link]{if $[mark_boards_read_link]} - $[mark_boards_read_link]{/if}</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="icon">$[image.members]</td>
<td class="info">
<table>
<tbody>
<tr><th>Members</th></tr>
<tr><td>Total Members: $[total_members]</td></tr>
<tr><td>Newest Member: $[newest_user]</td></tr>
<tr><td>Most Users Online: $[most_users_online] <span class="small">($[most_users_online_date])</span></td></tr>
<tr><td>$[birthdays_today_link]</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr class="last">
<td>
<table>
<tr>
<td class="icon">$[image.online]</td>
<td class="info">
<table>
<tbody>
<tr><th>Users Online</th></tr>
<tr><td>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, $[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}.</td></tr>
<tr><td>
{foreach $[online_user]}
$[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
{/foreach}
{if $[total_online_not_shown]}
, and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
{/if}
</td></tr>
<tr><td>$[view_todays_active_members_link]</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>
<td>
<table>
<tr>
<td class="icon">$[image.members]</td>
<td class="last">
<table>
<tbody>
<tr><th>User Legend</th></tr>
<tr><td><strong><font color="red">Administrators</font></strong></td></tr>
<tr><td><strong><font color="orange">Global Moderators</font></strong></td></tr>
<tr><td><strong><font color="purple">Moderators</font></strong></td></tr>
<tr><td>Members</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>

</tr>
</tbody>
</table>
</div>
</div>
{/if}

[aRMY83]

Thanks Paul and got it.

[SkyBear]

That's perfect Paul, thank you

[pawl]

No worries. I'm sure you can work out from there what you might want to edit. =]

[aRMY83]

Hello Paul...

Well I must admit, that I tried 6 times to implement your example, and got lost along the way:

<p>       <td class="icon">$[image.online]</td>
         <td class="info last">
          <table>
           <tbody>
            <tr><th>Users Online</th></tr>
            <tr><td>$[total_staff_online] Staff, $[total_members_online] Member{if $[total_members_online] != 1}s{/if}, $[total_guests_online] Guest{if $[total_guests_online] != 1}s{/if}.</td></tr>
            <tr><td>
             {foreach $[online_user]}
              $[online_user]{if $[online_user.invisible]} <span class="small">(invisible)</span>{/if}$[online_user.comma]
             {/foreach}
             {if $[total_online_not_shown]}
              , and <a class="$[view_active_members_link.class]" href="$[view_active_members_link.href]">$[total_online_not_shown] more...</a>
             {/if}
            </td></tr>
            <tr><td>$[view_todays_active_members_link]</td></tr>
           </tbody>
          </table>
         </td>                                   
                                 <td>
                           <table>
                        <tr>
                    <td class="icon">$[image.members]</td>
                  <td class="last">
            <table>
 <tbody>
 <tr><th>User Legend</th></tr>
 <tr><td><strong><font color="00ff00">Administrators</font></strong></td></tr>
 <tr><td><strong><font color="688571">Global Moderators</font></strong></td></tr>
 <tr><td><strong><font color="457371">Moderators</font></strong></td></tr>
 <tr><td>Members</td></tr>
 </tbody>
 </table>
 </td>
 </tr>
 </table>
 </td></p><p> </tr>
 </tbody>
 </table>
 </div>
 </div>
{/if} </p>

 

[pawl]

Any chance of a link to the forum, too? Just skimming the forums right now, but in an hour or two I'll be able to have a proper look and see what's gone wrong. =]

[aRMY83]

Sure Paul...

army83.freemessageboards.com/

Right now the legend part of the code is not there and copy > pasted the original that I saved.

[pawl]

I'm assuming that your info centre (in the Home template) is currently default. The code that I posted above for what I used started at line 25, which should for you be the {if $[show_stats]} line, and ended at the very bottom of the template.

From what I remember, the changes made were;

Line 69; <td colspan="2"> to <td> (this stops the 'members online' box taking up both cell spaces in the second row)
Line 73; <td class="info last"> to <td class="info"> (the 'last' is for right hand borders, and should be on the last table cell in a row - it's added into my code already for you)

Then between lines 92 and 93 (default template) I added the last <td> for my own box. The code for that was;
<td>
<table>
<tr>
<td class="icon">$[image.members]</td>
<td class="last">
<table>
<tbody>
<tr><th>User Legend</th></tr>
<tr><td><strong><font color="red">Administrators</font></strong></td></tr>
<tr><td><strong><font color="orange">Global Moderators</font></strong></td></tr>
<tr><td><strong><font color="purple">Moderators</font></strong></td></tr>
<tr><td>Members</td></tr>
</tbody>
</table>
</td>
</tr>
</table>
</td>

All those little changes should add up to the full code I posted yesterday. Now that I've explained it a little better, give it another go. If you're not quite sure though, simple delete everything below line 24 in your default template (the first line you delete should be {if $[show_stats]}) and add the entire code I posted yesterday, and you should get the same result as my example. From there you can edit the contents of the cell. To make that a little easier, the box title is coloured blue in my code above (the bolder text), and the content lines below that are in orange.


Hope that helps mate, let me know how you get on. =]

[aRMY83]

Got it this time.

Again Paul, thanks millions!

[pawl]

No worries mate, glad I could help. =]