Template:METU-Ankara header
From 2011.igem.org
(Difference between revisions)
(64 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:# | + | A:active {text-decoration: none; color:#FFF;} |
- | A:hover {text-decoration: none; | + | A:hover {text-decoration: none; color:#FFF;} |
body | body | ||
Line 16: | Line 61: | ||
color: #888888; | color: #888888; | ||
margin: 0; | margin: 0; | ||
- | background-color: # | + | background-color: #e1d7bc; |
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
#content | #content | ||
{ | { | ||
- | + | ||
- | + | ||
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: | ||
} | } | ||
- | # | + | 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; | |
- | + | 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