Template:METU-Ankara header

From 2011.igem.org

(Difference between revisions)
 
(14 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
-
//Jquery kütüphanemizi ekliyoruz
+
 
-
+
<script type="text/javascript">
<script type="text/javascript">
    
    
$(document).ready(function(){   
$(document).ready(function(){   
       var link = location.href;//Tarayıcıdan linki(url) çekiyoruz.
       var link = location.href;//Tarayıcıdan linki(url) çekiyoruz.
-
           if (link == "https://2011.igem.org/Team:METU-Ankara/"){  
+
           if (link == "https://2011.igem.org/Team:METU-Ankara"){  
-
           $("#home").addClass("sec");  /*hm id'li nesneye secili classını ekletiyoruz.
+
           $("#home").addClass("homesec");  /*hm id'li nesneye secili classını ekletiyoruz.
Bu nesne yukarıdaki html kodlarında görülebileceği gibi anasayfa seçeneği. */
Bu nesne yukarıdaki html kodlarında görülebileceği gibi anasayfa seçeneği. */
       }
       }
Line 34: Line 34:
       }  
       }  
           else if(link == "https://2011.igem.org/Team:METU-Ankara/Team"){
           else if(link == "https://2011.igem.org/Team:METU-Ankara/Team"){
-
           $("#team").addClass("sec");   
+
           $("#team").addClass("teamsec");   
       }  
       }  
       };         
       };         
Line 40: Line 40:
   
   
</script>
</script>
 +
 +
 +
</html>
 +
<html>
 +
<style type="text/css">
<style type="text/css">
Line 131: Line 136:
     list-style: none;
     list-style: none;
     position: absolute;
     position: absolute;
 +
}
 +
ul#menu li .active {
 +
    width:94px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
}
}
ul#menu2 li {
ul#menu2 li {
Line 193: Line 203:
#futurework {left: 140px;}
#futurework {left: 140px;}
#extras {left: 390px;}
#extras {left: 390px;}
-
#team {left: 530px;}
+
#team {left: 265px;}
ul#menu li a {
ul#menu li a {
Line 245: Line 255:
-
#home.sec{
+
 
 +
.homesec{
     width:96px;
     width:96px;
     height: 30px;
     height: 30px;
Line 280: Line 291:
     background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
}
}
-
#team.sec {
+
.teamsec {
-
    width:94px;
+
-
    height: 30px;
+
-
    background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
+
-
}
+
-
.sec {
+
     width:94px;
     width:94px;
     height: 30px;
     height: 30px;
Line 300: Line 306:
<html>
<html>
 +
 +
<ul id="menu" >
<ul id="menu" >
-
<li id="home"><a href="https://2011.igem.org/Team:METU-Ankara" class="home" title="Home" onclick="changeCssClass('menu')" >Home</a></li>
+
<li id="home"><a id="home" href="https://2011.igem.org/Team:METU-Ankara" class="home" title="Home">Home</a></li>
-
<li id="project"><a href="https://2011.igem.org/Team:METU-Ankara/Project" class="project" title="Project" onclick="changeCssClass('menu')">Project</a></li>
+
<li id="project"><a href="https://2011.igem.org/Team:METU-Ankara/Project" class="project" title="Project">Project</a></li>
-
<li id="wetlab"><a href="#" class="wetlab" title="Muz" onclick="changeCssClass('menu')">Wet-Lab</a></li>
+
<li id="wetlab"><a href="#" class="wetlab" title="Wet-Lab">Wet-Lab</a></li>
-
<li id="humanprac"><a href="#" class="humanprac" title="Human Practice" onclick="changeCssClass('menu')">Human Practice</a></li>
+
<li id="humanprac"><a href="#" class="humanprac" title="Human Practice">Human Practice</a></li>
</ul>
</ul>
<ul id="menu2" >
<ul id="menu2" >
-
<li id="safety"><a href="https://2011.igem.org/Team:METU-Ankara/Safety" class="safety" title="Safety" onclick="changeCssClass('menu2')">Safety</a></li>
+
<li id="safety"><a href="https://2011.igem.org/Team:METU-Ankara/Safety" class="safety" title="Safety"">Safety</a></li>
-
<li id="futurework"><a href="#" class="futurework" title="Future Work" onclick="changeCssClass('menu2')">Future Work</a></li>
+
<li id="futurework"><a href="#" class="futurework" title="Future Work">Future Work</a></li>
-
<li id="extras"><a href="https://2011.igem.org/Team:METU-Ankara/Extras" class="extras" title="Extras" onclick="changeCssClass('menu2')">Extras</a></li>
+
<li id="extras"><a href="https://2011.igem.org/Team:METU-Ankara/Extras" class="extras" title="Extras">Extras</a></li>
-
<li id="team"><a href="https://2011.igem.org/Team:METU-Ankara/Team" class="team" title="Team" onclick="changeCssClass('menu2')">Team</a></li>
+
<li id="team"><a id="team" href="https://2011.igem.org/Team:METU-Ankara/Team" title="Team">Team</a></li>
</ul>
</ul>
</html>
</html>

Latest revision as of 22:47, 25 August 2011



Retrieved from "http://2011.igem.org/Template:METU-Ankara_header"