Template:METU-Ankara header

From 2011.igem.org

(Difference between revisions)
Line 205: Line 205:
-
#home a.secili{
+
.homesec{
-
     width:130px;
+
     width:96px;
 +
    height: 30px;
     background: url("http://ascmedikal.com/igem/home_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/home_h.png") no-repeat;
}
}
-
#project a.secili{
+
.projectsec {
-
     width:142px;
+
     width:127px;
 +
    height: 38px;
     background: url("http://ascmedikal.com/igem/project_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/project_h.png") no-repeat;
}
}
-
#wetlab a.secili{
+
.wetlabsec {
-
     width:120px;
+
     width:145px;
 +
    height: 30px;
     background: url("http://ascmedikal.com/igem/wetlab_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/wetlab_h.png") no-repeat;
}
}
-
#humanprac a.secili{
+
.humanpracsec {
-
     width:108px;
+
     width:268px;
 +
    height: 31px;
     background: url("http://ascmedikal.com/igem/humanprac_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/humanprac_h.png") no-repeat;
}
}
-
#safety a.secili{
+
.safetysec {
-
     width:108px;
+
     width:112px;
 +
    height: 37px;
     background: url("http://ascmedikal.com/igem/safety_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/safety_h.png") no-repeat;
}
}
-
#futurework a.secili{
+
.futurework {
-
     width:108px;
+
     width:223px;
 +
    height: 30px;
     background: url("http://ascmedikal.com/igem/futurework_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/futurework_h.png") no-repeat;
}
}
-
#extras a.secili{
+
.extrassec {
-
     width:108px;
+
     width:117px;
 +
    height: 30px;
     background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/extras_h.png") no-repeat;
}
}
-
#team a.secili{
+
.teamsec {
-
     width:108px;
+
     width:94px;
 +
    height: 30px;
     background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
     background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
}
}
</style>
</style>
</html>
</html>
-
 
+
<script language="javascript" type="text/javascript">
 +
   
 +
        function changeCssClass(objDivID)
 +
        {
 +
            if(document.getElementById(objDivID).className=='home')
 +
            {
 +
                document.getElementById(objDivID).className = 'homesec';
 +
            }
 +
            if(document.getElementById(objDivID).className=='project')
 +
            {
 +
                document.getElementById(objDivID).className = 'projectsec';
 +
            }
 +
            if(document.getElementById(objDivID).className=='wetlab')
 +
            {
 +
                document.getElementById(objDivID).className = 'wetlabsec';
 +
            }
 +
            if(document.getElementById(objDivID).className=='humanprac')
 +
            {
 +
                document.getElementById(objDivID).className = 'humanpracsec';
 +
            }
 +
            if(document.getElementById(objDivID).className=='safety')
 +
            {
 +
                document.getElementById(objDivID).className = 'safetysec';
 +
            }
 +
            if(document.getElementById(objDivID).className=='futurework')
 +
            {
 +
                document.getElementById(objDivID).className = 'futureworksec';
 +
            }
 +
            if(document.getElementById(objDivID).className=='extras')
 +
            {
 +
                document.getElementById(objDivID).className = 'extrassec';
 +
            }
 +
            if(document.getElementById(objDivID).className=='team')
 +
            {
 +
                document.getElementById(objDivID).className = 'teamsec';
 +
            }
 +
      }
 +
</script>
Line 245: Line 290:
<html>
<html>
<ul id="menu" >
<ul id="menu" >
-
<li id="home"><a href="https://2011.igem.org/Team:METU-Ankara" class="secili" title="Home">Home</a></li>
+
<li id="home"><a href="https://2011.igem.org/Team:METU-Ankara" class="home" title="Home" onclick="changeCssClass('menu')" >Home</a></li>
-
<li id="project"><a href="https://2011.igem.org/Team:METU-Ankara/Project" title="Project">Project</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="wetlab"><a href="#" title="Muz">Wet-Lab</a></li>
+
<li id="wetlab"><a href="#" class="wetlab" title="Muz" onclick="changeCssClass('menu')">Wet-Lab</a></li>
-
<li id="humanprac"><a href="#" title="Human Practice">Human Practice</a></li>
+
<li id="humanprac"><a href="#" class="humanprac" title="Human Practice" onclick="changeCssClass('menu')">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" title="Safety">Safety</a></li>
+
<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="futurework"><a href="#" title="Future Work">Future Work</a></li>
+
<li id="futurework"><a href="#" class="futurework" title="Future Work" onclick="changeCssClass('menu2')">Future Work</a></li>
-
<li id="extras"><a href="https://2011.igem.org/Team:METU-Ankara/Extras" title="Extras">Extras</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="team"><a href="https://2011.igem.org/Team:METU-Ankara/Team" title="Team">Team</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>
</ul>
</ul>
</html>
</html>

Revision as of 21:02, 25 August 2011

<script language="javascript" type="text/javascript"> 

       function changeCssClass(objDivID)
       {
           if(document.getElementById(objDivID).className=='home')
           {
               document.getElementById(objDivID).className = 'homesec';
           }
           if(document.getElementById(objDivID).className=='project')
           {
               document.getElementById(objDivID).className = 'projectsec';
           }
           if(document.getElementById(objDivID).className=='wetlab')
           {
               document.getElementById(objDivID).className = 'wetlabsec';
           }
           if(document.getElementById(objDivID).className=='humanprac')
           {
               document.getElementById(objDivID).className = 'humanpracsec';
           }
           if(document.getElementById(objDivID).className=='safety')
           {
               document.getElementById(objDivID).className = 'safetysec';
           }
           if(document.getElementById(objDivID).className=='futurework')
           {
               document.getElementById(objDivID).className = 'futureworksec';
           }
           if(document.getElementById(objDivID).className=='extras')
           {
               document.getElementById(objDivID).className = 'extrassec';
           }
           if(document.getElementById(objDivID).className=='team')
           {
               document.getElementById(objDivID).className = 'teamsec';
           }
      }

</script>


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