Light Style© by Fisana

Jump to content

Wolfie's Whine's uses cookies. Read the Privacy Policy for more info. To remove this message, please click the button to the right:    I accept the use of cookies



Quotes (View All Quotes)

  • "I li3k pi3"


    Some Internet Guy
    Added: 11 July 2012 - 10:54 pm

Random Gallery Image



Recent Status Updates

  • Photo
      21 Jan
    gabbie

    Well thts all my towels, flannels , sheets and bed clothes tidied up and put bk nice and neat.

View All Updates


- - - - -

Roster Page

ip.content

A simple roster page that can be altered and adapted to what sort of roster you need.
For each group you intend to have on the rooster you will need a member feed block for each one.

So here is the block code
<table class='ipb_table'>
	{parse replacement="header_start"}
		<h3 class='maintitle'>{$title}</h3>
	{parse replacement="header_end"}

	<tr class='header' align="left">
		<th align="center" scope='col' style='width: 5%'> </th>
		<th align="left"   scope='col' style='width: 15%'>Username</th>
		<th align="center" scope='col' style='width: 15%'>Posts</th>
		<th align="center" scope='col' style='width: 15%'>Country</th>
		<th align="center" scope='col' style='width: 20%'>Contact Info</th>
		<th align="center" scope='col' style='width: 15%'>Joined</th>
		<th align="center" scope='col' style='width: 15%'>Last Active</th>
	</tr>

{parse striping="staff" classes="row1,row2"}
<foreach loop="$records as $r">
	<tr class='{parse striping="staff"}'>
	
<!-- Avatar -->

		<td>
			<a href='{parse url="showuser={$r['member_id']}" seotitle="{$r['members_seo_name']}" template="showuser" base="public"}' title='{$this->lang->words['view_profile']}' class='ipsUserPhotoLink left'>{IPSMember::buildProfilePhoto($r['member_id'], 'small')}</a>
		</td>
		
<!-- Username -->
		
        <td>
			<if test="leadermid:|:$r['member_id'] > 0">
				<a href='{parse url="showuser={$r['member_id']}" seotitle="{$r['members_seo_name']}" template="showuser" base="public"}' title='{$this->lang->words['view_profile']}'>{$r['members_display_name']}</a> {parse template="user_popup" group="global" params="$r['member_id'],$r['members_seo_name']"}
			<else />
				{$r['members_display_name']}
			</if>
        </td>
		
<!-- Post -->
		
		<td>
			<if test="$r['posts']!== ''">
				<p>{$r['posts']}</p>
			</if>
		</td>
		
<!-- Country -->
		
		<td>
			<if test="$r['field_11']!== ''">
				<p>{$r['field_11']}</p>
			</if>
		</td>
		
