Personalizar nick nos posts

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

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

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

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.

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

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.

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

@Rafusqui_, continua sem dar certo

@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)

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

É 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.
(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>');  });
});

Desta vez, remova-o caso não funcione e reporte o erro para corrigir, ok?

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?

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.

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