group-examples: Difference between revisions

From Microformats Wiki
Jump to navigation Jump to search
mNo edit summary
(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