User:Lucas.schirmer

From 2009.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 6: Line 6:
<script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/slimbox/js/slimbox2.js"></script>
<script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/slimbox/js/slimbox2.js"></script>
<script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/navigation/menu.js"></script>
<script type="text/JavaScript" src="http://endo.bio.tu-dresden.de/igem/scripthost/navigation/menu.js"></script>
-
<script type="text/javascript" src="jquery.jtweetsanywhere-1.0.0.min.js"></script>
 
<link media="screen" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/slimbox/css/slimbox2.css" rel="stylesheet">
<link media="screen" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/slimbox/css/slimbox2.css" rel="stylesheet">
<link media="screen" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/navigation/menu.css" rel="stylesheet">
<link media="screen" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/navigation/menu.css" rel="stylesheet">
-
<link rel="stylesheet" type="text/css" href="jquery.jtweetsanywhere-1.0.0.css" />
+
 
 +
<script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=siDS6nUKbSBnppf0uONMA&v=1"></script>
 +
<script type="text/javascript" src="http://endo.bio.tu-dresden.de/igem/scripthost/jtwett/jtweetsanywhere.min.js"></script>
 +
<link rel="stylesheet" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/jtwett/jtweetsanywhere.css" />
 +
 
 +
<script src="http://endo.bio.tu-dresden.de/igem/scripthost/countdown/kk_countdown.min.js" type="text/javascript"></script>
 +
<link rel="stylesheet" type="text/css" href="http://endo.bio.tu-dresden.de/igem/scripthost/countdown/rrclock.css" />
<script  type="text/JavaScript">
<script  type="text/JavaScript">
-
$(document).ready(function(){
+
$(document).ready(function(){  
-
+
-
 
+
// This initialises carousels on the container elements specified, in this case, carousel1.
// This initialises carousels on the container elements specified, in this case, carousel1.
$("#carousel1").CloudCarousel(
$("#carousel1").CloudCarousel(
Line 30: Line 33:
);
);
});
});
-
+
 
 +
$(document).ready(function(){
 +
    $('#tweetsFeed').jTweetsAnywhere({
 +
        username: 'igem_biotec',
 +
        count: 10,
 +
        showFollowButton: true
 +
 
 +
    });
 +
});
</script>
</script>
   
   
Line 40: Line 51:
         <input id="left-but"  type="button" value="Left" />
         <input id="left-but"  type="button" value="Left" />
         <input id="right-but" type="button" value="Right" />
         <input id="right-but" type="button" value="Right" />
-
 
<!-- All images with class of "cloudcarousel" will be turned into carousel items -->
<!-- All images with class of "cloudcarousel" will be turned into carousel items -->
             <!-- You can place links around these images -->
             <!-- You can place links around these images -->