<!-- Contact Info -->
		
        <td>
        <ul class='controls clear'>
		
	<!-- Steam -->
	
			<if test="$r['field_12'] !== ''">
				<li class='pm_buttom'><a href="http://steamcommunity.com/profiles/{$r['field_12']}" target="_blank" title='View this members Steam account'><img src="http://community.invisionpower.com/filestore/public/style_images/master/social_steam.png" /></a></li>
			</if>
			
	<!-- MSN -->
			
			<if test="$r['field_2'] !== ''">
				<li class='pm_buttom'><a href="msnim:chat?contact={$r['field_2']}" title='Contact this member on MSN'><img src="./public/style_extra/cprofile_icons/profile_msn.gif" /></a></li>
			</if>
			
	<!-- Yahoo! -->
			
			<if test="$r['field_8'] !== ''">
				<li class='pm_buttom'><a href="ymsgr:sendIM?{$r['field_8']}" title='Contact this member on Yahoo!'><img src="./public/style_extra/cprofile_icons/profile_yahoo.gif" /></a></li>
			</if>
			
	<!-- AIM -->
			
			<if test="$r['field_1'] !== ''">
				<li class='pm_buttom'><a href="aim:goim?screenname={$r['field_1']}" title='Contact this member on AIM'><img src="./public/style_extra/cprofile_icons/profile_aim.gif" /></a></li>
			</if>
			
	<!-- Skype -->
			
			<if test="$r['field_10'] !== ''">
				<li class='pm_buttom'><a href="skype:{$r['field_10']}?call" title='Contact this member on Skype'><img src="./public/style_extra/cprofile_icons/profile_skype.gif" /></a></li>
			</if>
			
	<!-- Friend Status -->
			
			<if test="isFriendable:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $r['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">
			<if test="isFriend:|:IPSMember::checkFriendStatus( $r['member_id'] )">
                <li class='mini_friend_toggle is_friend' id='friend_xxx_{r['member_id']}'><a href='{parse url="app=members&amp;module=profile&amp;section=friends&amp;do=remove&amp;member_id={$r['member_id']}&amp;secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}'>{parse replacement="remove_friend"}</a></li>
			<else />
                <li class='mini_friend_toggle is_not_friend' id='friend_xxx_{$r['member_id']}'><a href='{parse url="app=members&amp;module=profile&amp;section=friends&amp;do=add&amp;member_id={$r['member_id']}&amp;secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}'>{parse replacement="add_friend"}</a></li>         
			</if>
			</if>
			
	<!-- Lets PM the user -->
			
			<if test="canPm:|:$this->memberData['g_use_pm'] AND $this->memberData['member_id'] != $r['member_id'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' )">
				<li class='pm_button' id='pm_xxx_{$r['member_id']}'><a href='{parse url="app=members&amp;module=messaging&amp;section=send&amp;do=form&amp;fromMemberID={$r['member_id']}" base="public"}' title='{$this->lang->words['pm_member']}'>{parse replacement="send_msg"}</a></li>
			</if>
        </ul>
        </td>
		
<!-- Member Joined -->
		
		<td>
			<abbr class="published" title="{parse expression="date( 'c', $r['joined'] )"}">{parse date="$r['joined']" format="joined"}</abbr>
		</td>
		
		
<!-- Last Online -->
		
		<td>
			<abbr class="published" title="{parse expression="date( 'c', $r['last_activity'] )"}">{parse date="$r['last_activity']" format="short"}</abbr>
		</td>
	</tr>
</foreach>
</table>
<br />
There is a bit of code that might need altering as was mentioned in the topic I read for this guide

If you haven't noticed, i changed 'user_controls' to 'controls' because i was having issues putting controls on the extra profile fields. I grabbed the 'user_controls' css, renamed it to 'controls' and added it into the page. The colors on my controls are specific to my skin, so you will need to get that stuff from your own skin.


You can see how he got round this on the following bit of code for his page. To be honest the changes are simple and easily altered.

Page Code
{parse block="adminRoster"}
{parse block="modRoster"}
{parse block="leaderRoster"}
{parse block="dragonnestRoster"}
{parse block="rappelzRoster"}
{parse block="torRoster"}
{parse block="vindictususRoster"}
{parse block="vindictuseuRoster"}
{parse block="wowRoster"}

<style type="text/css">
.controls li {
	display: inline;
}
.controls li a{
	height: 24px;
	line-height: 24px;
	font-size: 11px;
	padding: 0 5px;
	background: #ececec url('http://community.invisionpower.com/filestore/public/style_images/master/highlight_strong.png') repeat-x 0 0;
	border: 1px solid #d0d0d0;
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.1), inset rgba(255,255,255,0.7) 0px 1px 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	color: #616161;
	text-shadow: #fff 0px 1px 0px;
	display: inline-block;
	white-space: nowrap;
	cursor: pointer;
}
	.controls li a:hover{
		color: #4c4c4c;
		background-color: #f8f8f8;
	}
</style>
And that is it all together in a guide, this information was collected from IPS topic and all credit goes to those members in the topic


0 Comments



  • 39,562 Total Posts
  • 30 Total Members
  • killerwolfie Newest Member
  • 31 Most Online

  • 0 Total Albums
  • 0 Total Images
  • 0 Total Comments
  • 0 Total Image Views