Você não está conectado. Conecte-se ou registre-se

Quadrado nos emblemas

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

1 Quadrado nos emblemas em Dom Ago 16, 2015 3:18 pm

Replay

avatar
Membro


  • Descrição:

http://prntscr.com/85c207

Gostaria de deixar os emblemas envolvidos por esse quadrado, igual ao de vocês.
Eu consegui, porém ele envolve todas imagens no quadrado, por exemplo, envolve até a barra de ocorrências.

Gostaria de deixar apenas os emblemas envolvidos por esse quadrado.

Obrigado.

  • Informações:



Fórum:http://www.power-pixel.net/Versão:PUNBB

Ver perfil do usuário

2 Re: Quadrado nos emblemas em Ter Ago 18, 2015 5:22 pm

Replay

avatar
Membro

Alguém pode ajudar? up.

Ver perfil do usuário

3 Re: Quadrado nos emblemas em Ter Ago 18, 2015 7:49 pm

Daemon

avatar
Admin

Adicione o seguinte código em sua folha CSS:
Código:
.pun .user .user-info .label:empty + 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 #d8d8d8;
  box-shadow: 0 2px 2px rgba(0,0,0,0.1);
  height: 30px;
  margin-bottom: 5px;
  padding: 1px;
  vertical-align: middle;
  width: 30px;
}

Até mais!

Ver perfil do usuário http://zz1856.com

4 Re: Quadrado nos emblemas em Qui Ago 20, 2015 10:09 am

Replay

avatar
Membro

Olá, com esse código que me passou não resultou em nada.

Porém, retirando o ".label:empty +" funciona, mas envolve todas as imagens.
Fiz outro teste tirando o ":empty +". Resultou, mas só envolveu apenas o primeiro emblema.

Ver perfil do usuário

5 Re: Quadrado nos emblemas em Sex Ago 21, 2015 7:02 pm

MzS

avatar
Membro ativo

Veja se esse resulta:

Código:
#profile-advanced-details div.middleline div.field_uneditable 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;
}

Resultado:

Atenciosamente,
Equipe BestSkins.





Olá
Leia as regras.
Leia os termos de uso
Ver perfil do usuário

6 Re: Quadrado nos emblemas em Sab Ago 22, 2015 3:19 pm

Replay

avatar
Membro

MzS, resulta apenas no primeiro emblema.
Confira o print:
http://prntscr.com/87o7d1

Ver perfil do usuário

7 Re: Quadrado nos emblemas em Sab Ago 22, 2015 3:25 pm

MzS

avatar
Membro ativo

Troque por este e veja se funciona.

Código:
#profile-advanced-details div.middleline dl#field_id1 div.field_uneditable 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;
}





Olá
Leia as regras.
Leia os termos de uso
Ver perfil do usuário

8 Re: Quadrado nos emblemas em Sab Ago 22, 2015 4:12 pm

Replay

avatar
Membro

Não resultou.
Continua mesma coisa. :/

Ver perfil do usuário

9 Re: Quadrado nos emblemas em Sab Ago 22, 2015 4:18 pm

MzS

avatar
Membro ativo

Veja este:

Código:
.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;
}

Atenciosamente,
Equipe BestSkins.





Olá
Leia as regras.
Leia os termos de uso
Ver perfil do usuário

10 Re: Quadrado nos emblemas em Sab Ago 22, 2015 4:23 pm

Replay

avatar
Membro

Retirei a imagem dos outros campos de perfil, deixando imagem apenas nos emblemas.
Assim, funciona. Então vou deixar assim.
Porém, o ícone de online fica envolvido pela box e eu não tenho acesso ao template para mudar.

Ver perfil do usuário

11 Re: Quadrado nos emblemas em Sab Ago 22, 2015 4:47 pm

Je4n

avatar
Membro ativo

Adicione na folha de estilo:
Código:
Adicione ao seu CSS:
img.i_icon_online {
    content: '';
    background-color: green;
    height: 10px;
    width: 10px;
    display: inline-flex;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
}
img.i_icon_online:before {
    content: '';
    display: inline-block;
    margin: -4px 0px 0px 15px;
}



{WASD}
Ver perfil do usuário

12 Re: Quadrado nos emblemas em Sab Ago 22, 2015 6:01 pm

Replay

avatar
Membro

Como está atualmente:
http://prntscr.com/87q3qc

Como fica com o código acima:
http://prntscr.com/87q5py

Ver perfil do usuário

13 Re: Quadrado nos emblemas em Sab Ago 22, 2015 7:17 pm

Diapt

avatar
Membro ativo

Remove todos códigos citados e adiciona na Folha de Estilo CSS
Código:
.pun .user .user-info .label:empty + 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 #d8d8d8;
    box-shadow: 0 2px 2px rgba(0,0,0,0.1);
    height: 30px;
    margin-bottom: 5px;
    padding: 1px;
    vertical-align: middle;
    width: 30px;
}

Diapt

Ver perfil do usuário

14 Re: Quadrado nos emblemas em Dom Ago 23, 2015 11:07 am

Replay

avatar
Membro

Diapt, efeito foi nulo :/

Ver perfil do usuário

15 Re: Quadrado nos emblemas em Dom Ago 23, 2015 11:51 am

MzS

avatar
Membro ativo





Olá
Leia as regras.
Leia os termos de uso
Ver perfil do usuário

16 Re: Quadrado nos emblemas em Seg Ago 24, 2015 1:11 pm

Replay

avatar
Membro

Pode fechar, vou fazer de outro jeito.
Obrigado!

Ver perfil do usuário

17 Re: Quadrado nos emblemas em Seg Ago 24, 2015 2:15 pm

Cepheus

avatar
Admin

[alerta="Mensagem automática"][/alerta]



Este tópico foi movido de "CSS" para "Arquivos".





  • Gostou?
     não esqueça de
  • Reputar!



    Ver perfil do usuário

    Conteúdo patrocinado


    Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

    Permissão deste fórum:
    Você não pode responder aos tópicos neste fórum