Difference between revisions of "Code Documentation"

Line 39: Line 39:
 
<h3> Creating a Page</h3>
 
<h3> Creating a Page</h3>
  
<h5> Top part of the page</h5>
+
<p> To create  a Page that will use a side menu use: </p>
<p> For a full width page with no side menu: </p>
+
<pre> {{2015CSS}}
<xmp>
+
{{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 ---------------------------------------->
+
</xmp>
+
 
+
 
+
<br><br>
+
 
+
<p> For a full width page with a side menu: </p>
+
<pre>  
+
{{2015CSS}}
+
 
&#60;html&#62;
 
&#60;html&#62;
 
&#60;!-- change the page title --&#62;
 
&#60;!-- change the page title --&#62;

Revision as of 21:44, 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 Page that will use a side menu use:

 {{2015CSS}}
<html>
	<!-- change the page title -->
	<div id="pageTitle">
		<h2> Starting a team</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 ----------------------------------------> 

         **********           Your html should be placed here.          **********

	<!-- end of content ---------------------------------------->
		</div>
		<div class="clear"></div>
		</html> {{2015Footer}}<html>
	</div>
</html>