Template:METU-Ankara header
From 2011.igem.org
(Difference between revisions)
(41 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 20: | Line 65: | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#content | #content | ||
Line 138: | Line 119: | ||
} | } | ||
- | # | + | ul#menu { |
- | { | + | height: 54px; |
- | + | width: 500px; | |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: relative; | ||
} | } | ||
- | # | + | ul#menu2 { |
- | { | + | height: 54px; |
- | + | width: 500px; | |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | position: relative; | ||
+ | } | ||
+ | ul#menu li { | ||
+ | list-style: none; | ||
+ | position: absolute; | ||
+ | } | ||
+ | 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;} | ||
- | + | ul#menu li a { | |
- | { | + | text-indent: -9999px; |
- | + | 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; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | . | + | .homesec{ |
- | { | + | width:96px; |
- | background | + | height: 30px; |
+ | background: url("http://ascmedikal.com/igem/home_h.png") no-repeat; | ||
} | } | ||
- | . | + | #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> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<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