Difference between revisions of "Code Documentation"

Line 64: Line 64:
 
<p> For a full width page with a side menu: </p>
 
<p> For a full width page with a side menu: </p>
  
<pre>  
+
<xmp>  
 
{{{2015CSS}}
 
{{{2015CSS}}
 
<html>
 
<html>
Line 80: Line 80:
 
                 <br>Please check back often for details. </p></div>
 
                 <br>Please check back often for details. </p></div>
 
<!-- start of content ---------------------------------------->
 
<!-- start of content ---------------------------------------->
</pre>
+
</xmp>
  
  

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