Team:UNAM Genomics Mexico/Templates/web

From 2012.igem.org

(Difference between revisions)
Line 7: Line 7:
<html>
<html>
<head>
<head>
 +
 +
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js' type='text/javascript'/>
 +
<script src='http://sites.google.com/site/ciudadbloggerfiles/Home/interface.js' type='text/javascript'/>
 +
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="http://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" />
<link href="http://2011.igem.org/Team:UNAM-Genomics_Mexico/Templates/Home" rel="stylesheet" type="text/css" />
Line 30: Line 34:
<style type="text/css">
<style type="text/css">
-
 
+
* Menu Dock
 +
----------------------------------------------- */
 +
.dock {
 +
position: fixed;
 +
width: 100%;
 +
bottom: 40px;
 +
}
 +
a.dockItem {
 +
text-align: center;
 +
color: #000;
 +
font-weight: bold;
 +
font-size: 22px;
 +
text-decoration: none;
 +
width: 40px;
 +
position: absolute;
 +
display: block;
 +
bottom: 0;
 +
}
 +
.dockItem img {
 +
border: none;
 +
margin: 5px auto 0 auto;
 +
width: 100%;
 +
}
 +
.dockItem span {
 +
display: none;
 +
positon: absolute;
 +
}
 +
.dockContainter {
 +
height: 50px;
 +
width: 200px;
 +
position: absolute;
 +
}
/* CHANGING THE WIKI CSS */
/* CHANGING THE WIKI CSS */
Line 503: Line 538:
    
    
      
      
-
</div><!--class="header"-->  
+
</div><!--class="header"-->
 +
<div id="dock" class="dock">
 +
<div class="dockContainter">
 +
 
 +
<a class="dockItem" href="URL del enlace"><img src="http://3.bp.blogspot.com/_qgZA1ny_dAs/S8yeGOygORI/AAAAAAAAECk/MabUFPSv1CA/s1600/Icon_Home.PNG"/><span>Título del enlace</span></a>
 +
 
 +
<a class="dockItem" href="URL del enlace"><img src="http://1.bp.blogspot.com/_qgZA1ny_dAs/S8yeGum8szI/AAAAAAAAEC0/ogrG1G_NSaQ/s1600/Icon_Rss.PNG"/><span>Título del enlace</span></a>
 +
 
 +
<a class="dockItem" href="URL del enlace"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S8yeUfY2TpI/AAAAAAAAEC8/WLyxFS0Tv9U/s1600/Icon_Twitter.PNG"/><span>Título del enlace</span></a>
 +
 
 +
<a class="dockItem" href="URL del enlace"><img src="http://1.bp.blogspot.com/_qgZA1ny_dAs/S8yeFsjwO4I/AAAAAAAAECc/URJd0EO38d0/s1600/Icon_Facebook.PNG"/><span>Título del enlace</span></a>
 +
 
 +
<a class="dockItem" href="URL del enlace"><img src="http://4.bp.blogspot.com/_qgZA1ny_dAs/S8yeGYiAfpI/AAAAAAAAECs/ej5Vj7cAj68/s1600/Icon_Picasa.PNG"/><span>Título del enlace</span></a>
 +
 
 +
<a class="dockItem" href="URL del enlace"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S8yeUnjJ75I/AAAAAAAAEDE/RkHWNQmOmeE/s1600/Icon_Mail.png"/><span>Título del enlace</span></a>
 +
 
 +
<a class="dockItem" href="URL del enlace"><img src="http://2.bp.blogspot.com/_qgZA1ny_dAs/S8yeFT8iuqI/AAAAAAAAECU/ZAZaxpJ7j84/s1600/Icon_Help.png"/><span>Título del enlace</span></a>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<script type="text/javascript">
 +
 
 +
$(document).ready(
 +
function()
 +
{
 +
$('#dock').Dock(
 +
{
 +
maxWidth: 90,
 +
items: 'a',
 +
itemsText: 'span',
 +
container: '.dockContainter',
 +
itemWidth: 60,
 +
proximity: 70,
 +
halign : 'center'
 +
}
 +
)
 +
 
 +
}
 +
);
 +
 
 +
</script> 
      
      
    
    

Revision as of 20:19, 22 June 2012


UNAM-Genomics_Mexico