Talk:Team:Baskent-Meds

From 2012.igem.org

(Difference between revisions)
Line 135: Line 135:
<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:-10px; 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">

Revision as of 13:19, 4 July 2012

<!DOCTYPE html> Baskent-Meds IGEMwiki



<!DOCTYPE html> Baskent-Meds IGEMwiki

Retrieved from "http://2012.igem.org/Talk:Team:Baskent-Meds"