Template:Team:UNAM-Genomics Mexico/Templates/tabbed

From 2010.igem.org

(Difference between revisions)
(New page: <html> <head> <style type="text/css"> .shadetabs{ padding: 3px 0; margin-left: 0; margin-top: 1px; margin-bottom: 0; font: bold 12px Verdana; list-style-type: none; text-align: left; /*set...)
Line 68: Line 68:
</head>
</head>
-
<body>
+
<h3>Demo #1- Basic implementation</h3>
-
<h3></html><div>{{{Main_Tabs_Title}}}</div><html></h3>
+
<ul id="countrytabs" class="shadetabs">
<ul id="countrytabs" class="shadetabs">
-
<li><a href="#" rel="country1" class="selected"></html><div>{{{Tab_1_Title}}}</div><html></a></li>
+
<li><a href="#" rel="country1" class="selected">Tab 1</a></li>
-
<li><a href="#" rel="country2"></html><div>{{{Tab 2 Title}}}</div><html></a></li>
+
<li><a href="#" rel="country2">Tab 2</a></li>
-
<li><a href="#" rel="country3"></html><div>{{{Tab 3 Title}}}</div><html></a></li>
+
<li><a href="#" rel="country3">Tab 3</a></li>
 +
<li><a href="#" rel="country4">Tab 4</a></li>
 +
<li><a href="http://www.dynamicdrive.com">Dynamic Drive</a></li>
</ul>
</ul>
Line 80: Line 81:
<div id="country1" class="tabcontent">
<div id="country1" class="tabcontent">
-
</html><div>{{{Tab_1_Content}}}</div><html>
+
Tab content 1 here<br />Tab content 1 here<br />
</div>
</div>
<div id="country2" class="tabcontent">
<div id="country2" class="tabcontent">
-
</html><div>{{{Tab_2_Content}}}</div><html>
+
Tab content 2 here<br />Tab content 2 here<br />
</div>
</div>
<div id="country3" class="tabcontent">
<div id="country3" class="tabcontent">
-
</html><div>{{{Tab_3_Content}}}</div><html>
+
Tab content 3 here<br />Tab content 3 here<br />
 +
</div>
 +
 
 +
<div id="country4" class="tabcontent">
 +
Tab content 4 here<br />Tab content 4 here<br />
</div>
</div>

Revision as of 02:22, 2 August 2010

Demo #1- Basic implementation

Tab content 1 here
Tab content 1 here
Tab content 2 here
Tab content 2 here
Tab content 3 here
Tab content 3 here
Tab content 4 here
Tab content 4 here