Difference between revisions of "Biomod/2012/TU Dresden/Nanosaurs/sandbox"

From OpenWetWare
Jump to: navigation, search
(Undo revision 633804 by Lucas Schirmer (Talk))
(13 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
     <link rel="stylesheet" href="http://openwetware.org/images/0/01/Nivo-slider.css" type="text/css" media="screen" />
 
     <link rel="stylesheet" href="http://openwetware.org/images/0/01/Nivo-slider.css" type="text/css" media="screen" />
 
   
 
   
 +
<style type="text/css">
  
 +
.tweet, .query {
 +
    color: #777777;
 +
    font: 80% sans-serif;
 +
    width: 200px;
 +
border: 5px solid white;
 +
box-shadow: 0 0 10px #888888;;
 +
}
 +
.tweet_list {
 +
    background-color: #F9F9F9;
 +
    border-radius: 0.5em 0.5em 0.5em 0.5em;
 +
    list-style: none outside none;
 +
    margin: 0;
 +
    overflow-y: hidden;
 +
    padding: 0;
 +
}
 +
.tweet_list li {
 +
    list-style-type: none;
 +
    overflow-x: hidden;
 +
    overflow-y: auto;
 +
    padding: 0.5em;
 +
}
 +
.tweet_list li a {
 +
    color: #505050 ;
 +
}
 +
.tweet_list .tweet_even {
 +
    background-color: #EBEBEB;
 +
}
 +
.tweet_list .tweet_avatar {
 +
    float: left;
 +
    padding-right: 0.5em;
 +
}
 +
.tweet_list .tweet_avatar img {
 +
    vertical-align: middle;
 +
}
 +
 +
</style>
 
<body>
 
<body>
<div id="tweets"></div>
+
<div class="tweet"></div>  
  
 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 
     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
     <script type="text/javascript" src="http://elektronaut.github.com/jquery.livetwitter/cdn/jquery.livetwitter-1.7.0.min.js"></script>
+
     <script type="text/javascript" src="http://tweet.seaofclouds.com/jquery.tweet.js"></script>
 
     <script type="text/javascript">
 
     <script type="text/javascript">
 
     $(window).load(function() {
 
     $(window).load(function() {
  $("#tweets").liveTwitter('nanosaurs');
+
$(".tweet").tweet({
 +
          count: 6,
 +
          query: "from:nanosaurs",
 +
          loading_text: "searching twitter..."
 +
        });
 
     });
 
     });
 
     </script>
 
     </script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 13:40, 8 October 2012

<html >


   <link rel="stylesheet" href="http://openwetware.org/images/a/a5/Light.css" type="text/css" media="screen" />
   <link rel="stylesheet" href="http://openwetware.org/images/0/01/Nivo-slider.css" type="text/css" media="screen" />

<style type="text/css">

.tweet, .query {

   color: #777777;
   font: 80% sans-serif;
   width: 200px;

border: 5px solid white; box-shadow: 0 0 10px #888888;; } .tweet_list {

   background-color: #F9F9F9;
   border-radius: 0.5em 0.5em 0.5em 0.5em;
   list-style: none outside none;
   margin: 0;
   overflow-y: hidden;
   padding: 0;

} .tweet_list li {

   list-style-type: none;
   overflow-x: hidden;
   overflow-y: auto;
   padding: 0.5em;

} .tweet_list li a {

   color: #505050 ;

} .tweet_list .tweet_even {

   background-color: #EBEBEB;

} .tweet_list .tweet_avatar {

   float: left;
   padding-right: 0.5em;

} .tweet_list .tweet_avatar img {

   vertical-align: middle;

}

</style> <body>

   <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
   <script type="text/javascript" src="http://tweet.seaofclouds.com/jquery.tweet.js"></script>
   <script type="text/javascript">
   $(window).load(function() {

$(".tweet").tweet({

         count: 6,
         query: "from:nanosaurs",
         loading_text: "searching twitter..."
       });
   });
   </script>

</body> </html>