Team:KULeuven/Zandbak/Home

From 2008.igem.org

(Difference between revisions)
Line 1: Line 1:
{{:Team:KULeuven/Tools/Header}}
{{:Team:KULeuven/Tools/Header}}
 +
 +
<!-- Explaining the structure:
 +
 +
The homepage is divides into a main and a sidebar area, the sidebar is seen to the right, while the main area keeps to the left.
 +
 +
The main area is further divided by a header, containing the wellcome word, and the main-container, which will hold all the blocks (kuleuven, team, ...).
 +
 +
The sidebar is also divided into a sidebar-header and sidebar-content.
 +
-->
 +
<html lang="en">
<html lang="en">
Line 6: Line 16:
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Script-Type" content="text/javascript">
-
<style type="text/css">
+
<!-- CSS -->
-
@import url(http://www.google.com/cse/api/branding.css);
+
<style type="text/css" media="screen, projection">
@import url(http://www.student.kuleuven.be/~s0173901/wiki/css/global.css);
@import url(http://www.student.kuleuven.be/~s0173901/wiki/css/global.css);
 +
@import url(http://www.student.kuleuven.be/~s0173901/wiki/css/ui.tabs.css);
 +
@import url(http://www.google.com/cse/api/branding.css);
</style>
</style>
 +
 +
<!-- JAVASCRIPT -->
 +
<script type="text/javascript" src="http://www.student.kuleuven.be/~s0173901/wiki/js/ui.core.js"></script>
 +
<script type="text/javascript" src="http://www.student.kuleuven.be/~s0173901/wiki/js/ui.tabs.js"></script>
 +
<script type="text/javascript">
 +
$(function() {
 +
$('#kuleuven > ul').tabs();
 +
});
 +
</script>
</html>
</html>
__NOTOC__
__NOTOC__
-
<html>
+
 
-
<div id="kuleuven">
+
<!-- MAIN -->
-
<ul>
+
-
<li><a href="#kuleuven-1"><span>One</span></a></li>
+
-
<li><a href="#kuleuven-2"><span>Two</span></a></li>
+
-
</ul>
+
-
<div id="kuleuven-1">
+
-
testing
+
-
</div>
+
-
<div id="kuleuven-2">
+
-
jbgvldia
+
-
</div>
+
-
</div>
+
-
</html>
+
<div id="kul-main">
<div id="kul-main">
-
<!-- _____WELLCOME WORD_____ -->
+
<!-- MAIN HEADER -->
<div id="kul-main-header">
<div id="kul-main-header">
<h3>Wellcome</h3>
<h3>Wellcome</h3>
<p>shakataksthshaa</p>
<p>shakataksthshaa</p>
</div>
</div>
 +
<!-- END MAIN HEADER -->
-
<!-- _____SHUFFLE AREA_____ -->
 
<html>
<html>
 +
<!-- MAIN CONTAINER -->
<div id="kul-main-container">
<div id="kul-main-container">
-
<div id="kul-main-content">
+
<!-- MAIN CONTENT -->
-
+
<div id="kul-main-content">
-
</div>
+
 
 +
<!-- KULEUVEN BOX  -->
 +
<div id="kuleuven">
 +
<ul>
 +
<li><a href="#kuleuven-1"><span>Leuven 1</span></a></li>
 +
<li><a href="#kuleuven-2"><span>Leuven 2</span></a></li>
 +
</ul>
 +
 
 +
<div id="kuleuven-1">
 +
This is the first kuleuven box
</div>
</div>
 +
 +
<div id="kuleuven-2">
 +
This is the second kuleuven box, totally click me...
 +
</div>
 +
 +
</div>
 +
<!-- END KULEUVEN BOX -->
 +
 +
</div>
 +
<!-- END MAIN CONTENT -->
 +
</div>
 +
<!-- END MAIN CONTAINER -->
</html>
</html>
 +
</div>
</div>
 +
<!-- END MAIN -->
 +
<!-- SIDEBAR -->
<div id="kul-sidebar">
<div id="kul-sidebar">
-
<!-- ____TOP SIDEBAR____ -->
+
<!-- SIDEBAR HEADER -->
<div id="kul-sidebar-header">
<div id="kul-sidebar-header">
</div>
</div>
 +
<!-- END SIDEBAR HEADER -->
-
<!-- ____SIDEBAR AREA____ -->
+
<!-- SIDEBAR CONTENT -->
<div id="kul-sidebar-content">
<div id="kul-sidebar-content">
<div class="sidebox">
<div class="sidebox">
Line 91: Line 126:
</html>
</html>
</div>
</div>
 +
<!-- END SIDEBAR CONTENT -->
 +
</div>
</div>
 +
<!-- END SIDEBAR -->

Revision as of 12:44, 12 August 2008

  dock/undock dropdown  



Wellcome

shakataksthshaa

This is the first kuleuven box
This is the second kuleuven box, totally click me...

Custom Search