Difference between revisions of "Code Documentation"

Line 41: Line 41:
 
<h5> Top part of the page</h5>
 
<h5> Top part of the page</h5>
  
−
<p> For a full width page with no side menu </p>
+
<p> For a full width page with no side menu: </p>
  
 
<xmp>  
 
<xmp>  
Line 58: Line 58:
 
<!-- start of content ---------------------------------------->
 
<!-- start of content ---------------------------------------->
 
</xmp>
 
</xmp>
 +
 +
 +
 +
 +
<p> For a full width page with a side menu: </p>
 +
 +
<xmp>
 +
{{{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 ---------------------------------------->
 +
</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