Template:METU-Ankara header

From 2011.igem.org

(Difference between revisions)
 
(34 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 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>
 +
<style type="text/css">
<style type="text/css">
Line 74: Line 119:
}
}
-
 
+
ul#menu {
-
 
+
    height: 54px;
-
.navbar
+
    width: 500px;
-
{
+
    margin: 0;
-
align:center;
+
    padding: 0;
-
font-size:18px;
+
    position: relative;
-
 
+
}
}
-
 
+
ul#menu2 {
-
.navbar tr
+
    height: 54px;
-
{
+
    width: 500px;
-
background-color:#d3c4a7;
+
    margin: 0;
-
 
+
    padding: 0;
 +
    position: relative;
}
}
-
.navbar td
+
ul#menu li {
-
{
+
    list-style: none;
-
border-right:1px dotted #FFF;
+
    position: absolute;
-
display:inline;
+
-
margin-left:18px;
+
-
padding-right:8px;
+
-
align="center";
+
}
}
-
 
+
ul#menu li .active {
-
#metubar
+
    width:94px;
-
{
+
    height: 30px;
-
  width:100%;
+
    background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
}
}
-
 
+
ul#menu2 li {
-
.metuhome a {
+
    list-style: none;
-
  margin:0 20px;
+
    position: absolute;
-
  float:left;
+
-
  width:96px;
+
-
  height:30px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/home.png")
+
}
}
 +
ul#menu li a {
 +
    height: 54px;
 +
    display: block;
 +
    position:relative;
 +
}
 +
ul#menu2 li a {
 +
    height: 54px;
 +
    display: block;
 +
    position:relative;
 +
}
 +
#home a{
 +
    width:96px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/home.png") no-repeat;
 +
}
 +
#project a{
 +
    width:127px;
 +
    height: 38px;
 +
    background: url("http://ascmedikal.com/igem/project.png") no-repeat;
 +
}
 +
#wetlab a{
 +
    width:145px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/wetlab.png") no-repeat;
 +
}
 +
#humanprac a{
 +
    width:268px;
 +
    height: 31px;
 +
    background: url("http://ascmedikal.com/igem/humanprac.png") no-repeat;
 +
}
 +
#safety a{
 +
    width:112px;
 +
    height: 37px;
 +
    background: url("http://ascmedikal.com/igem/safety.png") no-repeat;
 +
}
 +
#futurework a{
 +
    width:223px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/futurework.png") no-repeat;
 +
}
 +
#extras a{
 +
    width:117px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/extras.png") no-repeat;
 +
}
 +
#team a{
 +
    width:94px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/team.png") no-repeat;
 +
}
 +
#home {left: 0px;}
 +
#project {left: 130px;}
 +
#wetlab {left: 300px;}
 +
#humanprac {left: 480px;}
 +
#safety {left: 0px;}
 +
#futurework {left: 140px;}
 +
#extras {left: 390px;}
 +
#team {left: 265px;}
-
 
+
ul#menu li a {
-
 
+
    text-indent: -9999px;
-
.metuproject a {
+
    text-decoration: none;
-
  margin:0 15px;
+
}
-
  float:left;
+
ul#menu2 li a {
-
  width:127px;
+
    text-indent: -9999px;
-
  height:38px;
+
    text-decoration: none;
-
  display:block;
+
}
-
  text-decoration:none;
+
#home a:hover{
-
  background-image: url("http://ascmedikal.com/igem/project.png")  
+
    width:96px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/home_h.png") no-repeat;
 +
}
 +
#project a:hover{
 +
    width:127px;
 +
    height: 38px;
 +
    background: url("http://ascmedikal.com/igem/project_h.png") no-repeat;
 +
}
 +
#wetlab a:hover{
 +
    width:145px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/wetlab_h.png") no-repeat;
 +
}
 +
#humanprac a:hover{
 +
    width:268px;
 +
    height: 31px;
 +
    background: url("http://ascmedikal.com/igem/humanprac_h.png") no-repeat;
 +
}
 +
