Template:METU-Ankara header

From 2011.igem.org

(Difference between revisions)
 
(47 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 7: Line 52:
A:link {text-decoration: none; color:#3671A1;}
A:link {text-decoration: none; color:#3671A1;}
A:visited {text-decoration: none; color:#3671A1;}
A:visited {text-decoration: none; color:#3671A1;}
-
A:active {text-decoration: none; color:#3671A1;}
+
A:active {text-decoration: none; color:#FFF;}
-
A:hover {text-decoration: none; opacity:0.75;}
+
A:hover {text-decoration: none; color:#FFF;}
body
body
Line 16: Line 61:
color: #888888;
color: #888888;
margin: 0;
margin: 0;
-
         background-color: #FFF;
+
         background-color: #e1d7bc;
}
}
-
#top-section
 
-
{
 
-
width:965px;
 
-
border: 0;
 
-
border-bottom: 1px solid #888888;
 
-
height: 30px;
 
-
overflow: visible;
 
-
}
 
-
 
-
#menubar
 
-
{
 
-
position: absolute;
 
-
top: 0px;
 
-
display:block;
 
-
float:left;
 
-
border: none;
 
-
 
-
}
 
-
#menubar li a
 
-
{
 
-
color: #888888;
 
-
}
 
-
 
-
#menubar.right-menu
 
-
{
 
-
position: absolute;
 
-
right: 20px;
 
-
        font-size: 10px;
 
-
}
 
-
#menubar.left-menu
 
-
{
 
-
position: absolute;
 
-
left: 20px;
 
-
        font-size: 10px;
 
-
}
 
-
 
-
#search-controls
 
-
{
 
-
display: none
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
#p-logo a
 
-
{
 
-
display: none;
 
-
}
 
-
 
-
#p-logo
 
-
{
 
-
position: relative;
 
-
// top: 40px;
 
-
width: 824px;
 
-
        margin-left: auto;
 
-
margin-right: auto;
 
-
vertical-align:middle;
 
-
 
-
// background: url("https://static.igem.org/mediawiki/2011/archive/5/5f/20110626193150%21METU-Ankara_logo.png");
 
-
background-repeat: no-repeat;
 
-
background-position: middle top;
 
-
 
-
}
 
#content
#content
{
{
-
position: relative;
+
 
-
top: 50px;
+
border: 0;
border: 0;
 +
        background-color: #e1d7bc;
}
}
Line 100: Line 81:
margin: 0;
margin: 0;
line-height: 0;
line-height: 0;
-
 
+
        background-color: #e1d7bc;
         font-size: 10px;
         font-size: 10px;
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
Line 114: Line 95:
border-top: 1px solid #888888;
border-top: 1px solid #888888;
         width: 965px;
         width: 965px;
 +
        background-color: #e1d7bc;
}
}
Line 137: Line 119:
}
}
-
#menubar .selected a
+
ul#menu {
-
{
+
    height: 54px;
-
color:black;
+
    width: 500px;
 +
    margin: 0;
 +
    padding: 0;
 +
    position: relative;
}
}
-
#menubar li a:hover
+
ul#menu2 {
-
{
+
    height: 54px;
-
color:black;
+
    width: 500px;
 +
    margin: 0;
 +
    padding: 0;
 +
    position: relative;
}
}
-
 
+
ul#menu li {
-
.firstHeading
+
    list-style: none;
-
{
+
    position: absolute;
-
display: none;
+
}
}
 +
ul#menu li .active {
 +
    width:94px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/team_h.png") no-repeat;
 +
}
 +
ul#menu2 li {
 +
    list-style: none;
 +
    position: absolute;
 +
}
 +
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;}
-
.navbar
+
ul#menu li a {
-
{
+
    text-indent: -9999px;
-
align:center;
+
    text-decoration: none;
 +
}
 +
ul#menu2 li a {
 +
    text-indent: -9999px;
 +
    text-decoration: none;
 +
}
 +
#home a:hover{
 +
    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;
}
}
-
.navbar td
+
 
-
{
+
 
-
border-right:1px dotted #CCCCCC;
+
.homesec{
-
display:inline;
+
    width:96px;
-
margin-left:5px;
+
    height: 30px;
-
padding-right:5px;
+
    background: url("http://ascmedikal.com/igem/home_h.png") no-repeat;
-
align="center";
+
}
}
 +
#project.sec {
 +
    width:127px;
 +
    height: 38px;
 +
    background: url("http://ascmedikal.com/igem/project_h.png") no-repeat;
 +
}
 +
#wetlab.sec {
 +
    width:145px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/wetlab_h.png") no-repeat;
 +
}
 +
#humanprac.sec {
 +
    width:268px;
 +
    height: 31px;
 +
    background: url("http://ascmedikal.com/igem/humanprac_h.png") no-repeat;
 +
}
 +
#safety.sec {
 +
    width:112px;
 +
    height: 37px;
 +
    background: url("http://ascmedikal.com/igem/safety_h.png") no-repeat;
 +
}
 +
#future.work {
 +
    width:223px;
 +
    height: 30px;
 +
    background: url("http://ascmedikal.com/igem/futurework_h.png") no-repeat;
 +
}
 +
#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>
-
[[File:Methanec1.png|center|link=https://2011.igem.org/Team:METU-Ankara]]
 
-
<div class="navbar">
+
 
-
<center>
+
 
-
{|
+
 
-
|[[Team:METU-Ankara|Home]]
+
-
|[[Team:METU-Ankara/Project|Project]]
+
-
|[[Team:METU-Ankara/Wet-Lab|Wet Lab]]
+
-
|[[Team:METU-Ankara/Human-Practice|Human Practice]]
+
-
|[[Team:METU-Ankara/Safety|Safety]]
+
-
|[[Team:METU-Ankara/Future-Work|Future Work]]
+
-
|[[Team:METU-Ankara/Extras|Extras]]
+
-
|[[Team:METU-Ankara/Team|Team]]
+
-
|}
+
-
</center>
+
-
</div>
+
<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"