Difference between revisions of "Template:ClickTabs"

From comp.tf
Jump to navigation Jump to search
Line 1: Line 1:
 
{| style="text-align: center; width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top;"
 
{| style="text-align: center; width: 100%; border: 0; border-spacing: 0; border-collapse: collapse; vertical-align: top;"
| style="padding: 0.5em; background-color: #cee0f2; font-size: 95%; line-height: 0.95em; border: solid 2px #a3b1bf; white-space: nowrap; width: 20px;" | closedtab
+
| style="padding: 0.5em; background-color: #cee0f2; font-size: 95%; line-height: 0.95em; border: solid 2px #a3b1bf; white-space: nowrap; width: 20px;" | tab1
 
| style="border-bottom: 2px solid #a3b1bf; width: 3px;" |
 
| style="border-bottom: 2px solid #a3b1bf; width: 3px;" |
| style="padding: 0.5em; background-color: white; line-height: 0.95em; border: solid 2px #a3b1bf; border-bottom: solid 2px white; font-weight: bold; white-space: nowrap; width: 20px;" | opentab
+
| style="padding: 0.5em; background-color: white; line-height: 0.95em; border: solid 2px #a3b1bf; border-bottom: solid 2px white; font-weight: bold; white-space: nowrap; width: 20px;" | tab2
 +
| style="border-bottom: 2px solid #a3b1bf; width: 3px;" |
 +
| style="padding: 0.5em; background-color: #cee0f2; font-size: 95%; line-height: 0.95em; border: solid 2px #a3b1bf; white-space: nowrap; width: 20px;" | tab3
 
| style="border-bottom: 2px solid #a3b1bf; width: 3000px;" |
 
| style="border-bottom: 2px solid #a3b1bf; width: 3000px;" |
 
|-
 
|-
| style="border: solid 2px #a3b1bf; border-top: 0; text-align: left; padding:5px" colspan=100 | content
+
| style="border: solid 2px #a3b1bf; border-top: 0; text-align: left; padding:5px; display:none" colspan=100 | content1
 +
| style="border: solid 2px #a3b1bf; border-top: 0; text-align: left; padding:5px;" colspan=100 | content2
 +
| style="border: solid 2px #a3b1bf; border-top: 0; text-align: left; padding:5px; display:none" colspan=100 | content3
 
|}
 
|}
 
 
 
<div style="width: 100%; overflow: hidden">
 
<div style="padding: 0.5em; margin-right: 3px; float: left; border: solid 2px #a3b1bf; border-bottom: 0; background-color: white; ">Tab 1</div>
 
<div style="padding: 0.5em; margin-right: 3px; float: left; border: solid 2px #a3b1bf; background-color: #cee0f2; ">Tab 2</div>
 
<div style="padding: 0.5em; margin-right: 3px; float: left; border: solid 2px #a3b1bf; background-color: #cee0f2; ">Tab 3</div>
 
</div>
 

Revision as of 22:10, 17 April 2020

tab1 tab2 tab3
content1 content2 content3