Remover a tag da página inicial do fórum

[Flames]

Detalhes da questão

Endereço do fórum: http://churchofpop.forumeiros.com/
Versão do fórum: PunBB

Descrição

Olá,

Gostaria de saber se é possivel tirar a tag da página inicial do fórum. Como mostra a imagem, gostaria de remover o "[Artista]" no título do tópico. Como faço?


Se não tiver como, como eu poderia fazer com que apareça a tag, com cores, etc também na página inicial? Exemplo:

Aparecer assim, Artista com o fundo azul marinho, na página inicial do fórum.

Aguardo respostas, obrigado.

[Luiz]

Olá,

Adicione ao final de sua CSS:

Código:

.statused .fa-topic-tag {
  background-color: #90c4cc !important;
}

PS:
Eu fiz uma implementação no seu último pedido, e irá virar um tutorial.
Ele já cria o painel com as tags automaticamente e troca elas em todos os links.

Para saber mais:
-> https://github.com/lffg/fdf/tree/master/tutorials/topictitle-tags

o/

[Flames]

Eu adicionei ao final do CSS, mas ainda continua aparecendo, veja:


E muito bom o tutorial, estava aqui vendo, porém queria saber se com esse tutorial a tag personalizada, com cor, vai aparecer somente quando eu estiver dentro do tópico visualizando, ou vai aparecer também na lista de tópicos, na página inicial e nos últimos assuntos?

[Luiz]

A tag acima não pode ser removida com CSS. A função do CSS que lhe passei foi para fazer o que o senhor pediu em relação à imagem abaixo:

Spoiler:

E muito bom o tutorial, estava aqui vendo, porém queria saber se com esse tutorial a tag personalizada, com cor, vai aparecer somente quando eu estiver dentro do tópico visualizando, ou vai aparecer também na lista de tópicos, na página inicial e nos últimos assuntos?

Vai aparecer em tudo, incluindo neste local da imagem (da mensagem imediata acima), em que a tag não apareceu.

o/

[Flames]

Perfeito. Fiz o tutorial e apareceu em tudo, exatamente como queria. Mas para ficar organizado, teria como eu colocar as tags quando for criar o tópico em option value? Porque ficou desorganizado, fora de posição, veja:


E como eu crio a opção "Sem tag" para não aparecer nenhum valor quando nenhum tópico se encaixe na tag que quero? Que o tópico fique sem tag.

[Luiz]

Olá,

No caso, não tem como criar uma opção sem valor.
Para não usar, basta não selecionar nenhuma opção. Caso você selecionar, basta remover os colchetes e o texto entre eles do título do tópico.

Para arrumar a posição, precisarei de uma conta-teste em seu fórum.

o/

[Flames]

Tudo bem, em relação ao valor vou colocar um aviso, se nenhuma tag encaixar para deixarem em branco.

Como seria essa conta teste? Com acesso ao painel de controle?

[Luiz]

Sem acesso ao Painel de Controle.
Pedi uma conta normal só para ver como está e arrumar o CSS.

Lembre-se: não dê uma conta com poderes administrativos à quem o senhor não conhece.

o/

---

Edit: Tente simplesmente trocar o código por este:

Código:

/**
 *! Criar tags no título dos tópicos com painel de seleção.
 *
 *  @author Luiz~
 *  @see <a href="http://ajuda.forumeiros.com">Fórum dos Fóruns</a>
 *  @licence MIT
 */
