|
|
(37 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{:Team:Sevilla/template1}}
| |
| | | |
- | <html>
| |
- |
| |
- |
| |
- | <!--===================================FOTOS================================================-->
| |
- | <img src="http://dl.dropbox.com/u/4492644/ff.png" width="800" 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="800" 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;"/></a>
| |
- |
| |
- |
| |
- |
| |
- | <!--===================================GRAFICA QUESITOS================================================-->
| |
- |
| |
- |
| |
- | <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:"¿Qué estudiamos?"});
| |
- | }
| |
- |
| |
- |
| |
- | google.setOnLoadCallback(drawVisualization);
| |
- | </script>
| |
- |
| |
- |
| |
- | <div id="visualization" style="float:left;font-family: Arial;border: 0 none;width: 600px; height: 400px;"></div>
| |
- |
| |
- | </html>
| |