Team:Northwestern/Templates/twitter

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<div style="float:right; text-align:center;">
+
 
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
<div style="float:right; text-align:center;" id="twitter_div"><ul id="twitter_update_list"></ul>
-
<script>
+
<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
-
new TWTR.Widget({
+
<script src="http://twitter.com/statuses/user_timeline/iGEM_NU.json?callback=twitterCallback2&count=4" type="text/javascript"></script>
-
  version: 2,
+
 
-
  type: 'profile',
+
<script type="text/css">
-
  rpp: 4,
+
#twitter {
-
  interval: 6000,
+
-webkit-border-radius: 5px;
-
  width: 250,
+
-moz-border-radius: 5px;
-
  height: 300,
+
border-radius: 5px;
-
  theme: {
+
width:430px;
-
    shell: {
+
border:1px solid #c9c9c9;
-
      background: '#333333',
+
}
-
      color: '#ffffff'
+
#twitter_t {
-
    },
+
width:405px;
-
    tweets: {
+
height: 44px;
-
      background: '#000000',
+
background:#c68aeb url(yourimagehere);
-
      color: '#ffffff',
+
color:#fff;
-
      links: '#4aed05'
+
text-shadow:.5px .5px #333;
-
    }
+
font-size:18px;
-
  },
+
font-family:Candara;
-
  features: {
+
padding-top:20px;
-
    scrollbar: false,
+
padding-left:25px;
-
    loop: false,
+
}
-
    live: false,
+
#twitter_m {
-
    hashtags: true,
+
width: 400px;
-
    timestamp: true,
+
padding: 0 15px;
-
    avatars: false,
+
background:#f7effc;
-
    behavior: 'all'
+
}
-
  }
+
#twitter_container {
-
}).render().setUser('iGEM_NU').start();
+
min-height:45px;
 +
height:auto !important;
 +
height:40px;
 +
padding-bottom:5px;
 +
padding-top:5px;
 +
}
 +
#twitter_update_list {
 +
width: 413px;
 +
padding: 0;
 +
overflow: hidden;
 +
font-family: Georgia;
 +
font-size: 14px;
 +
font-style: italic;
 +
color: #31353d;
 +
line-height: 16px;
 +
font-weight:bold;
 +
margin-left:-13px;
 +
}
 +
#twitter_update_list li {
 +
width: 400px;
 +
list-style: none;
 +
padding:15px;
 +
border-bottom: dotted 1px #ccc;
 +
}
 +
#twitter_update_list li a {
 +
color:#631891;
 +
text-decoration: none;
 +
}
 +
#twitter_update_list li a:hover {
 +
color: #31353d;
 +
}
 +
#twitter_b {
 +
width: 430px;
 +
height: 29px;
 +
background:#c68aeb url(yourimagehere);
 +
}
</script>
</script>
 +
</div>
</div>

Revision as of 18:14, 11 August 2011