Template:METU-Ankara header

From 2011.igem.org

(Difference between revisions)
 
(13 intermediate revisions not shown)
Line 1: Line 1:
 +
<html>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
 +
 +
<script type="text/javascript">
 +
 
 +
$(document).ready(function(){ 
 +
      var link = location.href;//Tarayıcıdan linki(url) çekiyoruz.
 +
          if (link == "https://2011.igem.org/Team:METU-Ankara"){
 +
          $("#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. */
 +
      }
 +
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Project"){
 +
/* else if  kontrolü ile diğer eşitlik durumları için de stillerimizi ekliyoruz.*/
 +
          $("#project").addClass("sec"); 
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
 +
          $("#wetlab").addClass("sec"); 
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/iletisim.html"){
 +
          $("#humanprac").addClass("secili");
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
 +
          $("#wetlab").addClass("sec"); 
 +
      }
 +
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Safety"){
 +
          $("#safety").addClass("sec"); 
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
 +
          $("#futurework").addClass("sec"); 
 +
      }
 +
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
 +
          $("#extras").addClass("sec"); 
 +
      }
 +
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Team"){
 +
          $("#team").addClass("teamsec"); 
 +
      }
 +
      };       
 +
});
 +
 +
</script>
 +
 +
 +
</html>
<html>
<html>
Line 92: 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 154: 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 206: Line 255:
-
#home.sec{
+
 
 +
.homesec{
     width:96px;
     width:96px;
     height: 30px;
     height: 30px;
Line 241: 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 261: Line 306:
<html>
<html>
-
<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">
+
-
 
+
-
$(document).ready(function(){ 
+
-
      var link = location.href;//Tarayıcıdan linki(url) çekiyoruz.
+
-
          if (link == "https://2011.igem.org/Team:METU-Ankara/"){
+
-
          $("#home").addClass("sec");  /*hm id'li nesneye secili classını ekletiyoruz.
+
-
Bu nesne yukarıdaki html kodlarında görülebileceği gibi anasayfa seçeneği. */
+
-
      }
+
-
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Project"){
+
-
/* else if  kontrolü ile diğer eşitlik durumları için de stillerimizi ekliyoruz.*/
+
-
          $("#project").addClass("sec"); 
+
-
      }
+
-
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
+
-
          $("#wetlab").addClass("sec"); 
+
-
      }
+
-
          else if(link == "http://www.kodbeyin.com/2011/06/iletisim.html"){
+
-
          $("#humanprac").addClass("secili");
+
-
      }
+
-
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
+
-
          $("#wetlab").addClass("sec"); 
+
-
      }
+
-
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Safety"){
+
-
          $("#safety").addClass("sec"); 
+
-
      }
+
-
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
+
-
          $("#futurework").addClass("sec"); 
+
-
      }
+
-
          else if(link == "http://www.kodbeyin.com/2011/06/arsiv.html"){
+
-
          $("#extras").addClass("sec"); 
+
-
      }
+
-
          else if(link == "https://2011.igem.org/Team:METU-Ankara/Team"){
+
-
          $("#team").addClass("sec"); 
+
-
      }
+
-
      };       
+
-
});
+
-
+
-
</script>
+
<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"