Line 51: Line 61:
<a href="https://static.igem.org/mediawiki/igem.org/e/e8/BiotecDresden_Circle_Charanya.jpg" rel="lightbox" title="Image of Charanya"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/e/e8/BiotecDresden_Circle_Charanya.jpg/300px-BiotecDresden_Circle_Charanya.jpg" alt="Image of Charanya" title="Image o Charanya" /></a>
<a href="https://static.igem.org/mediawiki/igem.org/e/e8/BiotecDresden_Circle_Charanya.jpg" rel="lightbox" title="Image of Charanya"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/e/e8/BiotecDresden_Circle_Charanya.jpg/300px-BiotecDresden_Circle_Charanya.jpg" alt="Image of Charanya" title="Image o Charanya" /></a>
<a href="https://static.igem.org/mediawiki/igem.org/5/51/BiotecDresden_Circle_Rahul.jpg" rel="lightbox" title="Image of Rahul"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/5/51/BiotecDresden_Circle_Rahul.jpg/300px-BiotecDresden_Circle_Rahul.jpg" alt="Image of Rahul" title="Image of Rahul" /></a>
<a href="https://static.igem.org/mediawiki/igem.org/5/51/BiotecDresden_Circle_Rahul.jpg" rel="lightbox" title="Image of Rahul"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/5/51/BiotecDresden_Circle_Rahul.jpg/300px-BiotecDresden_Circle_Rahul.jpg" alt="Image of Rahul" title="Image of Rahul" /></a>
-
<a href="https://static.igem.org/mediawiki/igem.org/3/35/BiotecDresden_Circle_Viktor.jpg" rel="lightbox" title="Image of Viktor"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/3/35/BiotecDresden_Circle_Viktor.jpg/300px-BiotecDresden_Circle_Viktor.jpg" alt="Image of Viktor" title="Image of Viktor" /></a>
+
<a href="https://static.igem.org/mediawiki/igem.org/3/35/BiotecDresden_Circle_Viktor.jpg" rel="lightbox" title="Image of Viktor"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/3/35/BiotecDresden_Circle_Viktor.jpg/300px-BiotecDresden_Circle_Viktor.jpg" alt="Image of Victor" title="Image of Victor" /></a>
<a href="https://static.igem.org/mediawiki/igem.org/2/27/BiotecDresden_Circle_Lucas.jpg" rel="lightbox" title="Image of Lucas"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/2/27/BiotecDresden_Circle_Lucas.jpg/300px-BiotecDresden_Circle_Lucas.jpg" alt="Image of Lucas" title="Image of Lucas" /></a>
<a href="https://static.igem.org/mediawiki/igem.org/2/27/BiotecDresden_Circle_Lucas.jpg" rel="lightbox" title="Image of Lucas"><img class = "cloudcarousel" src="https://static.igem.org/mediawiki/igem.org/thumb/2/27/BiotecDresden_Circle_Lucas.jpg/300px-BiotecDresden_Circle_Lucas.jpg" alt="Image of Lucas" title="Image of Lucas" /></a>
</div>
</div>
Line 117: Line 127:
<h2>our twitter box</h2>
<h2>our twitter box</h2>
-
  <div id="tweetsFeed">
+
  <div id="tweetsFeed"></div>
-
    </div>
+
 
 +
<h2>AddThis</h2>
 +
<!-- AddThis Button BEGIN -->
 +
<div class="addthis_toolbox addthis_default_style">
 +
<a class="addthis_button_favorites"></a>
 +
<a class="addthis_button_email"></a>
 +
<a class="addthis_button_print"></a>
 +
<span class="addthis_separator">|</span>
 +
<a class="addthis_button_facebook"></a>
 +
<a class="addthis_button_twitter"></a>
 +
<a class="addthis_button_stumbleupon"></a>
 +
<span class="addthis_separator"> </span>
 +
<a class="addthis_button_facebook_like"></a>
 +
 
 +
<a href="http://www.addthis.com/bookmark.php?v=250&amp;username=igembiotec" class="addthis_button_expanded">More</a>
 +
</div>
 +
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=igembiotec"></script>
 +
<!-- AddThis Button END -->
 +
<h2>count down - without flash ^^</h2>
 +
        <script type="text/javascript">
 +
            $(document).ready(function(){
 +
                $("body").kkCountDown();
 +
            });
 +
        </script>
 +
 
 +
        <div id="content">
 +
            <div id="count-box">
 +
                <span time="1288915200" class="kkcount-down"></span>
 +
            </div>
 +
        </div>
 +
 
 +
  okay a few coverflow ideas
 +
 
 +
http://folio.vndv.com/jcoverflow/
 +
http://www.classycode.co.uk/CoverFlow/rwmCoverFlow%20-%20demo.htm
 +
http://finnrudolph.de/ImageFlow/Examples#Default
 +
 
     </body>
     </body>
</html>
</html>

Latest revision as of 23:42, 18 June 2010

Image of Adi Image of Svea Image of Sarah Image of Mareike Image of Habib Image of Jon Image of Charanya Image of Rahul Image of Victor Image of Lucas

Menu Idea

more ideas

our twitter box

AddThis

| More

count down - without flash ^^

okay a few coverflow ideas http://folio.vndv.com/jcoverflow/ http://www.classycode.co.uk/CoverFlow/rwmCoverFlow%20-%20demo.htm http://finnrudolph.de/ImageFlow/Examples#Default