Template:Http://2014.igem.org/Team:Colombia

From 2013.igem.org

(Difference between revisions)
 
(21 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<!-- this section changes the default wiki template to a white full width background -->
<!-- this section changes the default wiki template to a white full width background -->
Line 66: Line 67:
ul.flatflipbuttons{
ul.flatflipbuttons{
-
margin:0;
+
margin-left:500px;
 +
margin-top: 1200px;
padding:0;
padding:0;
list-style:none;
list-style:none;
Line 219: Line 221:
font-size:13px; /* Establishes the global font size */
font-size:13px; /* Establishes the global font size */
letter-spacing: 1px !important; /* Effects spacing between letters for all fonts in the wheel */
letter-spacing: 1px !important; /* Effects spacing between letters for all fonts in the wheel */
 +
 +
position: absolute;
 +
    top: 1px;
 +
    right: 10px;
 +
}
}
#menu-wrap .orbit{
#menu-wrap .orbit{
height: 210px;
height: 210px;
-
    margin: 32px; /* Pushes the images in the display to the center */
+
      margin: 30px; /* Pushes the images in the display to the center */       position: absolute;  
-
    position: absolute;  
+
     
-
width: 210px;
+
      width: 210px;
}
}
#menu-wrap .orbit-frame{
#menu-wrap .orbit-frame{
border:2px solid #999; /* Creates a division between the image and wrap5 */
border:2px solid #999; /* Creates a division between the image and wrap5 */
 +
}
}
Line 636: Line 644:
     top: 194px;
     top: 194px;
}
}
-
 
-
 
-
 
-
 
-
 
</style>
</style>
-
 
+
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
-
 
+
<script type="text/javascript" src="http://linacabal.com/juan/s3Slider.js"></script>
-
 
+
<script type="text/javascript">
-
 
+
    $(document).ready(function() {
 +
        $('#slider').s3Slider({
 +
            timeOut: 5000
 +
        });
 +
    });
 +
</script>
Line 654: Line 662:
<!-- beginning of your page -->
<!-- beginning of your page -->
-
 
-
 
-
 
-
 
-
<table width="1500px" align="center"  >
 
-
 
-
<tr>
 
-
 
-
<th>
 
<!--  Menu-->'
<!--  Menu-->'
Line 677: Line 676:
<![endif]-->
<![endif]-->
 +
<style>
 +
img {
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
 +
 
 +
}
 +
 +
</style>
Line 683: Line 692:
<body>
<body>
 +
 +
 +
<img src="https://static.igem.org/mediawiki/2013/0/00/Colombiatop.png" width="1330px" height="450px" align="left" >
 +
<div id="menu-wrap">
<div id="menu-wrap">
<div class="wrap1">
<div class="wrap1">
Line 760: Line 773:
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>  
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>  
-
 
-
</th>
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
</th>
 
-
  <th>Lastname</th>
 
-
  <th>Points</th>
 
-
</tr>
 
-
 
-
<!-- here you can place an image related to your project or
 
-
 
-
your logo! -->
 
-
<td width="60%" > <img
 
-
 
-
src="https://static.igem.org/mediawiki/2014/b/b7/2014placeholderima
 
-
 
-
ge.jpg" width="600px" height="300px"></td>
 
-
 
-
<tr ><td coslpan="2" height="35px"></td></tr>
 
-
</tr>
 
-
</table>
 

Latest revision as of 17:28, 22 August 2014

' Wheeltz - CSS3 Navigational Wheel Menu

  • Home
  • University
  • Facebook
  • Twitter