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.
Conectar-se

Esqueci minha senha

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Os membros mais ativos da semana
Luiz
 
Gaaratsu
 
iScroll
 
Daniel Yan
 
Ketholy
 
Shek
 
Lost154
 
ranzatti
 
Eduardo Lima
 
cocas20
 

Quem está conectado
263 usuários online :: 15 usuários cadastrados, Nenhum Invisível e 248 Visitantes :: 3 Motores de busca

banzé, Daniel Yan, Deimon_Phoenix, Gaaratsu, Ghoosti, GustavoDM11, iScroll, juleic1123, Koizumi Bia, Lost154, Luiz, Maiicinhu, Pedxz, ranzatti, Shek

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em Qui 24 Dez 2009 - 13: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 - 8: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 - 17:52, editado 1 vez(es)
avatar

Genki
Nível 8

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

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 16: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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1437
Pontos Ativos : 2012

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

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

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

Genki
Nível 8

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

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 16: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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1437
Pontos Ativos : 2012

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Rafusqui_ em Ter 10 Nov 2015 - 16: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);
}
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

Ver perfil do usuário https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em Ter 10 Nov 2015 - 16: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.
avatar

Genki
Nível 8

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

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por Rafusqui_ em Ter 10 Nov 2015 - 16:53

bom, se o resultado foi este:



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;
}
avatar

Rafusqui_
Usuário avançado

Masculino
Inscrito dia : 20/05/2015
Mensagens : 386
Pontos Ativos : 602

Ver perfil do usuário https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=12& https://www.facebook.com/www.facebook.com/ https://twitter.com/teste

Resolvido Re: Personalizar nick nos posts

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

@Rafusqui_, continua sem dar certo Triste
avatar

Genki
Nível 8

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

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 16: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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1437
Pontos Ativos : 2012

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

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

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

Genki
Nível 8

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

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 17: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?
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1437
Pontos Ativos : 2012

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em Ter 10 Nov 2015 - 17: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?

avatar

Genki
Nível 8

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

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em Ter 10 Nov 2015 - 17: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
avatar

MateusAnjosV
Membro do Fórum

Masculino
Inscrito dia : 16/10/2015
Mensagens : 1437
Pontos Ativos : 2012

Ver perfil do usuário http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

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

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

Genki
Nível 8

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

Ver perfil do usuário http://gfxdesign.livreforum.com/forum

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum