Team:Northwestern/Templates/twitter

From 2011.igem.org

(Difference between revisions)
 
(60 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<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">
 +
#twitter {
 +
-webkit-border-radius: 5px;
 +
-moz-border-radius: 5px;
 +
border-radius: 5px;
 +
width:280px;
 +
border:1px solid #c9c9c9;
 +
}
 +
#twitter_t {
 +
width:255px;
 +
height: 44px;
 +
background:#333333;
 +
!background-size:205px 55px;
 +
color:#fff;
 +
text-shadow:.5px .5px #333;
 +
font-size:18px;
 +
font-family:Helvitica;
 +
padding-top:20px;
 +
padding-left:25px;
 +
}
 +
#twitter_m {
 +
width: 250px;
 +
padding: 0 15px;
 +
background:#f7effc url(https://static.igem.org/mediawiki/2011/5/53/Twitter_back.jpg);
 +
}
 +
#twitter_container {
 +
min-height:45px;
 +
height:auto !important;
 +
height:40px;
 +
padding-bottom:2px;
 +
padding-top:2px;
 +
}
 +
#twitter_update_list {
 +
width: 270px;
 +
padding: 0;
 +
!overflow: hidden;
 +
font-family: Helvetica;
 +
font-size: 12px;
 +
color: #31353d;
 +
line-height: 15px;
 +
font-weight:bold;
 +
margin-left:-15px;
 +
}
 +
#twitter_update_list li {
 +
width: 250px;
 +
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: 280px;
 +
height: 29px;
 +
background:#333333 url();
 +
}
 +
</style>
 +
<div id="twitter">
 +
<div id="twitter_t">
 +
<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>
 +
<div id="twitter_m">
 +
<div id="twitter_container">
 +
<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"> 
 +
 +
<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 style="background: url(https://static.igem.org/mediawiki/2011/e/e9/NUbanner_new2.jpg); float:right; text-align:center;">
 
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
 
-
<script>
 
-
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>
</div>
</html>
</html>

Latest revision as of 23:51, 13 August 2011

iGEM_NU
    twitter

    Retrieved from "http://2011.igem.org/Team:Northwestern/Templates/twitter"