Biomod/2014/Braunschweig: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(4 intermediate revisions by the same user not shown)
Line 60: Line 60:
<br>
<br>
<marquee scrollamount="3" scrolldelay="0">
<marquee scrollamount="3" scrolldelay="0">
   <b><span style="font-size: 1.2em">+++ Newsflash: Biomod video online now!!! +++ Science rocks +++ Thanks to everyone who supports us +++ Visit our Facebook-page: <a href="http://www.facebook.com/nanoscooter.tubs.biomod2014?fref=ts"> Nanoscooter </a> to get the latest news +++ R <3 S +++  </span></b>
   <b><span style="font-size: 1.2em">+++ Newsflash: Biomod video online now!!! +++ WARNING: InternetExplorer can kill the formating of the pages!!! +++ In case of heavy IE-usage please contact some <a href="http://en.wikipedia.org/wiki/Intelligence_Quotient_%28IQ%29_and_Browser_Usage"> HELP </a> +++ Science rocks +++ Thanks to everyone who supports us +++ Visit our Facebook-page: <a href="http://www.facebook.com/nanoscooter.tubs.biomod2014?fref=ts"> Nanoscooter </a> to get the latest news +++ R <3 S +++  </span></b>
</marquee>
</marquee>
<br><br>
<br><br>
Line 161: Line 161:
</body>
</body>


