jquery tweets

by Remixz

HTML

<script src="http://github.com/kerberoS/jQuery-Tweets/raw/master/js/jquery.tweets.0.1.js"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.11/themes/pepper-grinder/jquery-ui.css">
<div id="dialogtwit" title="test">
    <ul id="tweets"> </ul>
    <a href="test" style="text-decoration:none"><br /> <div id="twitbutton"><a href="http://www.twitter.com/twitter"><img src="http://twitter-badges.s3.amazonaws.com/follow_me-a.png" alt="Follow Twitter on Twitter"/></a></div></a>
</div>
<div id="openertw"><img src="http://cdn5.iconfinder.com/data/icons/cc_mono_icon_set/blacks/48x48/twitter_2.png" style="position:fixed;
    top:5px;
    left:5px;" title="Click me for tweets! :-)" />
</div>

CSS

#tweets { 
    background:#EBCAD2;
    border:3px solid #EDDDE1;
    margin:0; 
    padding:0;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
#tweets li {
    border-bottom:1px solid #EDDDE1;
    list-style:none;
    padding:5px;
}

#tweets li:last-child { 
    border:0; 
}
#twitbutton {
    text-align:center;
}
#dialogtwit {
    font-size:14px;
}

JavaScript

$('#tweets').tweets({
    tweets: 4,
    username: "twitter",
});
$("#dialogtwit").dialog({
    autoOpen: false,
    show: "drop",
    hide: "drop",
    width: 500,
 });
$("#openertw").click(function() {
    $("#dialogtwit").dialog("open");
    return false;
});