Adicionar Emblemas de Perfil

Minha questão:

Olá, peço que não me julguem, pois vi vários tópicos e não me ajudou...

Tópicos que li :
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Com certeza serão uteis mais adiante..

A dúvida:

Como Eu adiciono os emblemas no perfil do usuário que comprou?
Eu vi que tenho que criar um campo de perfil personalizado, mas como eu faço isso?

outra coisa, é possível apenas colocar 3 emblemas?
ou se a pessoa comprar mais que 3 ,tipo uns 6, como ficaria?
Por exemplo:

1 / 2 / 3
4 / 5 / 6

Obrigado.

---

Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Legal consegui resolver, me perdoem o tópico.

mas irei utilizar para outra duvida ainda na mesma situação..

Olha como fica os emblemas, o texto Mensagens fica na mesma linha..

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

EDIT -

Estranho eu não fiz nada, apenas atualizei a página e ficou assim:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Emblemas 1 abaixo do outro..
e a reputação bugou...

Olá amigo,

Para deixar a reputação normal adicione isto do seu CSS:

Código:

.post_field.reputation {
display: inherit !important;
}


Após isso, deixe o campo personalizado emblemas no fundo da lista!

iChees escreveu:Olá amigo,

Para deixar a reputação normal adicione isto do seu CSS:

Código:

.post_field.reputation {
display: inherit !important;
}


Após isso, deixe o campo personalizado emblemas no fundo da lista!

Deu certo código, agora como eu resolvo a questão dos emblemas um abaixo do outro (eu queria do lado )

Olá amigo,

Para isso basta você usar o inline na classe lá que fica normal.

Até.

iChees escreveu:Olá amigo,

Para isso basta você usar o inline na classe lá que fica normal.

Até.

Amigo eu tenho este código aplicado ao CSS, que serve para deixar a borda e o emblema alinhado, porém não está à funcionar...
Veja:

Código:

/*Icones Perfis com borda*/
.pun .user .user-info img {
-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #D5D5D5;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
height: 30px;
margin-bottom: 5px;
padding: 1px;
vertical-align: middle;
width: 30px;
}
.post_field {
  display: inline;

Olá amigo,

Verifique se deixou como Separador: NENHUM

Até.

Sim os dois campos estão como " SEPARADOR : NENHUM "

Mas ficou a duvida, para a loja inteira eu preciso de quantos perfis?

Pois eu criei 2 perfis.

Um chamado Times - e coloquei os icones dos times..
e outro Chamado Esportes - e vou colocar os icones de esportes... no caso para testar coloquei este icone ali das cartas referente à poker...

Está complicando heheheheh

Olá amigo,

Não tenho qualquer conhecimento dessa tal loja. Mas pode crer que aí está o problema, são 2 campos diferentes e não tudo em 1 só, pois se fosse só 1 campo para todas as imagens, não separava as imagens!

Mas GRAÇAS A DEUS não é necessário deixar tudo em um campo, então vamos trabalhar com os filhos dos parentes '-'

Código:

Código:

.post_field, .user-info dd:nth-child(n+1):nth-child(-n+2) {
display: inline;
}


O que este código faz é deixar como o senhor quer alinhado, mas na verdade como funciona?

Este código deixa alinhado do filho [codebox]1[/codebox] até ao filho [codebox]2[/codebox], pois se ficassem todos os campos com o efeito iria ficar assim:

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

O código apenas aplica o efeito (neste caso) nos 2 primeiros campos.

Quero adicionar mais campos alinhados como faço?

Basta aumentar [codebox](-n+2)[/codebox] até ao filho (campo) desejado.

Qual será o resultado?

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

Até mais, espero ter ajudado.

Perfeito, deu certíssimo..

 

Me responda uma coisa, até quantos emblemas caberiam ali?  no caso no espaço acho que em cada linha 4 né?
E quantas linhas? tem algum limite ou restrição?

Olá,

Visto que surgiu um problema faça o seguinte:

Na lista dos campos personalizados mova os campos dos emblemas para o fundo caso a posição deles seja a 7 este é o código (caso não seja altere ao seu desejo)

Código:

.post_field, .user-info dd:nth-child(n+7):nth-child(-n+10) {
display: inline;
}


Assim não buga, como você deseja que os campos personalizados seja igual a 3 linhas (ou seja: 7+3 = 10) se adicionar 4 imagens para cada campo o valor é igual a 12.

Até.

Perfeito, está funcionando tudo perfeito

Pode fechar o tópico.

Olá amigo procure no seu CSS por este trecho e troque

ESTE:

Código:

.post_field.reputation {
display: inherit !important;
}

POR ESTE:

Código:

.post_field.reputation {
display: block !important;
}

Peço também que remova os códigos passados por mim anteriormente e coloque este:

Código:

.post_field, .user-info dd {
display: inline;
}

Até mais.

Perfeito... ficou ótimo..

Valeu..

AlfaSeduction escreveu:Perfeito... ficou ótimo..

Valeu..

Não tem que agradecer :S

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