<head><title>position</title>
<style type="text/css">
body { margin:0; padding:0; height:1500px; }
div { border:1px solid #888; }


#s1 { width:150px; height:35px; }
#s2 { width:150px; height:35px; }
#r3 { width:150px; height:35px; position:relative; top:5px; left:25px; background-color:#dfd; }
#s4 { width:150px; height:35px; }
#s5 { width:150px; height:35px; }
#r6 { width:150px; height:35px; position:relative; top:-15px; left:10px; background-color:#fdd; }
#s7 { width:150px; height:35px; }
#s8 { width:150px; height:35px; }
#a1 { position:absolute; top:35px; left:240px; width:150px; height:150px;
      z-index:1; background-color:#ddf; }
#a2 { position:absolute; top:90px; left:230px; width:120px; height:70px;
      z-index:2; background-color:#ccf; }
#a3 { position:absolute; top:220px; left:200px; width:250px; height:250px;
      z-index:3; background-color:#ffa; }
#a4 { position:absolute; top:20px; left:20px; width:70px; height:70px;
      z-index:1; background-color:#ff5; }
#a5 { position:absolute; top:20px; right:20px; width:70px; height:70px;
      z-index:2; background-color:#dd2; }
#a6 { position:absolute; top:130px; left:-50px; width:190px; height:70px;
      z-index:-1; background-color:#fdd; }
#a7 { position:absolute; top:530px; left:50px; bottom:50px; right:50px;
      background-color:#fdd; }
#f1 { position:fixed; top:45px; left:430px; width:150px; height:150px; background-color:#afa; }
</style>
</head><body>
<p>Um <code>position:fixed</code> zu demonstrieren, scrollen Sie an das Ende der Seite.</p>
<div id="s1">s1 static</div>
<div id="s2">s2 static</div>
<div id="r3">r3 relative</div>
<div id="s4">s4 static</div>
<div id="s5">s5 static</div>
<div id="r6">r6 relative</div>
<div id="s7">s7 static</div>
<div id="a1">a1 absolute</div>
<div id="a2">a2 absolute</div>
<div id="a3">a3 absolute
  <div id="a4">a4 absolute</div>
  <div id="a5">a5 absolute</div>
  <div id="a6">a6 absolute</div>
</div>
<div id="a7">a7 absolute</div>
<div id="f1">f1 fixed</div>
<div id="s8">s8 static</div>
</body>
   
   


</html>
</html>

Latest revision as of 04:39, 25 October 2014

<html>

<head>
 <title> Mainpage </title>
  <style>
    body{
    align: left;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    background-color:#be1e3c;
    border:#be1e3c thin solid;
    }
    #goTopBtn {POSITION: fixed;TEXT-ALIGN: center;LINE-HEIGHT: 30px;WIDTH: 100px;BOTTOM: 35px;HEIGHT: 100px;FONT-SIZE: 12px;RIGHT: 30px;}
    #content{margin:0;padding:0;border:0px;}
      /*hidden section*/
      .firstHeading{display:none;}
      #sidebar-main{display:none;}
      #p-cactions{display:none;}
      #p-personal{display:none;}
   </style>
</head>
<body>
 <center>
  
  <table align="center" border="0">
   <colgroup  span="4"></colgroup>
    <tr>
     <th>
       <a href="http://www.tu-braunschweig.de/index.html"><img src="http://openwetware.org/images/thumb/2/27/Nanoscooter_TUBS-siegel.jpg/800px-Nanoscooter_TUBS-siegel.jpg" width="383" height="142" alt="Logo TU Braunschweig"></a>      
     </th>
     <th>
      <img src="http://openwetware.org/images/thumb/c/c3/Nanoscooter_Gruppenfoto-Banner.jpg/800px-Nanoscooter_Gruppenfoto-Banner.jpg"
       width="463" height="142"
       alt="our group"
       title="our group (Nanoscooter) for Biomod competition">
     </th>
     <th><img src="http://openwetware.org/images/2/24/Nanoscooter.jpg"
        width="165" height="142" alt="Logo Nanoscooter">  </th>
  </table>


<h1> Team Nanoscooter Braunschweig </h1>

<table border="0">

  <colgroup width="158" span="6"></colgroup>
   <tr>
    <th bgcolor="white"><center><font size="+1"><a href="Braunschweig"><span style="color:#be1e3c">Home</span></a></font></center></th>
    <th bgcolor="#be1e3c"><center><font size="+1"><a href="Team"><span style="color:white">Team</span></a></font></center></th>
    <th bgcolor="#be1e3c"><center><font size="+1"><a href="idea"><span style="color:white">Project idea</span></a></font></center></th>
    <th bgcolor="#be1e3c"><center><font size="+1"><a href="results"><span style="color:white">Results</span></a></font></center></th>     
    <th bgcolor="#be1e3c"><center><font size="+1"><a href="perspectives"><span style="color:white">Perspectives</span></a></font></center></th>
    <th bgcolor="#be1e3c"><center><font size="+1"><a href="Sponsoren"><span style="color:white">Sponsoring</span></a></font></center></th>
   </tr>

</table>

<br> <marquee scrollamount="3" scrolldelay="0">

 <b><span style="font-size: 1.2em">+++ Newsflash: Biomod video online now!!! +++ WARNING: InternetExplorer can kill the formating of the pages!!! +++ In case of heavy IE-usage please contact some <a href="http://en.wikipedia.org/wiki/Intelligence_Quotient_%28IQ%29_and_Browser_Usage"> HELP </a> +++ Science rocks +++ Thanks to everyone who supports us +++ Visit our Facebook-page: <a href="http://www.facebook.com/nanoscooter.tubs.biomod2014?fref=ts"> Nanoscooter </a> to get the latest news +++ R <3 S +++  </span></b>

</marquee> <br><br>

 <span style="font-size: 2em">To learn more about our project click on the components below:</span>

<br> <br> <br> <body> <img src="http://openwetware.org/images/8/8a/Bead.png" width="1140" height="242" border="0" alt="" name="Grafik04" OnMouseover = "Wechseln('Grafik04','Tauschbild04b')"

    OnMouseout  = "Wechseln('Grafik04','Tauschbild04a')" usemap="#Bead">

<script> Tauschbild04a = new Image(); Tauschbild04a.src = "http://openwetware.org/images/8/8a/Bead.png"; /* normale-Grafik */ Tauschbild04b = new Image(); Tauschbild04b.src = "http://openwetware.org/images/thumb/6/64/Bead75.png/800px-Bead75.png"; /* Highlight-Grafik */ function Wechseln(Bildname,Tauschbildname) { document.images[Bildname].src = eval(Tauschbildname + ".src") } </script>

<map name="Bead">

   <area shape="rect" coords="630,100,790,135"
         href="Fluorescence" alt="fluorescence" title="Fluorescence">
       </map>


<img src="http://openwetware.org/images/9/9d/PT.png" width="413" height="265" border="0" alt="" name="Grafik03" OnMouseover = "Wechseln('Grafik03','Tauschbild03b')"

    OnMouseout  = "Wechseln('Grafik03','Tauschbild03a')"  usemap="#PT">

<script> Tauschbild03a = new Image(); Tauschbild03a.src = "http://openwetware.org/images/9/9d/PT.png"; /* normale-Grafik */ Tauschbild03b = new Image(); Tauschbild03b.src = "http://openwetware.org/images/thumb/9/9e/PT75.png/800px-PT75.png" /* Highlight-Grafik */ function Wechseln(Bildname,Tauschbildname) { document.images[Bildname].src = eval(Tauschbildname + ".src") } </script> <map name="PT">

   <area shape="rect" coords="32,38,220,87"
         href="Attachement" alt="attachement" title="Attachement">
   <area shape="rect" coords="32,140,220,199"
         href="Functionalization" alt="functionalization" title="Functionalization">
    </map>

<img src="http://openwetware.org/images/2/26/Scooter4.png" width="728" height="265" border="0" alt="" name="Grafik02" OnMouseover = "Wechseln('Grafik02','Tauschbild02b')"

    OnMouseout  = "Wechseln('Grafik02','Tauschbild02a')" usemap="#Scooter">

<script> Tauschbild02a = new Image(); Tauschbild02a.src = "http://openwetware.org/images/2/26/Scooter4.png"; /* normale-Grafik */ Tauschbild02b = new Image(); Tauschbild02b.src = "http://openwetware.org/images/thumb/0/0d/Scooter475.png/800px-Scooter475.png"; /* Highlight-Grafik */ function Wechseln(Bildname,Tauschbildname) { document.images[Bildname].src = eval(Tauschbildname + ".src") } </script>

<map name="Scooter">

   <area shape="rect" coords="31,158,183,218"
         href="Folding" alt="folding" title="Folding">
   <area shape="rect" coords="217,158,369,218"
         href="Design" alt="design" title="Design">
   <area shape="rect" coords="409,158,502,218"
         href="Scaffold" alt="scaffold" title="Scaffold">
   
 </map>

<img src="http://openwetware.org/images/1/17/MICA.png" width="1140" height="45" border="0" alt="" name="Grafik01" OnMouseover = "Wechseln('Grafik01','Tauschbild01b')"

    OnMouseout  = "Wechseln('Grafik01','Tauschbild01a')" usemap="#MICA">

<script> Tauschbild01a = new Image(); Tauschbild01a.src = "http://openwetware.org/images/1/17/MICA.png"; /* normale-Grafik */ Tauschbild01b = new Image(); Tauschbild01b.src = "http://openwetware.org/images/1/1a/MICA75.png"; /* Highlight-Grafik */ function Wechseln(Bildname,Tauschbildname) { document.images[Bildname].src = eval(Tauschbildname + ".src") } </script> <map name="MICA">

   <area shape="rect" coords="530,5,615,40"
         href="AFM" alt="afm" title="AFM">
  
   
 </map>

<br><br><br><br>

<h1> Biomod Video Team Nanoscooter </h1> <p>

   <iframe width="560" height="315" src="//www.youtube.com/embed/4CZ6-yxnRVA" frameborder="0" allowfullscreen></iframe>

<p> <br>

</body>

<br>

<br>

   <a href="http://info.flagcounter.com/SLOL"><img src="http://s06.flagcounter.com/count/SLOL/bg_FFFFFF/txt_000000/border_CCCCCC/columns_7/maxflags_21/viewers_0/labels_0/pageviews_1/flags_0/" alt="Flag Counter" border="0"></a>

</body>



</html>