Team:Sevilla/Notebook

From 2011.igem.org

(Difference between revisions)
 
(61 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Sevilla/Templates/general}}
+
{{:Team:Sevilla/NotebookTemplate}}
 +
 
<html>
<html>
-
<img style="z-index:-5;" src="https://static.igem.org/mediawiki/2011/9/95/Notebook.png" />
 
-
<!--===================================NOMBRECITOS================================================-->
 
-
<div id="par1" class="parejitas">
 
-
<a href="#elena">Elena Moreno</a>
 
-
<br/>
 
-
<a href="#ines">Inés García</a>
 
-
</div>
 
-
<div id="par2" class="parejitas">
+
<!-- Lab 360 http://www.rockechris.com/jquery/jquery.panorer.js.html -->
-
<a href="#pedro">Pedro Victori</a>
+
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> -->
-
<br/>
+
 
-
<a href="#rocio">Rocío Gaudioso</a>
+
<script src="http://www.rockechris.com/jquery/jquery.panorer.js"></script>
-
</div>
+
<script>
-
<div id="par3" class="parejitas">
+
  $(document).ready(function() {
-
<a href="#roberto">Roberto Martín</a>
+
//use panorer plugin.
-
<br/>
+
    $('#pano').panorer({ 'easing': 'linear', 'direction': "EW" });
-
<a href="#andres">Andrés González</a>
+
-
</div>
+
-
<div id="par4" class="parejitas">
+
});
-
<a href="#marta">Marta Pérez</a>
+
-
<br/>
+
-
<a href="#alvaro">Álvaro Adame</a>
+
-
</div>
+
-
<div id="par5" class="parejitas">
+
</script>
-
<a href="#carlos">Carlos Toscano</a>
+
-
<br/>
+
-
<a href="#pablo">Pablo Camino</a>
+
-
</div>
+
-
<br/><br/><br/><br/><br/>
 
 +
<div style="color:#1F7C83; font-weight:bold;text-transform:uppercase; font-size: 120%;margin-left:170px;"> Our lab! </div>
 +
</html>{{:Team:Sevilla/Templates/hr|colour=#FFB880|class=lab}}<html>
 +
</br>
-
<style>
+
<div id="pano" style= "width: 700px; height: 501px;border: medium solid black; position: relative; overflow: hidden;margin-left:170px;">
-
.parejitas
+
   
-
{
+
        <img alt="Example" src="http://institucional.us.es/igembiouse/360/View_from_Sky_Tower_Akl_small.jpg" style="position: absolute; left: -100.3px;">
-
    float:left;
+
-
    position:absolute;
+
-
    margin-top:-20px;
+
-
    border-right:solid 3px orange;
+
-
    padding-right:5px;
+
-
}
+
-
#par1
+
-
{
+
-
    margin-left:240px;
+
-
}
+
-
#par2
+
-
{
+
-
    margin-left:340px;
+
-
}
+
-
#par3
+
-
{
+
-
    margin-left:450px;
+
-
}
+
-
#par4
+
-
{
+
-
    margin-left:570px;
+
-
}
+
-
#par5
+
-
{
+
-
    margin-left:660px;
+
-
}
+
-
</style>
+
</div>
</html>
</html>

Latest revision as of 22:50, 21 September 2011



Our lab!


Example