Участник:Oleggorru: различия между версиями

Материал из Chaotic Onyx
Перейти к навигацииПерейти к поиску
(тест)
 
м (Содержимое страницы заменено на «{{#tag:tabs| {{#tag:tab|Foo|name={{{1|}}}}} {{#tab:{{{2|}}}|Bar}} |style=color:{{#if:{{{1|}}}|green|red}} }}»)
Метка: замена
 
Строка 1: Строка 1:
<ul class="tabs" data-tab>
+
{{#tag:tabs|
  <li class="tab-title active"><a href="#panel1">Tab 1</a></li>
+
{{#tag:tab|Foo|name={{{1|}}}}}
  <li class="tab-title"><a href="#panel2">Tab 2</a></li>
+
{{#tab:{{{2|}}}|Bar}}
  <li class="tab-title"><a href="#panel3">Tab 3</a></li>
+
|style=color:{{#if:{{{1|}}}|green|red}} }}
  <li class="tab-title"><a href="#panel4">Tab 4</a></li>
 
</ul>
 
<div class="tabs-content">
 
  <div class="content active" id="panel1">
 
    <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
 
  </div>
 
  <div class="content" id="panel2">
 
    <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
 
  </div>
 
  <div class="content" id="panel3">
 
    <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
 
  </div>
 
  <div class="content" id="panel4">
 
    <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
 
  </div>
 
</div>
 
 
 
<ul class="tabs vertical" data-tab>
 
  <li class="tab-title active"><a href="#panel11">Tab 1</a></li>
 
  <li class="tab-title"><a href="#panel21">Tab 2</a></li>
 
  <li class="tab-title"><a href="#panel31">Tab 3</a></li>
 
  <li class="tab-title"><a href="#panel41">Tab 4</a></li>
 
</ul>
 
<div class="tabs-content">
 
  <div class="content active" id="panel11">
 
    <p>This is the first panel of the basic tab example. You can place all sorts of content here including a grid.</p>
 
  </div>
 
  <div class="content" id="panel21">
 
    <p>This is the second panel of the basic tab example. This is the second panel of the basic tab example.</p>
 
  </div>
 
  <div class="content" id="panel31">
 
    <p>This is the third panel of the basic tab example. This is the third panel of the basic tab example.</p>
 
  </div>
 
  <div class="content" id="panel41">
 
    <p>This is the fourth panel of the basic tab example. This is the fourth panel of the basic tab example.</p>
 
  </div>
 
</div>
 

Текущая версия от 01:59, 17 мая 2022

Foo
Bar