Difference between revisions of "Code Documentation"

Line 77: Line 77:
 
<div id="rightColumn">
 
<div id="rightColumn">
 
<!-- alert message, the text can be edited -->  
 
<!-- alert message, the text can be edited -->  
−
<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>
+
<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 ---------------------------------------->
 
<!-- start of content ---------------------------------------->
 
</xmp>
 
</xmp>

Revision as of 21:32, 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

Top part of the page

For a full width page with no side menu:

{{2015CSS}} <html> <!-- change the page title --> <div id="pageTitle"> <h2>Poster Guidelines</h2> </div></div> <div id="grayLine_Clear"></div> <!-- this is where the content is placed ---> <div id="fullWidth"> <!-- alert message, the text can be edited --> <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 ---------------------------------------->

For a full width page with a side menu:

{{{2015CSS}} <html> <!-- change the page title --> <div id="pageTitle"> <h2> Starting a team</h2> </div></div> <div id="grayLine_Clear"></div> <div id="leftColumn"> <!-- this is where the submenu is placed --> </div> <div id="rightColumn"> <!-- alert message, the text can be edited --> <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 ---------------------------------------->

powered by MediaWiki