#safety a:hover{
 +
    width:112px;
 +
    height: 37px;
 +
    background: url("http://ascmedikal.com/igem/safety_h.png") no-repeat;
 +
}
 +
#futurework a:hover{
 +
    width:223px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/futurework_h.png") no-repeat;
 +
}
 +
#extras a:hover{
 +
    width:117px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
 +
}
 +
#team a:hover{
 +
    width:94px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
}
}
-
.metuwetlab a {
+
.homesec{
-
  margin:0 15px;
+
    width:96px;
-
  float:left;
+
    height: 30px;
-
  width:145px;
+
    background: url("http://ascmedikal.com/igem/home_h.png") no-repeat;
-
  height:30px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/wetlab.png")  
+
}
}
-
 
+
#project.sec {
-
 
+
    width:127px;
-
.metuhumanprac a {
+
    height: 38px;
-
  margin:0 15px;
+
    background: url("http://ascmedikal.com/igem/project_h.png") no-repeat;
-
  float:left;
+
-
  width:268px;
+
-
  height:31px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/humanprac.png")  
+
}
}
-
 
+
#wetlab.sec {
-
 
+
    width:145px;
-
.metusafety a {
+
    height: 30px;
-
  margin:0 15px;
+
    background: url("http://ascmedikal.com/igem/wetlab_h.png") no-repeat;
-
  float:left;
+
-
  width:112px;
+
-
  height:37px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/safety.png")  
+
}
}
-
 
+
#humanprac.sec {
-
.metufuturework a {
+
    width:268px;
-
  margin:0;
+
    height: 31px;
-
  float:left;
+
    background: url("http://ascmedikal.com/igem/humanprac_h.png") no-repeat;
-
  width:223px;
+
-
  height:30px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/futurework.png")  
+
}
}
-
 
+
#safety.sec {
-
.metuextras a {
+
    width:112px;
-
  margin:0 15px;
+
    height: 37px;
-
  float:left;
+
    background: url("http://ascmedikal.com/igem/safety_h.png") no-repeat;
-
  width:117px;
+
-
  height:30px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/extras.png")  
+
}
}
-
 
+
#future.work {
-
.metuteam a {
+
    width:223px;
-
  margin:0 15px;
+
    height: 30px;
-
  float:left;
+
    background: url("http://ascmedikal.com/igem/futurework_h.png") no-repeat;
-
  width:94px;
+
-
  height:30px;
+
-
  display:block;
+
-
  text-decoration:none;
+
-
  background-image: url("http://ascmedikal.com/igem/team.png")  
+
}
}
 +
#extras.sec {
 +
    width:117px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
 +
}
 +
.teamsec {
 +
    width:94px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
 +
}
 +
</style>
</style>
 +
 +
</html>
</html>
-
<center>
+
 
-
<div id="metubar" class="metuhome">[[Team:METU-Ankara|&nbsp;]]</div>
+
 
-
<div id="metubar" class="metuproject">[[METU-Ankara/Project|&nbsp;]]</div>
+
-
<div id="metubar" class="metuwetlab">[[METU-Ankara/Wet-Lab|&nbsp;]]</div>
+
-
<div id="metubar" class="metuhumanprac">[[Team:METU-Ankara/Human-Practice|&nbsp;]]</div>
+
-
<div id="metubar" class="metusafety">[[Team:METU-Ankara/Safety|&nbsp;]]</div>
+
-
<div id="metubar" class="metufuturework">[[Team:METU-Ankara/Future-Work|&nbsp;]]</div>
+
-
<div id="metubar" class="metuextras">[[Team:METU-Ankara/Extras|&nbsp;]]</div>
+
-
<div id="metubar" class="metuteam">[[Team:METU-Ankara/Team|&nbsp;]]</div>
+
-
</center>
+
<html>
<html>
 +
 +
<ul id="menu" >
 +
<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">Project</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">Human Practice</a></li>
 +
</ul>
 +
<ul id="menu2" >
 +
<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">Future Work</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 id="team" href="https://2011.igem.org/Team:METU-Ankara/Team" title="Team">Team</a></li>
 +
</ul>
</html>
</html>

Latest revision as of 22:47, 25 August 2011



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