Team:Sevilla/components

From 2011.igem.org

(Difference between revisions)
(Blanked the page)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Sevilla/template1}}
 
-
<html>
 
-
 
-
 
-
<!--===================================FOTOS================================================-->
 
-
<img src="http://dl.dropbox.com/u/4492644/ff.png" width="820" height="40" />
 
-
<div class="ejemplo_img">
 
-
<img src="https://static.igem.org/mediawiki/2011/5/51/ArcPablo.png" width="160" height="170" title="Provisional picture"/>
 
-
<div class="ejemplo_img_cont">
 
-
  <p style="text-align:center">Pablo</p>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="ejemplo_img">
 
-
<img src="https://static.igem.org/mediawiki/2011/2/20/ArcRoberto.png" width="160" height="170" title="Provisional picture"/>
 
-
<div class="ejemplo_img_cont">
 
-
  <p style="text-align:center">Roberto</p>
 
-
</div>
 
-
</div>
 
-
 
-
<div class="ejemplo_img">
 
-
<img src="https://static.igem.org/mediawiki/2011/0/0e/ArcElena.png" width="160" height="170" title="Provisional picture"/>
 
-
<div class="ejemplo_img_cont">
 
-
  <p style="text-align:center">Elena</p>
 
-
</div>
 
-
</div>
 
-
 
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
$(".ejemplo_img").mouseenter(function() {
 
-
$(".ejemplo_img_cont", this).stop().animate({ top:'130px' },{ queue:false, duration:300 });
 
-
});
 
-
$(".ejemplo_img").mouseleave(function() {
 
-
$(".ejemplo_img_cont", this).stop().animate({ top:'200px' },{ queue:false, duration:300 });
 
-
});
 
-
});
 
-
</script>
 
-
 
-
<style>
 
-
.ejemplo_img {
 
-
position:relative;
 
-
float:left;
 
-
width:160px;
 
-
height:170px;
 
-
border:2px inset #333;
 
-
overflow:hidden;
 
-
        margin-left:2px;
 
-
}
 
-
 
-
.ejemplo_img_cont {
 
-
float:left;
 
-
position:absolute;
 
-
background:#000;
 
-
height:60px;
 
-
line-height:25px;
 
-
width:160px;
 
-
padding:2px;
 
-
opacity:.8;
 
-
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
 
-
-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 
-
top:170px;
 
-
left:0px;
 
-
color:#FFF;
 
-
font-size:18px;
 
-
font-family:"Lucida Grande", Arial, sans-serif;
 
-
z-index:10;
 
-
}
 
-
</style>
 
-
 
-
 
-
 
-
<!--===================================FOTO GRANDE================================================-->
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.js"></script>
 
-
<script type="text/javascript" src="http://www.blueidea.com/articleimg/2006/03/3237/lightbox.js"></script>
 
-
 
-
<link rel="stylesheet" type="text/css" href="http://www.blueidea.com/articleimg/2006/03/3237/lightbox.css"  media="screen" />
 
-
 
-
<img src="http://dl.dropbox.com/u/4492644/twt.png" width="820" height="40" />
 
-
 
-
<a href="https://static.igem.org/mediawiki/2011/5/53/ArcTeamRecorte.png" rel="lightbox" title="The whole team"><img src="https://static.igem.org/mediawiki/2011/e/ef/ArcTeam.jpg" width="600" height="400" style="clear:left;margin-top:4px; margin-bottom:4px;"/></a>
 
-
 
-
 
-
 
-
<!--===================================GRAFICA QUESITOS================================================-->
 
-
 
-
<img src="http://dl.dropbox.com/u/4492644/cp.png" width="820" height="40" />
 
-
    <script type="text/javascript" src="http://www.google.com/jsapi"></script>
 
-
    <script type="text/javascript">
 
-
      google.load('visualization', '1', {packages: ['corechart']});
 
-
    </script>
 
-
    <script type="text/javascript">
 
-
      function drawVisualization() {
 
-
        // Create and populate the data table.
 
-
        var data = new google.visualization.DataTable();
 
-
        data.addColumn('string', 'Task');
 
-
        data.addColumn('number', 'Hours per Day');
 
-
        data.addRows(5); //las 5 divisiones
 
-
        data.setValue(0, 0, 'Biología');//el primero es el id, el segundo siempre 0 y el tercero la etiqueta
 
-
        data.setValue(0, 1, 2); //el primero es a que id corresponde, el segundo siempre es 1 y el tercero el valor
 
-
        data.setValue(1, 0, 'Biotecnología');
 
-
        data.setValue(1, 1, 4);
 
-
        data.setValue(2, 0, 'Ing Informática');
 
-
        data.setValue(2, 1, 2);
 
-
        data.setValue(3, 0, 'Bioquímica');
 
-
        data.setValue(3, 1, 2);
 
-
        data.setValue(4, 0, 'Otros');
 
-
        data.setValue(4, 1, 2);
 
-
     
 
-
        // Create and draw the visualization.
 
-
        new google.visualization.PieChart(document.getElementById('visualization')).
 
-
            draw(data, {title:"What do we study?"});
 
-
      }
 
-
     
 
-
 
-
      google.setOnLoadCallback(drawVisualization);
 
-
    </script>
 
-
 
-
 
 
-
    <div id="visualization" style="float:left;font-family: Arial;border: 0 none;width: 600px; height: 400px;"></div>
 
-
 
-
</html>
 

Latest revision as of 10:52, 27 June 2011