Team:Baskent-Meds/test

From 2012.igem.org

(Difference between revisions)
 
(48 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
<html>
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
Line 6: Line 6:
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
<script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script>
<script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script>
-
<script src="http://buildinternet.com/live/smoothmenu/animated-menu.js" type="text/javascript"></script>
 
-
<script language="JavaScript" type="text/JavaScript">
 
<!--
<!--
 +
<script>
 +
$(document).ready(function(){
 +
 +
//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
 +
 +
//Remove outline from links
 +
$("a").click(function(){
 +
$(this).blur();
 +
});
 +
 +
//When mouse rolls over
 +
$("li").mouseover(function(){
 +
$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
 +
});
 +
 +
//When mouse is removed
 +
$("li").mouseout(function(){
 +
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
 +
});
 +
 +
});
 +
 +
-->
 +
</script>
 +
<link rel="stylesheet" type="text/css" media="screen" href="http://www.bustack.com/wiki/css/coda-slider.css">
 +
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" />
 +
 +
    </script>
 +
<script language="JavaScript" type="text/JavaScript">
 +
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
function MM_reloadPage(init) {  //reloads the window if Nav4 resized
   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
   if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
Line 15: Line 45:
}
}
MM_reloadPage(true);
MM_reloadPage(true);
-
//-->
+
 
</script>
</script>
 +
<script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script>
 +
    <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script>
 +
</head>   
</head>   
<style type="text/css">
<style type="text/css">
-
+
h1{margin:100px;}#top-section {height: 20px;border-left: none;border-right: none;}
-
#top-section {height: 20px;border-left: none;border-right: none;}
+
#siteSub {display:none;}
#siteSub {display:none;}
#search-controls {display:none;}
#search-controls {display:none;}
Line 85: Line 117:
    
    
   
   
-
 
+
 
/*Menu Color Classes*/   
/*Menu Color Classes*/   
 +
.green{
.green{
background:#6AA63B;
background:#6AA63B;
Line 113: Line 146:
}  
}  
.pink{
.pink{
-
background: #330066;
+
background: #000000;
color: #FFFFFF;
color: #FFFFFF;
font-size: 18px;
font-size: 18px;
}  
}  
-
 
.style2 {
.style2 {
font-size: 16px;
font-size: 16px;
Line 137: Line 169:
color: #FFFFFF;
color: #FFFFFF;
}
}
 +
    .style3 {color: #000000}
 +
height: 74px;
 +
width: 74px;
 +
}
 +
.style8 {font-size: 18px}
 +
    .style11 {font-size: 36px}
     </style>
     </style>
</head>   
</head>   
<body>   
<body>   
-
     <div id="peripheral" style="position:absolute; left:-2px; top:0px; width:975px; height:2740px; z-index:2">
+
     <div id="Layer2" style="position:absolute; left:-20px; top:-8px; width:1000px; height:9000px; z-index:2">
-
<div id="extraplasmic" style="position:absolute; left:1px; top:-35px; width:977px; height:91px; z-index:1">
+
-
    <p>&nbsp;    </p> 
+
-
    <ul><li class="green"><p class="phunk"><a href="/Team:Baskent-Meds">Home</a></p> 
+
-
        <p class="subtext">
+
-
        <span class="style2">Where we started</span></p> 
+
-
        </li> 
+
-
        <li class="yellow"> 
+
-
            <p><a href="/Team:Baskent-Meds/Project">Project</a></p> 
+
-
            <p class="style2">Our lovely project</p> 
+
-
        </li> 
+
-
        <li class="red"> 
+
-
            <p><a href="/Team:Baskent-Meds/Notebook">Notebook</a></p> 
+
-
            <p class="style2">Our beloved Notebook</p> 
+
-
        </li> 
+
-
        <li class="blue"> 
+
-
            <p><a href="/Team:Baskent-Meds/Results">Results</a></p> 
+
-
            <p class="style2">Yeah, that's all, for now </p> 
+
-
        </li> 
+
-
        <li class="purple"> 
+
-
            <p><a href="/Team:Baskent-Meds/Gallery">Gallery</a></p> 
+
-
            <p class="style2">Our little time capsule</p> 
+
-
        </li>
+
-
<li class="pink"> 
+
-
            <p><a href="/Team:Baskent-Meds/Team">Team</a></p> 
+
-
            <p class="style2">Shall we meet? </p> 
+
-
        </li> 
+
-
+
-
    </ul>
+
-
</div>
+
-
 
+
      
      
 +
 +
  <div id="Layer3" style="position:absolute; left:-20px; top:-8px; width:1000px; height:9000px; z-index:2">
 +
   
 +
        <div class="slider-wrapper theme-default">
 +
            <div id="slider" class="nivoSlider">
 +
               
 +
<a href="/Team:Baskent-Meds/Project"><img src="http://www.bustack.com/wiki/thumb/thumb.JPG" alt="ssa" title="#risorc"/>
 +
 +
<a href="/Team:Baskent-Meds/Notebook"><img src="http://www.bustack.com/wiki/thumb/thumb3.JPG" alt="asd" title="#buk"/>
 +
<a href="/Team:Baskent-Meds/Team"><img src="http://www.bustack.com/wiki/thumb/thumb4.JPG" alt="mearba" title="#mit"/>
 +
<a href="/Team:Baskent-Meds/Gallery"><img src="http://www.bustack.com/wiki/thumb/thumbson.JPG" alt="dasda" border="0" title="#fan"/></a>
 +
 +
               
 +
            </div>
 +
            <div id="risorc" class="nivo-html-caption">
 +
                <strong>our</strong> research's pillars, <em> killing the legionella</em><a href="/Team:Baskent-Meds/Project">a link</a>.
 +
            </div>
 +
<div id="buk" class="nivo-html-caption">
 +
                <strong>Follows us </strong> in the <em>lab</em>, we are telling what we did <a href="/Team:Baskent-Meds/Notebook">a link</a>.
 +
            </div>
 +
<div id="mit" class="nivo-html-caption">
 +
                <strong>have</strong> we <em> met</em>? <a href="/Team:Baskent-Meds/Team">a link</a>.
 +
            </div>
 +
<div id="fan" class="nivo-html-caption">
 +
                <strong>also</strong> we have<em>fun!</em> with our competitors <a href="/Team:Baskent-Meds/Gallery">a link</a>.
 +
            </div>
 +
        </div>
</div>
</div>
 +
    </div>
 +
      <script type="text/javascript">
 +
   
 +
$(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>
</body>   
</body>   
</html>
</html>

Latest revision as of 01:44, 1 August 2012

Smooth Animated jQuery Menu

our research's pillars, killing the legionellaa link.
Follows us in the lab, we are telling what we did a link.
have we met? a link.
also we havefun! with our competitors a link.

Retrieved from "http://2012.igem.org/Team:Baskent-Meds/test"