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.
Acesso rápido

Fóruns de suporte oficiais
Login

Esqueci minha senha

Últimos assuntos
Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
287 usuários online :: 7 usuários cadastrados, Nenhum Invisível e 280 Visitantes :: 1 Motor de busca

HeyImHere, isadora991, iScroll, Kyo Panda, PrisoN†BreaK, rodtex, Tiger

[ Ver toda a lista ]


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

Personalizar nick nos posts

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

Resolvido Personalizar nick nos posts

Mensagem por Genki em Dom 8 Nov 2015 - 10:20

Detalhes da questão


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

Descrição


Bom dia,

Gostaria de deixar o nick de todos os utilizadores da seguinte forma cada vez que comentassem ou publicassem:


Obrigado Muito feliz


Última edição por Genki em Ter 10 Nov 2015 - 19:52, editado 1 vez(es)

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1151

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 18:02

Boa tarde!

Acrescente em sua folha de estilos:
Código:
   #usermat {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 auto;
    position: relative;
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee;
       font-weight: 400;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
        color: #222;
    display: block;
    font-weight: 700;
    text-decoration: none;
    top: -8px;
    position: relative;
}        #usermat a {font-size: 1.2em !important;}    

E agora, crie um novo código javascript, o investimento deve ser nos tópicos:
Código:
$(document).ready(function(){
var username = $('.username').html();
$('.username').remove();
$('.user-basic-info').prepend('<div id="usermat"> '+username+' </div>');
});



É assim que deseja?
MateusAnjosV Rindo

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2479

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em Ter 10 Nov 2015 - 18:17

É isso mesmo @MateusAnjosV. Só houve um problema.... Os outros user ficaram com o meu nick tbm aparecendo nessa box xD

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1151

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 18:32

Olá!

Entendo... quando for assim, experimente remover o script, ok? Substitua o javascript por esse:
Código:
$(document).ready(function(){
$('.user-basic-info').each(function(){
var username = $('.username').html();
$('.username').remove();
$(this).prepend('<div id="usermat"> '+username+' </div>');  });
});


Abraço!
MateusAnjosV. Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2479

http://ajuda.forumeiros.com/

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em Ter 10 Nov 2015 - 18:44

Não funcionou com nehum ... No caso do Mateus, dava certo no primeiro post excepto nos seguintes que no lugar do nick aparecia a palavra "nuul".

Com o seu código CSS deu um resultado estranho que nao sei bem explicar.

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1151

http://gfxdesign.livreforum.com/forum

O autor desta mensagem foi removido do fórum - Ver a mensagem

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em Ter 10 Nov 2015 - 18:55

@Rafusqui_, continua sem dar certo Triste

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1151

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 18:57

@Genki, poderia por gentileza, remover o código do nosso amigo Rafusqui para que eu efetue os testes?
Sem testar, acho que não funcionara, mas verifique:
Código:
$(document).ready(function(){$('.post').each(function(){username = $('.username').html(); });
$('.user-basic-info').each(function(){
$('.username').hide();
$(this).prepend('<div id="usermat"> '+username+' </div>');  });
});
(Não esqueça do CSS que lhe passei)

Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2479

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em Ter 10 Nov 2015 - 19:28

@MateusAnjosV, deu o mesmo resultado que o primeiro teste... todos com o meu nick.

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1151

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 19:35

É como eu disse... não da pra testar assim... Quando não resultar um código, faça o seguinte, remova-o, ok? Assim podemos testar.
Seta (Nesse caso remova apenas o javascript)
Vamos lá... mesmo sem testar, substitua por esse:
Código:
$(document).ready(function(){ $('.post').each(function(){var username = $('.username').html();
$('.username').hide();
$(this).find('.user-basic-info').prepend('<div id="usermat"> '+username+' </div>');  });
});
Seta Desta vez, remova-o caso não funcione e reporte o erro para corrigir, ok?

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2479

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em Ter 10 Nov 2015 - 19:45

A ver se entendi... eu removi o JS como disse... Voltei a criar um novo e coloquei o último codigo que vc passou mas infelizmente o resultado presiste em ser o mesmo.... Estou a colocar o investimento em todas as paginas mas creio que nao intrefira em nada certo?


Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1151

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 19:48

Interferir não interfere... mas não é adequado e é desnecessário.
Eu já achei o erro, substitua por esse:
Código:
$(document).ready(function(){ $('.post').each(function(){var username = $(this).find('.username').html();
$('.username').hide();
$(this).find('.user-basic-info').prepend('<div id="usermat"> '+username+' </div>');  });
});
Agora com certeza ira funcionar, porém, lembre-se, se deixar o script marcado como "Todas as páginas", pode causar algum conflito futuramente. (Marque-o nos tópicos)

Abraço!
MateusAnjosV. Feliz

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1417
Pontos Ativos : 2479

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em Ter 10 Nov 2015 - 19:51

Mateus, agora deu certo... Obrigado pela ajuda, vlw mesmo Feliz ... Segui o teu conselho e coloquei o investimento somente nos tópicos.

Genki
Nível 8

Masculino
Inscrito dia : 28/06/2014
Mensagens : 111
Pontos Ativos : 1151

http://gfxdesign.livreforum.com/forum

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