(function ($) {
  'use strict';
 
  var tags = [
    {
      tag: 'imagem',
      background: '#666'
    },
    {
      tag: 'widget',
      background: '#000'
    }
  ];
 
  $(function () {
    var counter = 1;
 
    /**
    * Parte 1.
    * Aqui nós criamos o seletor de tags acima do editor:
    */
    if (location.pathname === '/post' && $('form input[name="subject"]').length > 0) {
      // Criar a zona para colocar-se os inputs:
      var $textarea = $('#textarea_content');
      var $title = $('form [name="subject"]');
      var $createZone = $title.parents('dl');
      var $zone = $([
        '<dl class="fa-icon-selector">',
        '  <dt>',
        '    <label>Tag do tópico</label>',
        '  </dt>',
        '  <dd class="fa-icon-selector-inner">',
        '  </dd>',
        '</dl>',
      ].join('\n'))
        .insertAfter($createZone)
      ;
 
      // Criar-se os inputs dentro da zona criada anteriormente:
      var $appendZone = $zone.find('.fa-icon-selector-inner');
      $.each(tags, function (index, tag) {
        $([
          '<div class="fa-tag-form-group">',
          '  <input type="radio" class="select-tag-input" name="select-tag-radio" id="tag-input-' + counter + '" data-tag="' + tag.tag + '" />',
          '  <label for="tag-input-' + counter + '" class="fa-tag-label">' + tag.tag + '</label>',
          '</div>',
        ].join('\n'))
          .appendTo($appendZone)
        ;
       
        counter++;
      });
 
      // Função para dar focus num input X caso este seja a tag dum tópico X:
      if (/^\[.*\]/gi.test($title.val())) {
        $title.val().replace(/^\[(.*)\]/gi, function (find, match) {
          $('[data-tag="' + match + '"]').prop('checked', true);
        });
      }
 
      // Trigger para a adição/edição do prefixo no input de título:
      $zone
        .find('input.select-tag-input')
          .on('focus', function () {
            setPrefix($(this).attr('data-tag'));
          })
      ;
 
      // Função para setar/editar o prefixo:
      var setPrefix = function (prefix) {
 
        if (/^\[.*\]/gi.test($title.val())) {
          $title.val($title.val().replace(/^\[.*\]/gi, function () {
            return '[' + prefix + ']';
          }));
         
          return;
        }
       
        $title.val('[' + prefix + '] ' + $title.val().trim());
      };
    }
 
    /**
    * Parte 2.
    * Aqui nós iremos substituir a tag entre os colchetes por uma tag real:
    */
    var $link = $('a[href^="/t"]');
    $link.each(function () {
 
      var $this = $(this);
 
      $.each(tags, function (index, tag) {
        var regex = new RegExp ('\\[' + tag.tag + '\\]', 'gim');
        var text = $this.text();
 
        if (!regex.test(text)) {
          return;
        }
 
        $this.addClass('fa-tagged-link');
        $this.text(text.trim().replace(regex, ''));
        $this.prepend('<span class="fa-topic-tag" style="background-color: ' + tag.background + ';">' + tag.tag + '</span>');
      });
    });
 
    /**
    * Parte 3:
    * Estilos.
    */
    var styles = [
      '.fa-icon-selector-inner strong {',
      '  display: block;',
      '  margin-bottom: 4px;',
      '  font-weight: bold;',
      '}',
      '',
      '.fa-icon-selector .fa-tag-form-group {',
      '  display: inline-block;',
      '  margin-right: 15px;',
      '  margin-top: 4px;',
      '}',
      '',
      '.fa-tagged-link {',
      '  text-decoration: none !important;',
      '}',
      '',
      '.fa-tagged-link:hover {',
      '  color: #f73 !important;',
      '  text-decoration: none !important;',
      '}',
      '',
      'span.fa-topic-tag {',
      '  color: #fff;',
      '  background-color: #39c;',
      '  padding: 1px 5px;',
      '  border-radius: 3px;',
      '  margin-right: 4px;',
      '  display: inline;',
      '  text-decoration: none!important',
      '}'
    ].join('\n');
 
    $(['<style type="text/css">', styles, '</style>'].join('\n')).appendTo('head');
   
  });
}(jQuery));

[Flames]

Perfeito, ficou alinhado. Assim tá bom.


Agora, uma última coisa: eu fiz aquele tutorial para por o botão "Curtir" no post, deu tudo certo, mas eu queria fixar os botões no canto inferior direito, porque dependendo do tamanho do texto da mensagem, ele sobe, veja:

E eu queria que ele ficasse sempre assim:


O tutorial que segui: https://ajuda.forumeiros.com/t100407-tutorial-sistema-de-curtir-nas-mensagens?highlight=curtir)

[Luiz]

Para isso o senhor terá que criar um novo tópico, dado que só é permitida uma questão por tópico.

Posso arquivar este? o/

[Flames]

Sim, muito obrigado por me ajudar nesse.

[Luiz]

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada. Tópico marcado como Resolvido e movido para Questões resolvidas.