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


Pesquisa de Satisfação
Queremos saber a sua opinião sobre os nossos serviços. Clique nesta vinheta e preencha este inquérito.

Login

Esqueci minha senha

Últimos assuntos
» Verificação de IP de usuários
Hoje à(s) 2:53 por Harleen

» Mudar pre-visualização do formulário
Hoje à(s) 2:40 por YouTube3

» Postagem com capa
Hoje à(s) 1:10 por Kyo Panda

» Widgets no final do fórum
Hoje à(s) 0:56 por Kyo Panda

» Neve a cair sobre o fórum
Hoje à(s) 0:54 por Kyo Panda

» Rádio no rodapé
Hoje à(s) 0:50 por Kyo Panda

» Widgets escondidos no fórum
Hoje à(s) 0:47 por Kyo Panda

LiveStream TV Forumeiros - #Forumeiros
Perdi minha senha!
Obter senha

Nota: use se tiver perdido acesso ao seu painel de controle.

Parceiros Forumeiros
Quem está conectado
56 usuários online :: 1 usuário cadastrado, Nenhum Invisível e 55 Visitantes :: 2 Motores de busca

Shek Crowley

[ 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 : 1071

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 : 2399

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 : 1071

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 : 2399

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 : 1071

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 : 1071

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 : 2399

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 : 1071

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 : 2399

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 : 1071

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 : 2399

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 : 1071

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
Fórum dos Fóruns - Ajuda mútua para usuários forumeiros
on
Fórum grátis: interajuda aos usuários forumeiros. Criar e administrar um fórum. Descubra nossos guias, tutoriais e astúcias no suporte de Forumeiros.
Votações: 5