|
|
Line 134: |
Line 134: |
| <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> | | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> |
| <body> | | <body> |
- | <div id="Layer1" style="position:absolute; left:-10px; top:-3px; width:990px; height:500px; z-index:1"> | + | <div id="Layer1" style="position:absolute; left:-31px; top:-3px; width:990px; height:500px; z-index:1"> |
- | <!--menu bar basladi -->
| + | |
- | <ul class="topnav">
| + | |
- | <li><a href="" title="">Home</a></li>
| + | |
- | | + | |
- | | + | |
- | <li>
| + | |
- | <a href="" title="">Project</a>
| + | |
- | </li>
| + | |
- | <li><a href="" title="">Notebook</a></li>
| + | |
- | <li><a href="" title="">Results</a></li>
| + | |
- | <li>
| + | |
- | <a href="" title="">Team</a>
| + | |
- | | + | |
- | <ul class="subnav">
| + | |
- | <li><a href="/memIns" title="">Instructors</a></li>
| + | |
- | | + | |
- | <li><a href="/memAdv" title="">Advisor</a></li>
| + | |
- | <li><a href="/memStu" title="">Student Members</a></li>
| + | |
- | | + | |
- | </ul>
| + | |
- | | + | |
- | </li>
| + | |
- | <li><a href="" title="">Gallery</a></li>
| + | |
- | </ul>
| + | |
- | <br><br><br>
| + | |
- | <!-- menubar bitti-->
| + | |
- | </div>
| + | |
- | | + | |
- | <br />
| + | |
- | <br />
| + | |
- | </body>
| + | |
- | </html>
| + | |
- | <!DOCTYPE html>
| + | |
- | <html>
| + | |
- | <head>
| + | |
- |
| + | |
- | <title>Baskent-Meds IGEMwiki</title>
| + | |
- | <!--menu bar script-->
| + | |
- | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
| + | |
- | <script type="text/javascript">
| + | |
- | $(document).ready(function(){
| + | |
- | | + | |
- | $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
| + | |
- |
| + | |
- | $("ul.topnav li span").click(function() { //When trigger is clicked...
| + | |
- |
| + | |
- | //Following events are applied to the subnav itself (moving subnav up and down)
| + | |
- | $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
| + | |
- | | + | |
- | $(this).parent().hover(function() {
| + | |
- | }, function(){
| + | |
- | $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
| + | |
- | });
| + | |
- | | + | |
- | //Following events are applied to the trigger (Hover events for the trigger)
| + | |
- | }).hover(function() {
| + | |
- | $(this).addClass("subhover"); //On hover over, add class "subhover"
| + | |
- | }, function(){ //On Hover Out
| + | |
- | $(this).removeClass("subhover"); //On hover out, remove class "subhover"
| + | |
- | });
| + | |
- | | + | |
- | });
| + | |
- | /*menu bar script*/
| + | |
- | </script>
| + | |
- |
| + | |
- | | + | |
- | <style>
| + | |
- | /*menubar css*/
| + | |
- | | + | |
- | body
| + | |
- | {
| + | |
- | margin-left:20px;
| + | |
- | margin-right:20px;
| + | |
- | padding:0;
| + | |
- | font:10px normal Arial, Helvetica, sans-serif;
| + | |
- | background: #fff url("http://mail.baskent.edu.tr/mail/igem/scriptler/menubar/body_bg.gif") repeat-x;
| + | |
- | background-color: #FFFFFF;
| + | |
- | }
| + | |
- | ul.topnav
| + | |
- | {
| + | |
- | padding:0 20px;
| + | |
- | margin:0;
| + | |
- | float:left;
| + | |
- | width:990px;
| + | |
- | background:#222;
| + | |
- | font-size:1.2em;
| + | |
- | background:url("https://static.igem.org/mediawiki/2012/1/1b/Topnav_bg.gif") repeat-x;
| + | |
- | }
| + | |
- | ul.topnav li
| + | |
- | {
| + | |
- | float:left;
| + | |
- | list-style-type:none;
| + | |
- | margin:0;
| + | |
- | padding:0 15px 0 0;
| + | |
- | position:relative; /*--Declare X and Y axis base--*/
| + | |
- | }
| + | |
- | ul.topnav li a
| + | |
- | {
| + | |
- | padding:10px 5px;
| + | |
- | color:#fff;
| + | |
- | display:block;
| + | |
- | text-decoration:none;
| + | |
- | float:left;
| + | |
- | }
| + | |
- | ul.topnav li a:hover
| + | |
- | {
| + | |
- | background:url("https://static.igem.org/mediawiki/2012/f/f5/Topnav_hover.gif") no-repeat center top;
| + | |
- | }
| + | |
- | ul.topnav li span
| + | |
- | {
| + | |
- | /*--Drop down trigger styles--*/
| + | |
- | width:17px;
| + | |
- | height:35px;
| + | |
- | float:left;
| + | |
- | background:url("https://static.igem.org/mediawiki/2012/4/45/Subnav_btn.gif") no-repeat center top;
| + | |
- | }
| + | |
- | ul.topnav li span.subhover
| + | |
- | {
| + | |
- | /*--Hover effect for trigger--*/
| + | |
- | background-position:
| + | |
- | center bottom;
| + | |
- | cursor: pointer;
| + | |
- | }
| + | |
- | ul.topnav li ul.subnav
| + | |
- | {
| + | |
- | list-style:none;
| + | |
- | position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
| + | |
- | left:0;
| + | |
- | top:35px;
| + | |
- | background:#333;
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | display:none;
| + | |
- | float:left;
| + | |
- | width:170px;
| + | |
- | -moz-border-radius-bottomleft:5px;
| + | |
- | -moz-border-radius-bottomright:5px;
| + | |
- | -webkit-border-bottom-left-radius:5px;
| + | |
- | -webkit-border-bottom-right-radius:5px;
| + | |
- | border:1px solid #111;
| + | |
- | }
| + | |
- | ul.topnav li ul.subnav li
| + | |
- | {
| + | |
- | margin:0;
| + | |
- | padding:0;
| + | |
- | border-top:1px solid #252525; /*--Creates bevel effect--*/
| + | |
- | border-bottom:1px solid #444; /*--Creates bevel effect--*/
| + | |
- | clear:both;
| + | |
- | width:170px;
| + | |
- | }
| + | |
- | html ul.topnav li ul.subnav li a
| + | |
- | {
| + | |
- | float:left;
| + | |
- | width:145px;
| + | |
- | background:#333 url("https://static.igem.org/mediawiki/2012/4/4b/Dropdown_linkbg.gif") no-repeat 10px center;
| + | |
- | padding-left:20px;
| + | |
- | }
| + | |
- | html ul.topnav li ul.subnav li a:hover
| + | |
- | {
| + | |
- | /*--Hover effect for subnav links--*/
| + | |
- | background:#222 url("https://static.igem.org/mediawiki/2012/4/4b/Dropdown_linkbg.gif") no-repeat 10px center;
| + | |
- | }
| + | |
- | /*menu bar css*/
| + | |
- | </style>
| + | |
- | | + | |
- | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>
| + | |
- | <body>
| + | |
- | <div id="Layer1" style="position:absolute; left:-18px; top:-3px; width:990px; height:500px; z-index:1">
| + | |
| <!--menu bar basladi --> | | <!--menu bar basladi --> |
| <ul class="topnav"> | | <ul class="topnav"> |