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

Esqueci minha senha

Últimos assuntos
» Mostrar usuário do post
Hoje à(s) 12:43 pm por rlmac

» Mínimo de caracteres na criação de novos tópicos
Hoje à(s) 11:56 am por ShadowPrince

» Duvidas Referente Sistema Pontos
Hoje à(s) 10:42 am por Kyo Panda

» Fórum e Subforuns não aparecem
Hoje à(s) 10:35 am por Kyo Panda

» Perfil na Postagem & Estatistica
Hoje à(s) 10:27 am por GSCode

» Fechar tópico estilo IPB!
Hoje à(s) 09:24 am por Hancki

» Como eu faço para encontrar uma equipe?
Hoje à(s) 06:50 am por S1L3NC3SS

Perdi minha senha!
Você precisa recuperar sua senha?
Clique aqui
Parceiros Forumeiros
Quem está conectado
256 usuários online :: 6 usuários cadastrados, Nenhum Invisível e 250 Visitantes :: 2 Motores de busca

Igor6, Jéssica Albuquerque, PrisoN†BreaK, rlmac, Serenity Eternal, ShadowPrince

[ Ver toda a lista ]


O recorde de usuários online foi de 3131 em 24/12/09, 01:05 pm

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 08/11/15, 08:20 am

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 10/11/15, 05:52 pm, editado 1 vez(es)
avatar

Genki
Nível 8

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

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em 10/11/15, 04:02 pm

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 : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em 10/11/15, 04:17 pm

É 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

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em 10/11/15, 04:32 pm

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 : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Rafusqui_ em 10/11/15, 04:40 pm

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

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 10/11/15, 04:44 pm

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

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por Rafusqui_ em 10/11/15, 04:53 pm

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

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 10/11/15, 04:55 pm

@Rafusqui_, continua sem dar certo Triste
avatar

Genki
Nível 8

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

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em 10/11/15, 04:57 pm

@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 : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em 10/11/15, 05:28 pm

@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

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em 10/11/15, 05:35 pm

É 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 : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em 10/11/15, 05:45 pm

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

http://gfxdesign.livreforum.com/forum

Resolvido Re: Personalizar nick nos posts

Mensagem por MateusAnjosV em 10/11/15, 05:48 pm

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 : 1432
Pontos Ativos : 2006

http://ajuda.forumeiros.com/

Resolvido Re: Personalizar nick nos posts

Mensagem por Genki em 10/11/15, 05:51 pm

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

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