Skip to content


Subversion checkout URL

You can clone with
Download ZIP
Fetching contributors…
Cannot retrieve contributors at this time
140 lines (132 sloc) 4.34 KB
<!DOCTYPE html>
<meta charset="utf-8">
<meta name="description" content="The jQuery Lifestream plug-in enables you to show a stream of your online activity. On this page you can check out the examples">
<meta name="keywords" content="jQuery, plugin, lifestream, jquery-lifestream, twitter, delicious, github, stackoverflow, flickr, lastfm, youtube">
<title>jQuery Lifestream example</title>
<style type="text/css">
body {
margin: 1.0em;
background-color: #fff;
font-family: Helvetica, Arial, FreeSans, sans-serif;
color: #000000;
h1 { font-size: 3.8em; color: #3908bc; margin-bottom: 3px; }
h1 .small { font-size: 0.4em; }
h1 a { text-decoration: none }
h2 { font-size: 1.5em; color: #3908bc; clear: both;}
h3 { text-align: center; color: #3908bc; }
a { color: #3908bc; }
ul li { list-style-type: none;}
#lifestream {
background: #333;
border-radius: 7px;
color: #d4d4d4;
width: 450px;
#lifestream a {
color: #f6dd97;
text-decoration: none;
#lifestream a:hover {
color: #fff5d8;
text-decoration: underline;
#lifestream ul {
padding: 10px;
#lifestream li {
padding: 5px 3px 5px 25px;
background-repeat: no-repeat;
background-position: left center;
#lifestream li:hover {
color: #e9e9e9;
<link href="css/lifestream.css" rel="stylesheet" type="text/css" />
<a href="">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="" alt="Fork me on GitHub" />
<h1>jQuery Lifestream Example</h1>
<p>Find more information about this plug-in on the <a href="">project page</a>.</p>
<p>Go ahead and <a href="">create your own lifestream</a>.</p>
<h2>Lifestream - formatted with CSS</h2>
<div id="lifestream">&nbsp;</div>
<script src=""></script>
<script>!window.jQuery && document.write('<script src=""><\/script>');</script>
<script src="jquery.lifestream.js" type="text/javascript" charset="utf-8"></script>
"limit": 100,
"service": "delicious",
"user": "denbuzze"
// The value for user must be the RSS url of a DA gallery:
// Go to the gallery page, find the RSS feed icon, copy its link address and
// past here
service: 'deviantart',
user: ''
"service": "dribbble",
"user": "flarup"
// find your flickr id @
"service": "flickr",
"user": "60378309@N02"
// Run javascript:alert(_USER_ID); when you're logged in at google reader
"service": "googlereader",
"user": "16243859758547797209"
"service": "github",
"user": "christianv"
"service": "lastfm",
"user": "denbuzze"
"service": "reddit",
"user": "simongee"
// Run javascript:alert(userid); when you're logged in at stackoverflow
"service": "stackoverflow",
"user": "117193"
"service": "tumblr",
"user": "hiromitz"
"service": "twitter",
"user": "denbuzze"
"service": "youtube",
"user": "denbuzze"
var _gaq=[["_setAccount","UA-190225-11"],["_trackPageview"],["_trackPageLoadTime"]];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.async=1;
Jump to Line
Something went wrong with that request. Please try again.