Team:Bilkent UNAM Turkey

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
 
+
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js'></script>
 +
<link href='https://2011.igem.org/Team:Bilkent_UNAM_Turkey/css/tabbedContent.css?action=raw&amp;ctype=text/css' rel='stylesheet' type='text/css' />
 +
<script src="https://2011.igem.org/Team:Bilkent_UNAM_Turkey/js/tabbedContent.js?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
<style type="text/css">
<style type="text/css">
Line 58: Line 60:
}
}
</style>
</style>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</head>
</head>
 +
 +
 +
<body>
 +
<div class='tabbed_content'>
 +
<div class='tabs'>
 +
<div class='moving_bg'>
 +
&nbsp;
 +
</div>
 +
<span class='tab_item'>
 +
Tab one
 +
</span>
 +
<span class='tab_item'>
 +
Tab two
 +
</span>
 +
<span class='tab_item'>
 +
Tab three
 +
</span>
 +
<span class='tab_item'>
 +
Tab four
 +
</span>
 +
</div>
 +
 +
<div class='slide_content'>
 +
<div class='tabslider'>
 +
 +
<!-- content goes here -->
 +
 +
<ul>
 +
 +
<a href="google.com">This matches the first tab</a>
 +
<p>Deneme 1 2 3
 +
 +
<li>
 +
This matches the second tab
 +
</li>
 +
<li>
 +
This matches the second tab
 +
</li>
 +
<li>
 +
This matches the second tab
 +
</li>
 +
<li>
 +
This matches the second tab
 +
</li>
 +
</ul>
 +
<ul>
 +
<li>
 +
This matches the second tab
 +
</li>
 +
</ul>
 +
<ul>
 +
<li>
 +
This matches the third tab
 +
</li>
 +
</ul>
 +
<ul>
 +
<li>
 +
This matches the fourth tab
 +
</li>
 +
</ul>
 +
 +
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</body>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</html>
</html>

Revision as of 05:32, 25 August 2011

 
Tab one Tab two Tab three Tab four
    This matches the first tab

    Deneme 1 2 3

  • This matches the second tab
  • This matches the second tab
  • This matches the second tab
  • This matches the second tab
  • This matches the second tab
  • This matches the third tab
  • This matches the fourth tab