Mostrar o "Autor do tópico"  Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Mostrar o "Autor do tópico"

5 participantes

Ir para baixo

Tópico resolvido Mostrar o "Autor do tópico"

Mensagem por LucianoMicle 15.05.21 6:12

Detalhes da questão


Endereço do fórum: https://luciano.foroactivo.com/
Versão do fórum: phpBB3

Descrição


Boa noite-

Como posso adicionar este estilo ao "criador do tema" para os usuários que criam as mensagens, algo semelhante a este exemplo aparece:
-
Spoiler:
-
Saudações
LucianoMicle
LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por while 16.05.21 1:06

Saudação, me forneça seu viewtopic_body por gentileza.
while
while
Hiper Membro

Membro desde : 24/04/2016
Mensagens : 3263
Pontos : 4761

http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por LucianoMicle 16.05.21 1:27

Spoiler:
LucianoMicle
LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por Shek 24.05.21 20:43

Olá, e boa tarde.

Eu podia dizer que "não é possível", mas com jQuery é sim, possível. Contudo, não consigo fazer com que o script abaixo exiba o "Autor do tópico" como na imagem. Ele percorre todos os posts e encontra se aquele post é do autor, mas infelizmente não consigo exibir o ícone. Se alguém souber, deixo minha sugestão:
Código:
$(document).ready(function() {
   var obterAutor = $('.post:eq(0) p.author').find('a').text();
   $('.post .postprofile strong').each(function(index,element) {
      if($(this).text() == obterAutor) {
         $('.post .postprofile strong').each(function(index,element) {
            // Continuação
         });
      }
   });
});
Pode parecer uma resposta inútil, mas se alguém que entende melhor de jQuery do que eu tiver uma "base", talvez seja mais fácil de executar o que o autor deseja.

Atenciosamente,
Shek King
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por Luiz 24.05.21 21:31

Realmente, @Shek, é possível. Feliz

Não vou mexer com CSS, mas deixo aqui um protótipo do JavaScript.

Código:
(function ($) {
  'use strict';

  function getPostAuthorUsername($post) {
    return $post.find('.postprofile > div strong').text().trim();
  }

  $(function () {
    var topicAuthor = getPostAuthorUsername($('.post:first'));

    $('.post')
      .filter(function (index) {
        if (index === 0) return false; // Comente esta linha se quiser mostrar no primeiro post também.
        return getPostAuthorUsername($(this)) === topicAuthor;
      })
      .each(function () {
        $(this)
          .find('.postprofile')
          .prepend(
            [
              '<div class="topic-author-badge">',
              '  Autor do Tópico',
              '</div>'
            ].join('\n')
          );
      });
  });
})(jQuery);


Última edição por pedxz em 25.05.21 20:44, editado 3 vez(es) (Motivo da edição : alterar seletor e invocar código somente mediante à DOMContentLoaded (obrigado, pedxz))
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por Shek 24.05.21 21:34

Maravilhoso, Luiz! Não cheguei perto da solução apresentada, mas é bom para um tutorial futuro, assim como para aprendizado. Obrigado.
Shek
Shek
Principal Contribuidor
Principal Contribuidor

Membro desde : 11/04/2009
Mensagens : 19006
Pontos : 22969

https://shiftactive.blogspot.com/ https://www.facebook.com/ShiftActif https://twitter.com/ShiftActif

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por LucianoMicle 24.05.21 22:29

Oi!
Eu não estaria aparecendo nos temas criados.
LucianoMicle
LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por tikky 25.05.21 19:11

Olá
@LucianoMicle,

LucianoMicle escreveu:Eu não estaria aparecendo nos temas criados.
O código em cima acabou de ser adaptado para o seu fórum.


Atenciosamente,
pedxz.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por LucianoMicle 25.05.21 19:22

Ola @pedxz
Tente os dois códigos acima, mas eles não funcionam para mim.
LucianoMicle
LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por tikky 25.05.21 20:52

Editei o código em cima. Altere novamente!

Adicione na sua folha de estilo o seguinte estilo:
Código:
.topic-author-badge {
    display: inline-block;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    font-family: inherit;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #2e2c2c;
    border-radius: .2rem;
    margin-bottom: .75rem;
    margin-top: .75rem;
    color: #f2f1f1;
    border: 1px solid transparent;
    text-shadow: 1px 1px 4px rgba(0,0,0,0.2);
    user-select: none;
}

Demonstração:
Mostrar o "Autor do tópico"  O6ELB9C
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por LucianoMicle 26.05.21 3:47

funcionou corretamente, muito obrigado
LucianoMicle
LucianoMicle
****

Membro desde : 07/09/2019
Mensagens : 239
Pontos : 357

https://divtes.foroactivo.com/ https://www.facebook.com/facebook.com/lucianomicleok https://twitter.com/twitter.com/lucianomicleok

Ir para o topo Ir para baixo

Tópico resolvido Re: Mostrar o "Autor do tópico"

Mensagem por tikky 26.05.21 7:10

Obrigado @Luiz e @Shek Venerar


Tópico resolvido


Movido para "Questões resolvidas".
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7962
Pontos : 9217

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos