Team:Carnegie Mellon/FAQ

From 2012.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Carnegie_Mellon/Templates/Header}}
{{:Team:Carnegie_Mellon/Templates/Header}}
<html>
<html>
-
<h1>  
+
<!--Main Contents -->
 +
<div id="main">
 +
 
 +
<!--Table of Contents -->
 +
<div id="toc-holder" class="toc-holder">
 +
<a href="#" class="toc-link" id="toc-link"><span>&#9660;</span> Table of Contents</a>
 +
<ul id="toc" class="toc" style="background: #ac9d74;">
 +
<li class="toc-h1"><a href="#section1">1. FAQ</a>
 +
<ul class="toc-sub closed">
 +
<li><a href="#section1-1">1.1 Question 1</a></li>
 +
<li><a href="#section1-2">1.2 Question 2</a></li>
 +
<li><a href="#section1-3">1.2 Question 3</a></li>
 +
</ul>
 +
</li>
 +
 +
</ul>
 +
</div><!-- .toc-holder -->
 +
 
 +
  <div class = "main_content">
 +
 
 +
 
 +
 
</html>
</html>
 +
== FAQ ==
== FAQ ==
-
'''Question 1.''' Style sheet?
+
 
 +
'''Question 1.'''Style sheet?
[http://2012.igem.org/wiki/index.php?title=Team:Carnegie_Mellon/stylesheet&action=edit here]
[http://2012.igem.org/wiki/index.php?title=Team:Carnegie_Mellon/stylesheet&action=edit here]
Line 31: Line 54:
 +
<section id ="section1">
<h1> FAQ </h1>
<h1> FAQ </h1>
<p>
<p>
-
<h2> Question 1. </h2>
+
<h2 id="section1-1"> Question 1. </h2>
Style sheet?</p>
Style sheet?</p>
<p><a href="http://2012.igem.org/wiki/index.php?title=Team:Carnegie_Mellon/stylesheet&action=edit">here</a></p>
<p><a href="http://2012.igem.org/wiki/index.php?title=Team:Carnegie_Mellon/stylesheet&action=edit">here</a></p>
-
<p>'''Question 2.''' Header/Footer?</p>
+
<h2 id="section1-2"> Question 2. </h2>
 +
Header/Footer?</p>
<p><a href="http://2012.igem.org/Team:Carnegie<em>Mellon/Templates/Header">Header</a>
<p><a href="http://2012.igem.org/Team:Carnegie<em>Mellon/Templates/Header">Header</a>
<a href="http://2012.igem.org/Team:Carnegie</em>Mellon/Templates/Footer">Footer</a></p>
<a href="http://2012.igem.org/Team:Carnegie</em>Mellon/Templates/Footer">Footer</a></p>
-
<p>'''Question 3.''' Markup?</p>
+
<p>
 +
<h2 id="section1-3">Question 3. </h2>
 +
Markup?</p>
<p><a href="http://en.wikipedia.org/wiki/Help:Wiki_markup">here</a></p>
<p><a href="http://en.wikipedia.org/wiki/Help:Wiki_markup">here</a></p>
<p>'''Question 4.''' General Helpful References</p>
<p>'''Question 4.''' General Helpful References</p>
Line 46: Line 73:
<p><a href="http://jquerytools.org/">Jquery Tools</a> - Toolbox of common JS uses, very thorough demos</p>
<p><a href="http://jquerytools.org/">Jquery Tools</a> - Toolbox of common JS uses, very thorough demos</p>
<p><a href="http://www.problogdesign.com/resources/50-jquery-tools-for-awesome-websites/">Misc Jquery</a> - Links to other popular Jquery based tools</p>
<p><a href="http://www.problogdesign.com/resources/50-jquery-tools-for-awesome-websites/">Misc Jquery</a> - Links to other popular Jquery based tools</p>
 +
<div class="text-glow" align="center">
 +
    Spinach
 +
</div>
 +
<br />
 +
<div class="text-glow-1" align="center">
 +
    Fluorogen Activating Protein
 +
</div>
 +
 +
 +
 +
-
<!-- Testing TOC -->
 
-
<script>
 
-
$('#toc').toc({
 
-
    'selectors': 'h1,h2,h3', //elements to use as headings
 
-
    'container': 'main', //element to find all selectors in
 
-
    'smoothScrolling': true, //enable or disable smooth scrolling on click
 
-
    'prefix': 'toc', //prefix for anchor tags and class names
 
-
    'onHighlight': function(el) {}, //called when a new section is highlighted
 
-
    'highlightOnScroll': true, //add class to heading that is currently in focus
 
-
    'highlightOffset': 100, //offset to trigger the next headline
 
-
    'anchorName': function(i, heading, prefix) { //custom function for anchor name
 
-
        return prefix+i;
 
-
    },
 
-
    'headerText': function(i, heading, $heading) { //custom function building the header-item text
 
-
        return $heading.text();
 
-
    }
 
-
});
 
-
</script>
 
</html>
</html>
{{:Team:Carnegie_Mellon/Templates/Footer}}
{{:Team:Carnegie_Mellon/Templates/Footer}}

Latest revision as of 18:08, 1 August 2012

Image:CMU_image6.jpeg

FAQ

Question 1.Style sheet?

here

Question 2. Header/Footer?

Header Footer

Question 3. Markup?

here

Question 4. General Helpful References

Look at our page's source to see the different div-id's used. Go through the stylesheet to see how each element is formatted and the end result.

CSS Zen Garden - Great site on styling with very nice examples

Jquery Tools - Toolbox of common JS uses, very thorough demos

Misc Jquery - Links to other popular Jquery based tools


FAQ

Question 1.

Style sheet?

here

Question 2.

Header/Footer?

Header Footer

Question 3.

Markup?

here

'''Question 4.''' General Helpful References

Look at our page's source to see the different div-id's used. Go through the stylesheet to see how each element is formatted and the end result.

CSS Zen Garden - Great site on styling with very nice examples

Jquery Tools - Toolbox of common JS uses, very thorough demos

Misc Jquery - Links to other popular Jquery based tools

Spinach

Fluorogen Activating Protein


Image:TartanFooter.jpeg