FANDOM


Esta extensão está habilitada por padrão no Fandom.

Tab view é uma maneira fácil de mostrar várias páginas de conteúdo em um único artigo usando abas. Para uma extensão similar que não precise de várias páginas, veja tabber.

Passo-a-passo

  • Primeiro, você precisa criar uma página de conteúdo para cada aba que você quer mostrar. Essas páginas podem ser criadas em qualquer lugar na sua wiki.
Nesse exemplo, nós criamos três sub-páginas para este artigo, que nós usaremos nas nossas abas abaixo. Eles se chamam:
  • Abra a página onde você gostaria de mostrar as abas e mude para o modo fonte.
  • Digite o código para as abas no seguinte formato:
<tabview>
NOMEDAPÁGINA1|TÍTULO1
NOMEDAPÁGINA2|TÍTULO2
NOMEDAPÁGINA3|TÍTULO3
</tabview>

No nosso exemplo, você vai usar

<tabview>
Ajuda:Tab view/Página de exemplo 1|Aba 1
Ajuda:Tab view/Página de exemplo 2|Aba 2
Ajuda:Tab view/Página de exemplo 3|Aba 3 
</tabview>

Isso gerará as seguintes abas:


Parâmetros

Os únicos parâmetros disponíveis em tabview são "title" e "id". Você não pode personalizar cada tabview na página. Atualmente, isso tem que ser feito via CSS. Os parâmetros são:

<tabview title="..." id="...">

Personalização

Depois que você configurar uma id, você pode modificar cada aba. Por exemplo, com id = Example:

ul.tabs > [data-tab="flytabs_Example0"] {
	/*  for data-tab="flytabs_Example0" (primeira aba) */
}
ul.tabs > [data-tab="flytabs_Example1"] {
	/* style goes here for data-tab="flytabs_Example1" (segunda aba) */
}
ul.tabs > [data-tab="flytabs_Example2"] {
	/* style goes here for data-tab="flytabs_Example2" (terceira aba) */
}

As abas aparecerão com a div na id "flytabs_Example", e o conteúdo aparecerá em uma div separada com a id "flytabs_Example-content-wrapper".

Veja também

Mais ajuda e feedback