Alinhar Perfil e por borda

Qual é minha questão:
Boas galera gostaria de alinhar o Perfil dos Membros que aparece nos Tópicos igual aqui no Best.

Link de como no meu Fórum aparece -

[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Gostaria que me indicassem um código ou até mesmo como posso fazer isso.

Quero que a barra de reputação fique ao Final como aqui no Best.

Segue ordem:

1 - Barra de Rank
2 - ID Usuário
3 - Mensagens
4 - Data de Inscrição
5 - Idade
6 - Localização
7 - Barra de Reputação

Agradeço desde já. Valeu

Endereço do meu fórum:
invitesbt.org

Versão:
Invision

Saudações!

Aceda em:
Painel de Controle  Usuários e Grupos  Usuários  Perfis

Procure as setas que irão aparecer, ao lado do botão de modificar e deletar.
Configure os campos, e depois clique em salvar.

Até mais.

~Clark escreveu:Saudações!

Aceda em:
Painel de Controle  Usuários e Grupos  Usuários  Perfis

Procure as setas que irão aparecer, ao lado do botão de modificar e deletar.
Configure os campos, e depois clique em salvar.

Até mais.

A ordem consegui alterar, Obrigado.

Como faço para mover a Barra de Reputação para direita ou para esquerda? Preciso afastá-la um pouco para ficar centralizada ao Rank.

Att,

Saudações!

Me envie o código de javascript que usa na barra de reputação, e me diga para onde quer a barra de reputação, para esquerda ou para a direita!

Até mais.

~Clark escreveu:Saudações!

Me envie o código de javascript que usa na barra de reputação, e me diga para onde quer a barra de reputação, para esquerda ou para a direita!

Até mais.

Eis o código abaixo preciso que seja movido pouca coisa a esquerda pra ficar centralizado com a barra de Ranks, como mostro na imagem no meu 1 Post, fica meio desregular. Abraços.

Código:

$(document).ready(function() {
//Reputação
$(".postprofile .postprofile-details.postdetails").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile .postprofile-details.postdetails .post_field:contains("Reputação")').each(function() {
var rep = $(this).text().match(/\d+/g);
$(this).attr('style','background-color: rgb(141, 177, 62)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;display: block;margin: 0 auto;margin-bottom: 3px;padding: 3px 7px;max-width: 125px;text-align: center;text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $(this).find('.title').text('Neutro');
        $(this).attr('style','background-color: rgb(16, 16, 16)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;display: block;margin: 0 auto;margin-bottom: 3px;padding: 3px 7px;max-width: 125px;text-align: center;text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;');
}
if(rep >= 1 && rep < 5) {
        $(this).find('.title').text('A 1ª Ninguém Esquece');
}
if(rep >= 5 && rep < 10) {
        $(this).find('.title').text('Sou um BOM Membro');
}
if(rep >= 10 && rep < 20) {
        $(this).find('.title').text('Sou um ÓTIMO Membro');
}
if(rep >= 20 && rep < 40) {
        $(this).find('.title').text('Sou um EXCELENTE Membro');
}
if(rep >= 40 && rep < 60) {
        $(this).find('.title').text('Sou quase uma Lenda no IBT');
}
if(rep >= 60 && rep < 100) {
        $(this).find('.title').text('Inviter Mestre');
}
if(rep >= 100) {
        $(this).find('.title').text('IBT Lendário');
}
});
});

Saudações!

Veja se lhe agrada:

Código:


