Difference between revisions of "Code Documentation"

Line 65: Line 65:
 
<PRE>
 
<PRE>
 
&#60;html&#62;
 
&#60;html&#62;
−
<!-- change the page title -->
+
&#60;!-- change the page title --&#62;
−
<div id="pageTitle">
+
&#60;div id="pageTitle"&#62;
−
<h2> Starting a team</h2>
+
&#60;h2> Starting a team</h2&#62;
−
</div></div>
+
&#60;/div>&#60;/div&#62;
−
<div id="grayLine_Clear"></div>
+
&#60;div id="grayLine_Clear">&#60;/div&#62;
−
<div id="leftColumn">
+
&#60;div id="leftColumn"&#62;
−
<!-- this is where the submenu is placed -->
+
&#60;!-- this is where the submenu is placed --&#62;
−
</div>
+
&#60;/div&#62;
−
<div id="rightColumn">
+
&#60;div id="rightColumn"&#62;
−
<!-- alert message, the text can be edited -->
+
&#60;!-- alert message, the text can be edited --&#62;
−
<div id="alertMessage"> <p> Please note that all information on this page is in a draft version.
+
&#60;div id="alertMessage"> &#60;p&#62; Please note that all information on this page is in a draft version.
−
                 <br>Please check back often for details. </p></div>
+
                 &#60;br>Please check back often for details. &#60;/p&#62;&#60;/div&#62;
−
<!-- start of content ----------------------------------------> 
+
&#60;!-- start of content ----------------------------------------&#62;
 
         **********          Your html should be placed here.          **********
 
         **********          Your html should be placed here.          **********
−
<!-- end of content ---------------------------------------->
+
&#60;!-- end of content ----------------------------------------&#62;
−
</div>
+
&#60;/div&#62;
−
<div class="clear"></div>
+
&#60;div class="clear">&#60;/div&#62;
−
</html> {{2015Footer}}<html>
+
&#60;/html&#62; {{2015Footer}}&#60;html&#62;
−
</div>
+
&#60;/div&#62;
−
</html>
+
&#60;/html&#62;
 
</pre>
 
</pre>
  

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

powered by MediaWiki