Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

[AJUDA] Ícones Loja

5 participantes

Júnior Duarte Júnior Duarte  • Qui 9 Out 2014 - 10:49

[AJUDA] Ícones Loja Empty [AJUDA] Ícones Loja Qui 9 Out 2014 - 10:49

Minha questão:
Boas galera, coloquei uma loja no Fórum, mas o ícone que aparece perto do Perfil do membro está grande, alguem poderia passar o código para que fique do mesmo tamanho dos da BS e fique lado a lado?

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


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

Versão:
PunBB

Arcanjo Arcanjo  • Qui 9 Out 2014 - 12:07

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Qui 9 Out 2014 - 12:07

Reputação da mensagem: 100% (1 votos)
Tente este código CSS:



Código:
.pun .user .user-info img {
    background: none repeat scroll 0% 0% #FFF;
    border: 1px solid #D8D8D8;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    height: 30px;
    margin-bottom: 5px;
    padding: 1px;
    vertical-align: middle;
    width: 30px;
}

Caso não funcione me forneça o endereço do fórum em que está aplicado essas imagens.

Júnior Duarte Júnior Duarte  • Qui 9 Out 2014 - 13:39

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Qui 9 Out 2014 - 13:39

E ai amigo agradeço a ajuda o problema com os emblemas que estavam grandes foi solucionado, agora como faço para deixa-los um do lado do outro como aqui na BS?
Segue imagem de como está...
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]

Daemon Daemon  • Qui 9 Out 2014 - 13:49

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Qui 9 Out 2014 - 13:49

Adicione ao seu css:
Código:
.post_field, .user-info dd {
display: inline;
}
Até mais!

Júnior Duarte Júnior Duarte  • Qui 9 Out 2014 - 15:20

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Qui 9 Out 2014 - 15:20

Ficou do mesmo jeito amigo. Sem efeito algum.

Darknes Darknes  • Qui 9 Out 2014 - 15:39

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Qui 9 Out 2014 - 15:39

Adicione isto ao seu CSS:

Código:
.post-field, .user-info dd {
display: inline-block;
padding: 5px;
}

Resulta?

Até mais! ;D

Arcanjo Arcanjo  • Qui 9 Out 2014 - 16:14

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Qui 9 Out 2014 - 16:14

Tente este:

Código:
.pun .user .user-info img {
display: inline;
}

Júnior Duarte Júnior Duarte  • Qui 9 Out 2014 - 16:16

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Qui 9 Out 2014 - 16:16

Sim amigo resulta, ficou uns espaços entre os perfis, como faço para retira-los?

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

Arcanjo Arcanjo  • Sex 10 Out 2014 - 6:01

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Sex 10 Out 2014 - 6:01

No primeiro código fornecido por mim, procure por padding: 1px; e retire.

Júnior Duarte Júnior Duarte  • Sex 10 Out 2014 - 13:53

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Sex 10 Out 2014 - 13:53

Tentei fazer isso mas ao fazer os icones sobem e um deles toma o lado da Reputação, e os Perfis ficam lado a lado tbm não um embaixo do outro.

Arcanjo Arcanjo  • Sex 10 Out 2014 - 14:27

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Sex 10 Out 2014 - 14:27

Tente alterar o valor deste campo:

Código:
 margin-bottom: 5px;

Fica difícil saber sem ter o fórum para visualizar :/

iConnect iConnect  • Dom 12 Out 2014 - 7:41

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja Dom 12 Out 2014 - 7:41

Olá,
Me passe toda a sua Folha de Estilo CSS.

Até Mais...

Conteúdo patrocinado  • 

[AJUDA] Ícones Loja Empty Re: [AJUDA] Ícones Loja

Permissões neste sub-fórum
Não podes responder a tópicos