$(document).ready(function() {
//Reputação
$(".postprofile .postprofile-details.postdetails").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile .postprofile-details.postdetails .post_field:contains("Reputação")').each(function() {
var rep = $(this).text().match(/\d+/g);
$(this).attr('style','background-color: rgb(141, 177, 62)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;display: block;margin: 0 auto;margin-bottom: 3px;padding: 3px 7px;max-width: 125px;text-align: center;text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;margin-left: -30px;');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $(this).find('.title').text('Neutro');
        $(this).attr('style','background-color: rgb(16, 16, 16)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;display: block;margin: 0 auto;margin-bottom: 3px;padding: 3px 7px;max-width: 125px;text-align: center;text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;margin-left: -30px;');
}
if(rep >= 1 && rep < 5) {
        $(this).find('.title').text('A 1ª Ninguém Esquece');
}
if(rep >= 5 && rep < 10) {
        $(this).find('.title').text('Sou um BOM Membro');
}
if(rep >= 10 && rep < 20) {
        $(this).find('.title').text('Sou um ÓTIMO Membro');
}
if(rep >= 20 && rep < 40) {
        $(this).find('.title').text('Sou um EXCELENTE Membro');
}
if(rep >= 40 && rep < 60) {
        $(this).find('.title').text('Sou quase uma Lenda no IBT');
}
if(rep >= 60 && rep < 100) {
        $(this).find('.title').text('Inviter Mestre');
}
if(rep >= 100) {
        $(this).find('.title').text('IBT Lendário');
}
});
});


Por seu fórum está em manutenção, fica meio difícil de ver aonde fica bom para a esquerda, caso não tenha gostado, procure no código a linha "margin-left: -30px", sem os ". Caso queira mais para a esquerda aumente o valor, caso queira mais para a direita, diminua o valor.

Até mais.

~Clark escreveu:Saudações!

Veja se lhe agrada:

Código:


$(document).ready(function() {
//Reputação
$(".postprofile .postprofile-details.postdetails").each(function(){
$(this).html($(this).html().replace(/<span class="label/g,'<dd><div class="post_field"><span class="label'));
});
$('.postprofile .postprofile-details.postdetails .post_field:contains("Reputação")').each(function() {
var rep = $(this).text().match(/\d+/g);
$(this).attr('style','background-color: rgb(141, 177, 62)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;display: block;margin: 0 auto;margin-bottom: 3px;padding: 3px 7px;max-width: 125px;text-align: center;text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;margin-left: -30px;');
$(this).append('<span class="title" style="font-weight:normal"></span>');
if(rep == 0) {
        $(this).find('.title').text('Neutro');
        $(this).attr('style','background-color: rgb(16, 16, 16)!important;background-image: url(http://i38.servimg.com/u/f38/17/31/71/58/highli10.png);border-top-left-radius: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;color: rgb(255, 255, 255);font-weight: bold;display: block;margin: 0 auto;margin-bottom: 3px;padding: 3px 7px;max-width: 125px;text-align: center;text-shadow: rgba(0,0,0,0.3) 0px -1px 0px;background-position: 0px 1px;background-repeat: repeat no-repeat;margin-left: -30px;');
}
if(rep >= 1 && rep < 5) {
        $(this).find('.title').text('A 1ª Ninguém Esquece');
}
if(rep >= 5 && rep < 10) {
        $(this).find('.title').text('Sou um BOM Membro');
}
if(rep >= 10 && rep < 20) {
        $(this).find('.title').text('Sou um ÓTIMO Membro');
}
if(rep >= 20 && rep < 40) {
        $(this).find('.title').text('Sou um EXCELENTE Membro');
}
if(rep >= 40 && rep < 60) {
        $(this).find('.title').text('Sou quase uma Lenda no IBT');
}
if(rep >= 60 && rep < 100) {
        $(this).find('.title').text('Inviter Mestre');
}
if(rep >= 100) {
        $(this).find('.title').text('IBT Lendário');
}
});
});


Por seu fórum está em manutenção, fica meio difícil de ver aonde fica bom para a esquerda, caso não tenha gostado, procure no código a linha "margin-left: -30px", sem os ". Caso queira mais para a esquerda aumente o valor, caso queira mais para a direita, diminua o valor.

Até mais.

Perfeito amigo, tu é cara. heheheh

Abraços e obrigado.

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]Movido para: Arquivo - Pedido de código