Team:Carnegie Mellon/FAQ

From 2012.igem.org

(Difference between revisions)
 
(23 intermediate revisions not shown)
Line 1: Line 1:
{{:Team:Carnegie_Mellon/Templates/Header}}
{{:Team:Carnegie_Mellon/Templates/Header}}
<html>
<html>
 +
<!--Main Contents -->
 +
<div id="main">
 +
<!--Table of Contents -->
<!--Table of Contents -->
<div id="toc-holder" class="toc-holder">
<div id="toc-holder" class="toc-holder">
<a href="#" class="toc-link" id="toc-link"><span>&#9660;</span> Table of Contents</a>
<a href="#" class="toc-link" id="toc-link"><span>&#9660;</span> Table of Contents</a>
-
<ul id="toc" class="toc">
+
<ul id="toc" class="toc" style="background: #ac9d74;">
<li class="toc-h1"><a href="#section1">1. FAQ</a>
<li class="toc-h1"><a href="#section1">1. FAQ</a>
<ul class="toc-sub closed">
<ul class="toc-sub closed">
Line 15: Line 18:
</ul>
</ul>
</div><!-- .toc-holder -->
</div><!-- .toc-holder -->
-
</head>
 
-
<!--Main Contents -->
+
   <div class = "main_content">
-
<div id="main">
+
-
   <div class= "main_content">
+
Line 53: Line 53:
<html>
<html>
-
<body>
+
 
-
<section id ="FAQ">
+
<section id ="section1">
<h1> FAQ </h1>
<h1> FAQ </h1>
<p>
<p>
Line 73: 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>
-
</body>
+
<div class="text-glow" align="center">
-
<!-- Testing TOC -->
+
    Spinach
-
<script>
+
</div>
-
$('#toc').toc({
+
<br />
-
    'selectors': 'h1,h2,h3', //elements to use as headings
+
<div class="text-glow-1" align="center">
-
    'container': 'body', //element to find all selectors in
+
    Fluorogen Activating Protein
-
    'smoothScrolling': true, //enable or disable smooth scrolling on click
+
</div>
-
    '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

Retrieved from "http://2012.igem.org/Team:Carnegie_Mellon/FAQ"