Fórum dos Fóruns

Fórum dos Fóruns Forumeiros

Welcome FdF Bem-vindo ao fórum de suporte Forumeiros  Muito feliz


Para aproveitar tudo o que o nosso fórum lhe oferece, agradecemos que se identifique, se já é nosso membro, ou que se junte à nossa comunidade, fazendo o seu registo.
Conectar-se

Esqueci minha senha

Últimos assuntos
» Novo banner para meu fórum
Hoje à(s) 18:55 por Tiger

» Tem como colocar jogos em um tópico?
Hoje à(s) 18:43 por Ketholy123

» Rank para o meu fórum
Hoje à(s) 17:14 por Lecxa

» Rank para meu fórum
Hoje à(s) 17:12 por Lecxa

» Como fechar tópico com um comando
Hoje à(s) 16:52 por Ketholy123

» Como abrir um Evento/Anuncio de um tópico?
Hoje à(s) 16:42 por Ketholy123

» PAGINA HTML
Hoje à(s) 16:20 por T1ag0

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Quem está conectado
218 usuários online :: 8 usuários cadastrados, Nenhum Invisível e 210 Visitantes :: 2 Motores de busca

Heikki, IsmaelS., Ketholy123, soldado, T1ag0, Tiger, Vinicius Gabriel, zHugh

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 15:05

Sistema de abas nos tópicos

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Sistema de abas nos tópicos

Mensagem por GabZ em Sab 31 Dez 2016 - 1:33

Detalhes da questão


Endereço do fórum: http://lodossrpg.forumeiros.com/
Versão do fórum: PhpBB3

Descrição


Saudações!

Estou trabalhando em um novo fórum de RPG, e minhas pesquisas na internet me levaram a um desses que possui um sistema que, para mim, é fantástico. Trata-se de um sistema de abas que funciona por tópico:



Eu encontrei aqui no Forumeiros um tutorial de como fazer abas, mas dentro do post. O que eu busco, como mostra na imagem, são abas no próprio TÓPICO. Isso é fascinante para manter organizado um fórum de RPG que muitas vezes possui muitos tópicos para o mesmo tema. O fórum em questão não é da forumeiros, por isso estou buscando ajuda. O link original: http://www.roleplayerguild.com/topics/157008-the-dimensial-control/ic

Desde já agradeço pela ajuda. Estou realmente muito interessada nesse sistema.


Última edição por GabZ em Seg 9 Jan 2017 - 6:29, editado 1 vez(es)
avatar

GabZ
Nível 2

Feminino
Inscrito dia : 30/12/2016
Mensagens : 8
Pontos Ativos : 11

Ver perfil do usuário http://lodossrpg.forumeiros.com/

Resolvido Re: Sistema de abas nos tópicos

Mensagem por Kyo Panda em Sab 7 Jan 2017 - 0:34

Seja bem-vinda ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Antes que esse tópico vá para o limbo por inatividade, gostaria de deixar uma solução:

Em Painel de controle :seta2: Geral :seta2: Mensagens e e-mails :seta2: Configurações :seta2: Mensagens, marque a opção Mostrar primeira mensagem do tópico em todas as páginas como Sim. Isso é necessário para o funcionamento do script abaixo.

Vá em Painel de controle :seta2: Módulos :seta2: HTML & JavaScript :seta2: Gestão dos códigos JavaScripts :seta2: Criar um novo JavaScript e adicione esse código com Investimento em Nos tópicos:

Código:
/* global jQuery */

(function($) {
  'use strict';

  $(function() {
    var $post = $('.postbody .content:first');

    if (!$post.length) {
      return;
    }

    var regex = /\[linked\](.*)\[\/linked\]/i;
    var matches = $post.html().match(regex);

    if (matches.length !== 2) {
      return;
    }

    $post.html($post.html().replace(regex, ''));

    var list = [];

    $(matches[1]).filter('a').each(function(index, elem) {
      list.push(['<li>', elem.outerHTML, '</li>'].join(''));
    });

    $('<ul id="fa-linked-topics"></li>')
      .insertBefore($post.closest('.post'))
      .append(list.join(''));
  });
}(jQuery));

Vá em Painel de controle :seta2: Visualização :seta2: Imagens e Cores :seta2: Cores :seta2: Folha de estilo CSS e adicione o seguinte código ao final da caixa de texto:

Código:
#fa-linked-topics {
  overflow: hidden;
}

#fa-linked-topics li {
  float: left;
  display: block;
  margin-right: 10px;
}

#fa-linked-topics a {
  display: table-cell;
  height: 40px;
  padding: 0 10px;
  width: 60px;
  text-align: center;
  background-color: #333;
  border-radius: 3px 3px 0 0;
  vertical-align: middle;
}

Para utilizar o script, utilize o seguinte código na primeira mensagem de um tópico:

Código:
[linked]
[url=http://exemplo.com.br/t1-link-para-o-primeiro-topico]Tópico 1[/url]
[url=http://exemplo.com.br/t2-link-para-o-segundo-topico]Tópico 2[/url]
[url=http://exemplo.com.br/t3-link-para-o-terceiro-topico]Tópico 3[/url]
[/linked]

Mudando os links para os tópicos que deseja que fiquem na aba. Você deverá colocar o código em todos os tópicos que devem ficar "ligados".

O resultado:


avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5784

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Sistema de abas nos tópicos

Mensagem por GabZ em Seg 9 Jan 2017 - 6:21

Mil vezes obrigada! Fiz o teste no novo fórum e funcionou perfeitamente. Minha idéia era diminuir o número de tópicos, e nesse código eu ainda tenho que criar vários, mas consegui fazer uma gambiarra. Criei uma categoria "invisível" mas que os usuários poderiam acessar os tópicos e estou jogando as abas lá. Está bem próximo do que eu queria, então muito obrigada pela paciência e pela ajuda, meu problema foi resolvido com maestria!
avatar

GabZ
Nível 2

Feminino
Inscrito dia : 30/12/2016
Mensagens : 8
Pontos Ativos : 11

Ver perfil do usuário http://lodossrpg.forumeiros.com/

Resolvido Re: Sistema de abas nos tópicos

Mensagem por Kyo Panda em Seg 9 Jan 2017 - 10:30

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".


Bem-vindo ao Fórum dos Fóruns!
Leia as Regras do Fórum dos Fóruns. Alguns setores possuem regras específicas.
Verifique se sua questão já não foi respondida.
Seja cordial e respeite o tempo dos voluntários para atender o seu pedido.
Kyo Panda — Moderadeiro
avatar

Kyo Panda
Moderadeiro
Moderadeiro

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4490
Pontos Ativos : 5784

Ver perfil do usuário http://ajuda.forumeiros.com

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum