CodeColon Select All Code
[tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs]
Ứng dụng:
Hướng dẫn sử dụng BBCode và các chức năng của forum.
CodeColon Select All Code
[tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs]
CodeColon Select All Code
[div=|mytab|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div]
<ul class="tabbernav">
<li class="tabberactive"><a href="javascript:void(null);" title="Tab 1">Tab 1</a></li>
<li class=""><a href="javascript:void(null);" title="Tab 2">Tab 2</a></li>
</ul>
<ul class="tabbernav">
<li class=""><a href="javascript:void(null);" title="Tab 1">Tab 1</a></li>
<li class="tabberactive"><a href="javascript:void(null);" title="Tab 2">Tab 2</a></li>
</ul>
<div class="tabbertab " title="">Nội dung tab 1</div>
<div class="tabbertab tabbertabhide" title="">Nội dung tab 2</div>
<div class="tabbertab tabbertabhide" title="">Nội dung tab 1</div>
<div class="tabbertab " title="">Nội dung tab 2</div>
CodeColon Select All Code
[mystyle][div=|mytab1|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab1 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab1 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab1 .tabbertab]border: none;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab1 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab1 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab1 .tabbertab]border: none;[/style]
CodeColon Select All Code
[mystyle][div=|mytab2|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab2 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab2 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab2 .tabbertab]border: none;[/style]
[style=.mytab2 ul.tabbernav li a]background: red; text-decoration: underline; padding: 50px; margin: 50px;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab2 ul.tabbernav li a]background: red; text-decoration: underline; padding: 50px; margin: 50px;[/style]
CodeColon Select All Code
[mystyle][div=|mytab3|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab3 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab3 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab3 .tabbertab]border: none;[/style]
[style=.mytab3 ul.tabbernav li a]color: blue;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab3 ul.tabbernav li a]color: blue;[/style]
CodeColon Select All Code
[mystyle][div=|mytab4|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab4 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab4 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab4 .tabbertab]border: none;[/style]
[style=.mytab4 ul.tabbernav li a:hover]background: blue !important;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab4 ul.tabbernav li a:hover]background: blue !important;[/style]
CodeColon Select All Code
[mystyle][div=|mytab5|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab5 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab5 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab5 .tabbertab]border: none;[/style]
[style=.mytab5 ul.tabbernav li.tabberactive a]color: blue !important; background: red; width: 500px;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab5 ul.tabbernav li.tabberactive a]color: blue !important; background: red; width: 500px;[/style]
CodeColon Select All Code
[mystyle][div=|mytab6|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab6 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab6 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab6 .tabbertab]border: none;[/style]
[style=.mytab6 ul.tabbernav li.tabberactive a:hover]color: white !important; background: yellow !important; border: 1px solid red;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab6 ul.tabbernav li.tabberactive a:hover]color: white !important; background: yellow !important; border: 1px solid red;[/style]
CodeColon Select All Code
[mystyle][div=|mytab7|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab7 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab7 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab7 .tabbertab]border: none;[/style]
[style=.mytab7 .tabberlive .tabbertab]background: black; color: white;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab7 .tabberlive .tabbertab]background: black; color: white;[/style]
CodeColon Select All Code
[mystyle][div=|mytab8|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab8 ul.tabbernav]float: left; border-bottom: none; margin-right: 5px; padding: 0;[/style]
[style=.mytab8 ul.tabbernav li a]display: block;[/style]
[style=.mytab8 ul.tabbernav li:last-child a]border-bottom: 1px solid #778;[/style]
[style=.mytab8 .tabberlive .tabbertab]float: left; border-top: 1px solid #aaa;[/style]
[style=.mytab8 .tabberlive:after]display: block; content: '.'; clear: both; color: transparent; width: 0; height: 0;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab8 ul.tabbernav]float: left; border-bottom: none; margin-right: 5px; padding: 0;[/style]
[style=.mytab8 ul.tabbernav li a]display: block;[/style]
[style=.mytab8 ul.tabbernav li:last-child a]border-bottom: 1px solid #778;[/style]
[style=.mytab8 .tabberlive .tabbertab]float: left; border-top: 1px solid #aaa;[/style]
[style=.mytab8 .tabberlive:after]display: block; content: '.'; clear: both; color: transparent; width: 0; height: 0;[/style]
CodeColon Select All Code
[mystyle][div=|mytab9|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab9 ul.tabbernav]border-bottom: none; float: left;[/style]
[style=.mytab9 ul.tabbernav li a]border: none; background: none; display: block;[/style]
[style=.mytab9 .tabbertab]border: none; float: left;[/style]
[style=.mytab9 .tabberlive:after]display: block; content: '.'; clear: both; color: transparent; width: 0; height: 0;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab9 ul.tabbernav]border-bottom: none; float: left;[/style]
[style=.mytab9 ul.tabbernav li a]border: none; background: none; display: block;[/style]
[style=.mytab9 .tabbertab]border: none; float: left;[/style]
[style=.mytab9 .tabberlive:after]display: block; content: '.'; clear: both; color: transparent; width: 0; height: 0;[/style]
CodeColon Select All Code
[mystyle][div=|mytab10|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab10 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab10 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab10 .tabbertab]border: none;[/style]
[style=.mytab10 ul.tabbernav li:nth-child(1) a]background: red;[/style]
[style=.mytab10 ul.tabbernav li:nth-child(2) a]background: blue;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab10 ul.tabbernav li:nth-child(1) a]background: red;[/style]
[style=.mytab10 ul.tabbernav li:nth-child(2) a]background: blue;[/style]
CodeColon Select All Code
[mystyle][div=|mytab11|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab11 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab11 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab11 .tabbertab]border: none;[/style]
[style=.mytab11 ul.tabbernav li:nth-child(1).tabberactive a]background: yellow;[/style]
[style=.mytab11 ul.tabbernav li:nth-child(2).tabberactive a]background: pink;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab11 ul.tabbernav li:nth-child(1).tabberactive a]background: yellow;[/style]
[style=.mytab11 ul.tabbernav li:nth-child(2).tabberactive a]background: pink;[/style]
CodeColon Select All Code
[mystyle][div=|mytab12|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[tab=Tab 3]Nội dung tab 3[/tab]
[tab=Tab 4]Nội dung tab 4[/tab]
[tab=Tab 5]Nội dung tab 5[/tab]
[tab=Tab 6]Nội dung tab 6[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab12 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab12 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab12 .tabbertab]border: none;[/style]
[style=.mytab12 ul.tabbernav li:nth-child(2n+1) a]background: red;[/style]
[style=.mytab12 ul.tabbernav li:nth-child(2n) a]background: blue;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab12 ul.tabbernav li:nth-child(2n+1) a]background: red;[/style]
[style=.mytab12 ul.tabbernav li:nth-child(2n) a]background: blue;[/style]
CodeColon Select All Code
[mystyle][div=|mytab13|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[tab=Tab 3]Nội dung tab 3[/tab]
[tab=Tab 4]Nội dung tab 4[/tab]
[tab=Tab 5]Nội dung tab 5[/tab]
[tab=Tab 6]Nội dung tab 6[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab13 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab13 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab13 .tabbertab]border: none;[/style]
[style=.mytab13 .tabberlive .tabbertab:nth-child(2n+1)]background: red;[/style]
[style=.mytab13 .tabberlive .tabbertab:nth-child(2n)]background: blue;[/style]
[/div][/mystyle]
CodeColon Select All Code
[style=.mytab13 .tabberlive .tabbertab:nth-child(2n+1)]background: red;[/style]
[style=.mytab13 .tabberlive .tabbertab:nth-child(2n)]background: blue;[/style]
CodeColon Select All Code
[mystyle][div=|mytab1|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab1 ul.tabbernav]border-bottom: none;[/style]
[style=.mytab1 ul.tabbernav li a]border: none; background: none; display: inline-block;[/style]
[style=.mytab1 .tabbertab]border: none;[/style]
[style=.mytab1 ul.tabbernav li a]...[/style]
[style=.mytab1 ul.tabbernav li:nth-child(1) a]...[/style]
[style=.mytab1 ul.tabbernav li a:hover]...[/style]
[style=.mytab1 ul.tabbernav li:nth-child(1) a:hover]...[/style]
[style=.mytab1 ul.tabbernav li.tabberactive a]...[/style]
[style=.mytab1 ul.tabbernav li:nth-child(1).tabberactive a]...[/style]
[style=.mytab1 ul.tabbernav li.tabberactive a:hover]...[/style]
[style=.mytab1 ul.tabbernav li:nth-child(1).tabberactive a:hover]...[/style]
[style=.mytab1 .tabberlive .tabbertab]...[/style]
[style=.mytab1 .tabberlive .tabbertab:nth-child(1)]...[/style]
[/div][/mystyle]
CodeColon Select All Code
[mystyle][div=|mytab9|][tabs]
[tab=Tab 1]Nội dung tab 1[/tab]
[tab=Tab 2]Nội dung tab 2[/tab]
[/tabs][/div][div=||display: none;]
[style=.mytab9 ul.tabbernav]border-bottom: none; float: left;[/style]
[style=.mytab9 ul.tabbernav li a]border: none; background: none; display: block;[/style]
[style=.mytab9 .tabbertab]border: none; float: left;[/style]
[style=.mytab9 .tabberlive:after]display: block; content: '.'; clear: both; color: transparent; width: 0; height: 0;[/style]
[style=.mytab9 ul.tabbernav li a]...[/style]
[style=.mytab9 ul.tabbernav li:nth-child(1) a]...[/style]
[style=.mytab9 ul.tabbernav li a:hover]...[/style]
[style=.mytab9 ul.tabbernav li:nth-child(1) a:hover]...[/style]
[style=.mytab9 ul.tabbernav li.tabberactive a]...[/style]
[style=.mytab9 ul.tabbernav li:nth-child(1).tabberactive a]...[/style]
[style=.mytab9 ul.tabbernav li.tabberactive a:hover]...[/style]
[style=.mytab9 ul.tabbernav li:nth-child(1).tabberactive a:hover]...[/style]
[style=.mytab9 .tabberlive .tabbertab]...[/style]
[style=.mytab9 .tabberlive .tabbertab:nth-child(1)]...[/style]
[/div][/mystyle]
Users browsing this forum: No registered users and 1 guest