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 --> |
- | + | <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__ | ||
- | + | ||
- | < | + | <!-- MAIN --> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<div id="kul-main"> | <div id="kul-main"> | ||
- | <!-- | + | <!-- 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 --> | ||
- | |||
<html> | <html> | ||
+ | <!-- MAIN CONTAINER --> | ||
<div id="kul-main-container"> | <div id="kul-main-container"> | ||
- | + | <!-- 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"> | ||
- | <!-- | + | <!-- SIDEBAR HEADER --> |
<div id="kul-sidebar-header"> | <div id="kul-sidebar-header"> | ||
</div> | </div> | ||
+ | <!-- END SIDEBAR HEADER --> | ||
- | <!-- | + | <!-- 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