group-examples

trocri

Introduction

This page is to collect examples of groups and how members of groups / group memberships are organized and marked up.

Real World Examples

Ma.gnolia Groups

<ol>
<li class="first two column group">
<h3><a title="Visit DiSo Project on Ma.gnolia" href="http://ma.gnolia.com/groups/diso"><img src="http://ma.gnolia.com/avatars/12747_32.gif" class="profile" alt="12747_32"/></a> <a title="Visit DiSo Project on Ma.gnolia" href="http://ma.gnolia.com/groups/diso">DiSo Project</a></h3>

<p class="description">
<a title="View DiSo Project's Bookmarks" href="http://ma.gnolia.com/groups/diso/bookmarks">116 Bookmarks</a>, <a title="View DiSo Project's Members" href="http://ma.gnolia.com/groups/diso/people">30 Members</a>
</p>

<p class="description">A social network with its skin inside out.</p>

</li>
</ol>

Flickr Groups

The following example is a member of Flickr Groups. Note that the code below is _not_ from the main group but on a members page at http://www.flickr.com/groups_members.gne?id=41758902@N00.

<p class="MembersList">
	<a href="/photos/luxuryluke/">
		<img src="http://static.flickr.com/3/buddyicons/75654019@N00.jpg?1155219928" alt="view profile" width="48" height="48"><br />
		luxuryluke
	</a>
</p>

YouTube Groups

The following example is for a member of a group. Again, the actual member list is on a different URI - http://www.youtube.com/groups_members?name=mentosgeysercontest .

<div class="v120vEntry">
	<div class="vstill">
		<a href="/user/spoiledmilk"><img src="http://sjl-static2.sjl.youtube.com/vi/3TYkzmGX9E8/2.jpg" class="vimg"></a>
	</div>
	<div class="vtitle">
		<a href="/profile?user=spoiledmilk">spoiledmilk</a>
	</div>
	<div class="vfacets">
		<span class="grayText">Joined:</span> August 02, 2006<br>
		<span class="grayText">Videos:</span> <a href="/profile_videos?user=spoiledmilk">21</a> 
	</div>
</div> <!-- end vEntry -->

LinkedIn Connections

A different take...these are "members" of someone's profile (i.e. their connections) on LinkedIn. This is from the "connections" link on a person's profile.

<td width="33%">
	<span name="connection">
		<a href="/profile?viewProfile=&key=725541&goback=%2Econ_1%2Evpf_44779_0_*1_*1_*2_Gerry_XXXXXX%2C+SPHR%2Ebcc_44779_1" >Eric XXXXXX</a>
	</span><br>
	<span name="headline" class="headline">Sr. Corporate Recruiter - XXXXXX Pharmaceuticals</span>
</td>

Note since this is a closed network I "x'ed" out identifying info from the above. --Jim Dalton 11:49, 11 Aug 2006 (PDT)

Others

• microformats | People - Contributers to a project should be marked up.
• Ma.gnolia Groups
• Forum Userlists
• Myspace Groups

See also

• group
• group-formats
• group-brainstorming