Criar Painel com Abas em um Artigo - Joomla 3

De NTI Ajuda - IFSULDEMINAS Campus Inconfidentes

Introdução

  • Um Painel com Abas aparecerá no interior de um artigo no site como no modelo a seguir:


Adicionar um painel com abas em um artigo

  • Após abrir a tela de edição de algum artigo, há duas formas de criar um painel com abas.
  • Clique em uma das opções abaixo para acessar o respectivo tutorial.

  1 - Utilizando o botão "Inserir abas" dentro da tela de edição de artigos
  2 - Inserindo o código do painel com abas no interior do artigo


Utilizando o botão "Inserir abas"

  • Com a tela de edição do artigo aberta, clique no botão para abrir a tela "Inserir abas".


  • Será aberta a tela "Inserir Abas" com todos os campos em branco conforme imagem abaixo:


  • Clique na aba: "Tab 1" para digitar o titulo da primeira aba conforme imagem abaixo:


  • Em seguida clique na aba: "Tab 2" para digitar o titulo da segunda aba e assim respectivamente conforme a quantidade de abas que deseja criar.


Após digitado o título para as abas, basta clicar no botão no topo esquerdo da página.


  • O conteúdo do artigo será preenchido com o respectivo texto do título do painel de abas criado conforme a imagem a seguir:


  • Após selecionado as abas, basta substituir o trecho de texto "Seu Conteúdo..." pelo conteúdo correspondente a aba criada.


Inserindo o código do painel com abas

  • Também é possível criar um painel com abas apenas inserindo o código abaixo no interior do artigo:


{tab= Título da primeira aba}
conteudo da primeira aba

{tab= Título da segunda aba}
conteudo da segunda aba

{tab= Título da terceira aba}
conteudo da terceira aba

{/tabs}


Encerramento

Após concluídos os passos anteriores corretamente, basta clicar no botão no topo esquerdo da página.