Personalizar nick nos posts

3 participantes

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

Tópico resolvido Personalizar nick nos posts

Mensagem por Genki 08.11.15 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:
Personalizar nick nos posts 2ntvex2

Obrigado Muito feliz


Última edição por Genki em 10.11.15 19:52, editado 1 vez(es)
Genki

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV 10.11.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por Genki 10.11.15 18:17

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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV 10.11.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por Rafusqui_ 10.11.15 18:40

caso não dê certo, remova o js que o mateus forneceu e também o codigo css e ponhe esse codigo na sua folha de estilo CSS:

Código:
.pun .user-ident .username {
    border: 1px solid #ddd;
    border-radius: 3px;
    margin: 0 auto;
    position: relative;
}

.pun .user-ident .username {
    color: #222;
    display: block;
    font-size: 1.2em;
    font-weight: 700;
    position: absolute;
    text-decoration: none;
    top: 0;
}

.pun .posthead, .pun .username {
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee;
    font-size: 13px;
    font-weight: 400;
    padding: 10px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.6);
}
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por Genki 10.11.15 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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por Rafusqui_ 10.11.15 18:53

bom, se o resultado foi este:

Personalizar nick nos posts QMYBlLS

tente adicionar mais esse codigo na sua folha de estilo CSS:

Código:
.pun .post .user {
    line-height: 150%;
    margin-left: -17em!important;
    margin-top: -3.2em;
    padding-top: 0;
    text-align: center;
    width: 15em;
}
Rafusqui_

Rafusqui_
****

Membro desde : 20/05/2015
Mensagens : 386
Pontos : 602

https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por Genki 10.11.15 18:55

@Rafusqui_, continua sem dar certo Triste
Genki

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV 10.11.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por Genki 10.11.15 19:28

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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV 10.11.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por Genki 10.11.15 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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV 10.11.15 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

MateusAnjosV
Super Membro

Membro desde : 16/10/2015
Mensagens : 1718
Pontos : 2373

http://holder.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalizar nick nos posts

Mensagem por Genki 10.11.15 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

Genki
***

Membro desde : 28/06/2014
Mensagens : 111
Pontos : 174

http://gfxdesign.livreforum.com/forum

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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