Difference between revisions of "Code Documentation"
| Line 86: | Line 86: | ||
<div id="leftColumn"> | <div id="leftColumn"> | ||
| − | + | <h4>On this page </h4> | |
<ul> | <ul> | ||
<a href="You lInk goes here"> <li>Name goes here </li></a> | <a href="You lInk goes here"> <li>Name goes here </li></a> | ||
Revision as of 22:09, 30 January 2015
CSS and HTML used in iGEM 2015
This page documents and explains the CSS and HTML used in the 2015 site.
Creating a Page
To create a full width page, use:
{{2015CSS}}
<html>
<!-- Here is where you change the title of page -->
<div id="pageTitle">
<h2> Page Title</div>
<div id="grayLine_Clear"></div>
<div id="fullWidth">
<!-- This is the alert message. You can edit the text and remove once the page is ready-->
<div id="alertMessage"> <p> Please note that all information on this page is in a draft version.
<br>Please check back often for details. </p></div>
<!-- start of content ---------------------------------------->
********** Your html should be placed here. **********
<!-- end of content ---------------------------------------->
</div>
<div class="clear"></div>
</html> {{2015Footer}}<html>
</div>
</html>
To create a Page that will use a side menu use:
{{2015CSS}}
<html>
<!-- Here is where you change the title of page -->
<div id="pageTitle">
<h2> Page Title</div>
<div id="grayLine_Clear"></div>
<div id="leftColumn">
On this page
<ul>
<a href="You lInk goes here"> <li>Name goes here </li></a>
<a href="You lInk goes here"> <li>Name goes here </li></a>
<a href="You lInk goes here"> <li>Name goes here </li></a>
</ul>
</div>
<div id="rightColumn">
<!-- This is the alert message. You can edit the text and remove once the page is ready-->
<div id="alertMessage"> <p> Please note that all information on this page is in a draft version.
<br>Please check back often for details. </p></div>
<!-- start of content ---------------------------------------->
********** Your html should be placed here. **********
<!-- end of content ---------------------------------------->
</div>
<div class="clear"></div>
</html> {{2015Footer}}<html>
</div>
</html>
powered by MediaWiki