<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>les choses que j'ecote</title> <!-- Change the title -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script type="text/javascript" src="http://f.cl.ly/items/132O430B3t0F2i1Q0y1Q/lastfm.jquery.js"></script> <script type="text/javascript">
$(document).ready(function() { $('#lastBox').lastplayed({ apikey: 'dd893d40f6b5da333101ce78931a7071', /* add your own apikey, get it from here www.lastfm.com/api/account */ username: 'modestasamouse', /* change it for your last.fm username */ limit: 6, /* Number of tracks to load */ refresh: 10, /* number of seconds to check for new tracks */ datetime: false }); $('#nowPlayingBox').nowplaying({ apikey: 'dd893d40f6b5da333101ce78931a7071', /* add your own apikey, get it from here www.lastfm.com/api/account */ username: 'modestasamouse', /* change it for your last.fm username */ refresh: 10, /* number of seconds to check for new tracks */ icon: 'http://cdn.last.fm/flatness/global/icon_eq.gif', notplayingtext: 'nothing playing right now' /* text that is shown when nothing is played */ }); });
</script> <style type="text/css"> /* Last.FM jQuery Plugin by scripts.madewithco.de CSS by invierno.tumblr.com */
body{ background-image: url(); /* paste your background image url between the Brackets, if you don't want one leave it like this */ background-attachment: fixed; background-repeat: repeat; background-color: #f1f1f1; /* you can change your background colour here */ }
#content{ margin: 50px auto auto auto; width: 500px; /* this is the size of the box */ border: 0px solid #BBB; /* add border if you want */ padding: 10px; border-radius: 6px; /* this is for the round corners, if you don't want them set this to 0 */ background-color:#fff; /* change the background colour of the box here */ }
- lastfm {
margin:5px; font-family: "Futura", Lucida, Verdana, sans-serif; /* you can change the font here */ font-weight: normal; color: #777; /* you can change the colour of the text here */ font-size: 11px; }
- lastfm ul {
list-style: none; margin: 0px; padding: 0px; }
- lastfm ul li {
clear: both; padding: 5px; position: relative; overflow: hidden; min-height: 75px; }
- lastfm ul li img {
float: left; margin: 0px 5px 5px 0px; border: 0px solid #333; border-radius: 6px; }
- lastfm ul li:nth-child(even) {
color:#777; background: #fff; }
- lastfm ul li.nowplaying {
background: #fff; }
- lastfm ul li .track {
margin: 0px; font-size: 11px; font-weight: normal; color: 666; margin-bottom: 5px; }
- lastfm ul li .artist {
margin: 0px; color: #777; font-size: 11px; }
- lastfm ul li .album {
margin: 0px; color: #888; font-size: 11px; }
#nowPlayingBox { margin: 0px 5px 5px 0px; padding: 5px; font-family: "Futura", Lucida, Verdana, sans-serif; /* you can change the font here */ font-weight: normal; color: #666; font-size: 11px; }
#nowPlayingBox .icon { margin-right: 5px; }
a { font-size: 9px; color: #888; text-decoration: none; }
a:hover { text-decoration: none; color: #666; }
h2 { font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 16px; font-family: "Futura", Arial, Helvetica, Geneva, sans-serif; /* you can change the font here */ letter-spacing: .2em; /* set this to 0 if you don't want letter spacing */ margin: 0 0 10px 0; padding-top: 2px; }
#footer{ text-align: center; }
</style> </head> <body> <div id="content"> <h2>Now Playing</h2> <div id="nowPlayingBox"></div><br> <h2>Recent Tracks</h2> <div id="lastBox" class="lastfm"></div> <div id="footer"> <a href="http://www.last.fm/user/modestasamouse" target="_blank"><img src="http://f.cl.ly/items/0j3J3E1x0R1i2u3d3T0P/lastfm_16.png" border="0"><br> last.fm account</a></div> </div> </body> </html>
jun 21 2011 +