Difference between revisions of "group-examples"

From Microformats Wiki
group-examples
Jump to navigation Jump to search
m
(added real world examples)
Line 4: Line 4:
 
== Real World Examples ==
 
== Real World Examples ==
  
 +
=== Flickr Groups ===
 +
 +
The following example is a member of [http://flickr.com/groups/microformats/ 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.
 +
 +
<pre><nowiki>
 +
<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>
 +
</nowiki></pre>
 +
 +
=== YouTube Groups ===
 +
 +
The following example is for a member of a [http://www.youtube.com/group/mentosgeysercontest|YouTube group]. Again, the actual member list is on a different URI - http://www.youtube.com/groups_members?name=mentosgeysercontest .
 +
 +
<pre><nowiki>
 +
<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 -->
 +
</nowiki></pre>
 +
 +
=== 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.
 +
 +
<pre><nowiki>
 +
<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>
 +
</nowiki></pre>
 +
 +
''Note since this is a closed network I "x'ed" out identifying info from the above.'' --[[User:Jim Dalton|Jim Dalton]] 11:49, 11 Aug 2006 (PDT)
 +
 +
=== Others ===
 
* [http://microformats.org/about/people/ microformats | People] - Contributers to a project should be marked up.
 
* [http://microformats.org/about/people/ microformats | People] - Contributers to a project should be marked up.
 
* [http://ma.gnolia.com/groups/microformats Ma.gnolia Groups]
 
* [http://ma.gnolia.com/groups/microformats Ma.gnolia Groups]
* [http://flickr.com/groups/microformats/ Flickr Groups]
 
 
* [http://forum.textdrive.com/userlist.php Forum Userlists]
 
* [http://forum.textdrive.com/userlist.php Forum Userlists]
 
* [http://groups.myspace.com/index.cfm?fuseaction=groups.categories Myspace Groups]
 
* [http://groups.myspace.com/index.cfm?fuseaction=groups.categories Myspace Groups]
 +
 +
  
 
== See also ==
 
== See also ==
 
* [[group-brainstorming]]
 
* [[group-brainstorming]]

Revision as of 18:49, 11 August 2006

Introduction

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

Real World Examples

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


See also