Team:Northwestern/Templates/twitter

From 2011.igem.org

(Difference between revisions)

@@ Line 1: / Line 1: @@
 <html>
-<script src="http://widgets.twimg.com/j/2/widget.js" type="text/javascript"></script>
-<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+<div style="float:right;margin: -9px -06px 0px 0px; text-align:left;" id="twitter_div">
+<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
+<script src="http://twitter.com/statuses/user_timeline/iGEM_NU.json?callback=twitterCallback2&count=4" type="text/javascript"></script>
 <style type="text/css">
@@ Line 8: / Line 10: @@
 -moz-border-radius: 5px;
 border-radius: 5px;
-width:430px;
+width:280px;
 border:1px solid #c9c9c9;
 }
 #twitter_t {
-width:405px;
+width:255px;
 height: 44px;
-background:#c68aeb url(https://static.igem.org/mediawiki/2011/9/93/Background_texture.jpg);
+background:#333333;
+!background-size:205px 55px;
 color:#fff;
 text-shadow:.5px .5px #333;
 font-size:18px;
-font-family:Candara;
+font-family:Helvitica;
 padding-top:20px;
 padding-left:25px;
 }
 #twitter_m {
-width: 400px;
+width: 250px;
 padding: 0 15px;
-background:#f7effc;
+background:#f7effc url(https://static.igem.org/mediawiki/2011/5/53/Twitter_back.jpg);
 }
 #twitter_container {
@@ Line 31: / Line 36: @@
 height:auto !important;
 height:40px;
-padding-bottom:5px;
+padding-bottom:2px;
-padding-top:5px;
+padding-top:2px;
 }
 #twitter_update_list {
-width: 413px;
+width: 270px;
 padding: 0;
-overflow: hidden;
+!overflow: hidden;
-font-family: Georgia;
+font-family: Helvetica;
-font-size: 14px;
+font-size: 12px;
-font-style: italic;
 color: #31353d;
-line-height: 16px;
+line-height: 15px;
 font-weight:bold;
-margin-left:-13px;
+margin-left:-15px;
 }
 #twitter_update_list li {
-width: 400px;
+width: 250px;
 list-style: none;
 padding:15px;
@@ Line 60: / Line 64: @@
 }
 #twitter_b {
-width: 430px;
+width: 280px;
 height: 29px;
-background:#c68aeb url();
+background:#333333 url();
 }
 </style>
-</script>
+<div id="twitter">
+<div id="twitter_t">
-<div id="twitter" style="float:right; text-align:center;">
+<a target="_blank" href="http://twitter.com/intent/user?screen_name=iGEM_NU"><img src="https://static.igem.org/mediawiki/2011/9/91/Twitter_banner2.gif"  width="205" height="55" style="opacity:1;filter:alpha(opacity=100);margin: -16px 0px 0px -16px;" alt="iGEM_NU"></a>
-<div id="twitter_t"></div>
+</div>
 <div id="twitter_m">
   <div id="twitter_container">
- <ul id="twitter_update_list"></ul>
+<ul id="twitter_update_list"></ul>
+<script src="http://twitter.com/javascripts/blogger.js" type="text/javascript"></script>
+<script src="http://twitter.com/statuses/user_timeline/iGEM_NU.json?callback=twitterCallback2&count=4" type="text/javascript"></script>
   </div>
 </div>
-<div id="twitter_b"></div>
+<div id="twitter_b">
-<script type="text/css">
-new TWTR.Widget({
-   version: 2,
-  type: 'profile',
-  rpp: 4,
-  interval: 6000,
-  width: 250,
-  height: 300,
-  theme: {
-    shell: {
-      background: '#333333',
-      color: '#ffffff'
-    },
-    tweets: {
-      background: '#000000',
-      color: '#ffffff',
-      links: '#4aed05'
-    }
-  },
-  features: {
-    scrollbar: false,
-    loop: false,
-    live: false,
-    hashtags: true,
-    timestamp: true,
-    avatars: false,
-    behavior: 'all'
-  }
-}).render().setUser('iGEM_NU').start();
-</script>
-</div>
+<a target="_blank" href="http://twitter.com/"><img src="https://static.igem.org/mediawiki/2011/5/5f/Twitter_footer.gif"  height="27" style="opacity:1;filter:alpha(opacity=100);margin: 0px 0px 0px 165px;" alt="twitter"></a>
+</div>
+</div>
+</div>
 </html>

Team:Northwestern/Templates/twitter

From 2011.igem.org

Latest revision as of 23:51, 13 August 2011