Boas-vindas ao Power Pixel

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

Quadrado nos emblemas

+2
Daemon
Replay
6 participantes

Início :: Forumeiros :: NostalgiaQuadrado nos emblemas

Replay Replay  • Dom 16 Ago 2015 - 15:18

Quadrado nos emblemas Empty Quadrado nos emblemas Dom 16 Ago 2015 - 15:18


  • Descrição:

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

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:[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]Versão:PUNBB

Replay Replay  • Ter 18 Ago 2015 - 17:22

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Ter 18 Ago 2015 - 17:22

Alguém pode ajudar? up.

Daemon Daemon  • Ter 18 Ago 2015 - 19:49

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Ter 18 Ago 2015 - 19:49

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!

Replay Replay  • Qui 20 Ago 2015 - 10:09

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Qui 20 Ago 2015 - 10:09

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.

MzS MzS  • Sex 21 Ago 2015 - 19:02

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Sex 21 Ago 2015 - 19:02

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:
[Tens de ter uma conta e sessão iniciada para poderes visualizar esta imagem]
Atenciosamente,
Equipe BestSkins.

Replay Replay  • Sáb 22 Ago 2015 - 15:19

MzS MzS  • Sáb 22 Ago 2015 - 15:25

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Sáb 22 Ago 2015 - 15:25

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

Replay Replay  • Sáb 22 Ago 2015 - 16:12

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Sáb 22 Ago 2015 - 16:12

Não resultou.
Continua mesma coisa. :/

MzS MzS  • Sáb 22 Ago 2015 - 16:18

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Sáb 22 Ago 2015 - 16:18

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.

Replay Replay  • Sáb 22 Ago 2015 - 16:23

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Sáb 22 Ago 2015 - 16:23

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.

Je4n Je4n  • Sáb 22 Ago 2015 - 16:47

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Sáb 22 Ago 2015 - 16:47

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

Replay Replay  • Sáb 22 Ago 2015 - 18:01

Diapt Diapt  • Sáb 22 Ago 2015 - 19:17

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Sáb 22 Ago 2015 - 19:17

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

Replay Replay  • Dom 23 Ago 2015 - 11:07

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Dom 23 Ago 2015 - 11:07

Diapt, efeito foi nulo :/

MzS MzS  • Dom 23 Ago 2015 - 11:51

Replay Replay  • Seg 24 Ago 2015 - 13:11

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Seg 24 Ago 2015 - 13:11

Pode fechar, vou fazer de outro jeito.
Obrigado!

Cepheus Cepheus  • Seg 24 Ago 2015 - 14:15

Quadrado nos emblemas Empty Re: Quadrado nos emblemas Seg 24 Ago 2015 - 14:15

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



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

Conteúdo patrocinado  • 

Quadrado nos emblemas Empty Re: Quadrado nos emblemas

Início :: Forumeiros :: Nostalgia:: Quadrado nos emblemas
Permissões neste sub-fórum
Não podes responder a tópicos