Caixa em relevo no avatar

5 participantes

Ir para baixo

Tópico resolvido Caixa em relevo no avatar

Mensagem por AlfaBeta 10.07.13 4:29

Qual é minha questão:
Olá, pessoal. Novamente incomodando voces.

Segue outra duvida:
Gostaria de incluir uma caixa de relevo no avatar (nos topicos), como neste tema: http://pt.hitskin.com/buscar-um-tema/cmyk-br-design-198198.htm

Falo a respeito da caixa...na qual, quando vc coloca o mouse em cima da imagem, ele 'responde' ao relevo.

Isso é possivel realizar?

Agradeço.

Endereço do meu fórum:
http://azmatrix.forumeiros.com

Versão do fórum:
PHPBB3
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 10.07.13 4:37

Saudações!

Aceda à sua "Folha de estilo CSS":
Painel de Controle Seta Visualização Seta Imagens e Cores Seta Cores Seta Folha de estilo CSS


Código para ser adicionado no início ou final da tua CSS:
Código:
.postprofile dt {
background: #fff;
border: 1px solid #DDD;
border-radius: 4px;
margin: 30px auto 5px;
padding: 10px 2px;
width: 80%;
}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
.postprofile dt img:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}

Até mais! Piscada


Última edição por Hizu em 11.07.13 1:52, editado 1 vez(es)
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 10.07.13 4:56

Hmmm... pareceu muito bom. E pelo que vi, posso 'trabalhar' tambem as distancias.
Mas te pergunto... já que preferia sem aquela caixa branca em volta, mas apenas a imagem em relevo.
É possivel?
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 10.07.13 5:07

Sim! Mas para isto, o senhor terá que substituir o código anterior por este:
Código:
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
.postprofile dt img:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}

Atenciosamente! Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 10.07.13 5:26

Ótimo. Funcionou. Sabe muito esse Hizu Feliz
E pra complementar, esqueci de mencionar, perdão. Tinha a ideia de pôr essa caixa em relevo no 2 avatares...de topicos e perfis tambem.

Como faria para os perfis, Hizu?
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 10.07.13 5:34

Hum... não posso lhe dar certeza se lhe trará resultados satisfatórios, mas vamos tentar!

Adicione este código ao teu CSS:
Código:
img {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
img:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}

Resulta?

Até! Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 10.07.13 5:44

Bem, a ideia é essa. Funcionou. Mas o problema é que é aplicado em todas as imagens do forum.
Assim.. tem como indicar apenas a imagem do avatar no perfil?
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 10.07.13 5:52

AlfaBeta escreveu:Bem, a ideia é essa. Funcionou. Mas o problema é que é aplicado em todas as imagens do forum.
Assim.. tem como indicar apenas a imagem do avatar no perfil?

Há um código, porém esqueci ao certo o que corresponde ao perfil avançado. Vamos aguardar um Ajudeiro, pode ser?


Última edição por Hizu em 10.07.13 16:48, editado 1 vez(es)
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por MateusA 10.07.13 13:42

Olá!

Troque todos os códigos fornecidos nesse post por esse:
Código:
#profile-advanced-right .module .inner div img:first-of-type {
  background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
#profile-advanced-right .module .inner div img:hover {
  background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
        .postprofile dt img {
        background: none repeat scroll 0 0 #FFF;
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
        margin-bottom: 0;
        max-height: 300px!important;
        max-width: 150px!important;
        padding: 10px 9px;
        }
        .postprofile dt img:hover {
        background-color: #E8FFFF;
        box-shadow: 0 0 3px #AAA inset;
        cursor: pointer;
        text-decoration: none;
        }
Seta Hizu, claro que da querido, por favor, não diga o que não sabe. Piscada

Atenciosamente,
Crazy.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 10.07.13 21:37

Opa,
Muito bom, Crazy.

Apenas um porem. No perfil, o relevo aparece tanto na imagem do avatar quanto na imagem do Rank, avatar dos amigos e inclusive em volta do 'ponto' conectado/desconectado. Ou seja, em 4 areas.

Haveria como aplicar isso apenas na area imagem do avatar?
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Sennior 10.07.13 21:41

Olá amigo,

Troque o código pelo abaixo:

Código:
.postprofile img:hover {
background-color: #e8eaff;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
cursor: pointer;
text-decoration: none;
}
.postprofile img {
background: none repeat scroll 0 0 #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 30px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 9px;
}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 10.07.13 21:53

Hmm... perdão, Mikéé...mas agora não ficou bom. Porque alem de não mudar nada no perfil, ainda interferiu em todas imagens no perfil (nos topicos), onde ja havia deixado apenas na imagem do avatar tambem.

Terias como corrigir isso?

AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Sennior 10.07.13 21:58

Olá,

Então não há modo. Rindo Tentei criar um seletor para que afetasse apenas as imagens do perfil... Então use o código do Crazy mesmo...

Estranho amigo que aqui no meu navegador o código do Crazy que o senhor usou em teu fórum não afetou os Ranks. Tente usar o navegador Google Chrome e veja. Piscada

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por MateusA 10.07.13 22:15

Olá!

Troque por esse:
Código:
        #profile-advanced-right .module .inner div img:first-of-type {
          background: none repeat scroll 0 0 #FFF;
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
        margin-bottom: 0;
        max-height: 300px!important;
        max-width: 150px!important;
        padding: 10px 9px;
        }
        #profile-advanced-right .module .inner div img:hover:first-of-type {
          background-color: #E8FFFF;
        box-shadow: 0 0 3px #AAA inset;
        cursor: pointer;
        text-decoration: none;
        }
                .postprofile dt img {
                background: none repeat scroll 0 0 #FFF;
                border-radius: 4px 4px 4px 4px;
                box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
                margin-bottom: 0;
                max-height: 300px!important;
                max-width: 150px!important;
                padding: 10px 9px;
                }
                .postprofile dt img:hover {
                background-color: #E8FFFF;
                box-shadow: 0 0 3px #AAA inset;
                cursor: pointer;
                text-decoration: none;
                }

Atenciosamente,
Crazy.
MateusA
MateusA
Hiper Membro

Membro desde : 13/05/2013
Mensagens : 3225
Pontos : 4215

https://www.facebook.com/forumeirospt https://twitter.com/forumeiros_pt

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 11.07.13 0:29

Bem, Mikéé. Estranho porque.. constumo usar o Chrome mesmo, e aconteceu isso mesmo.

E quanto ao seu novo codigo, caro Crazy... voltou a acontecer o que voce indicou em seu primeiro codigo... onde, no perfil, o relevo aparece no avatar, rank, avatares dos amigos e 'ponto de conectado/desc'.

AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Sennior 11.07.13 0:38

Olá amigo,

Troque por este:

Código:
.post .postprofile dl dt a[href*="/u"] img[src][alt]:hover {
background-color: #e8eaff;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
cursor: pointer;
text-decoration: none;
}
.post .postprofile dl dt a[href*="/u"] img[src][alt] {
background: none repeat scroll 0 0 #FFF;
border-radius: 10px 10px 10px 10px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 30px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 9px;
}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 11.07.13 0:54

Bem. Infelizmente, agora não houve nenhuma mudança.
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 11.07.13 1:13

Tente este código:
Código:
#profile-advanced-right img {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
#profile-advanced-right .module img:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
.postprofile dt img:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 11.07.13 1:20

Ai, coisa chata essa.
Testei...mas teima em dar relevo aos 4 tipos de figura.

Mas vamos lá...
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 11.07.13 1:47

Substitua todos os códigos fornecidos neste tópico, por este:
Código:
#profile-advanced-avatar {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
#profile-advanced-avatar:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
.postprofile dt img:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 11.07.13 2:09

Infelizmente, ainda nada ocorreu de diferente.
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 11.07.13 2:12

Substitua por este:
Código:
#profile-advanced-right-avatar .module {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
#profile-advanced--right-avatar .module:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
.postprofile dt img:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 11.07.13 2:20

Sem mudanças.
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 11.07.13 5:48

Substitua o código fornecido anteriormente, por este:
Código:
.avatar img, #profile-advanced-details .avatar, .avatar, .friend-block .avatar, #profile-advanced-avatar .module, profile-advanced-avatar .module, #profile-advanced-avatar {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}

Surtiu algum efeito?

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 11.07.13 6:55

Opa, campeão.
Acho que agora estás no caminho.
Ainda não é o que queremos..mas quase. Desta vez, dentre as 4 imagens, apenas as do avatar dos amigos é que tem relevo... ao contrario do nosso avatar...q queremos.
Tem como trocar a 'ordem' entao?
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Sennior 12.07.13 0:06

Olá amigo,

Troque por este o código CSS:

Código:
.avatar img, #profile-advanced-details .avatar, #profile-advanced-avatar .module, profile-advanced-avatar .module, #profile-advanced-avatar {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}

Abraços. Muito feliz
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 12.07.13 0:42

Caro Mikéé..
Seu codigo funcionou como o ultimo do Hizu, ou seja, apenas o avatar dos amigos fica com relevo.
Podes trocar a 'ordem' para que seja o avatar do usuario agora?
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Sennior 12.07.13 0:49

Olá,

Tente assim, coloque no inicio de teu CSS por gentileza:

Código:
.post .postprofile dl dt a[href*="/u"] img[src][alt],avatar img, #profile-advanced-details .avatar, #profile-advanced-avatar .module, profile-advanced-avatar .module, #profile-advanced-avatar {
background: none repeat scroll 0 0 #FFF !important;
border-radius: 4px 4px 4px 4px!important;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset!important;
margin-bottom: 0!important;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 12.07.13 0:57

Ainda não foi dessa vez.
Com esse codigo, nada ocorre. Todas as 4 img (avatar usuario, avatar amigos, img rank e 'ponto conectado') estão sem nenhum relevo.
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 12.07.13 1:26

Boa noite!

Posso lhe dizer que estudei ao máximo está área, porém não encontrei nenhum código que correspondesse o avatar do perfil avançado, penso eu que não seja possível, apenas com códigos JavaScripts, ao qual o Fórum dos Fóruns não fornece suporte. Talvez se o teu fórum fosse PunBB ou PhpBB2 seria possível por edições via Templates. Positivo 

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Sennior 12.07.13 7:09

Olá,

No inicio deste tópico eu citei isso... O mesmo não é possível. Até daria com este seletor:

.post .postprofile dl dt a[href*="/u"] img[src][alt]{}

Mas infelizmente o teu fórum não corresponde com o mesmo, ou seja não há como fazer esta função sem ao menos atingir também teu Rank.

Melhores Cumprimentos,
Lervisic. Piscada
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 12.07.13 7:23

Entendo.
Então, haveria uma maneira de fazer com que afete o avatar do usuario e rank, como voce falou?
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Sennior 12.07.13 7:26

Olá,

Aqui esta:

Código:
.postprofile dt {
background: #fff;
border: 1px solid #DDD;
border-radius: 4px;
margin: 30px auto 5px;
padding: 10px 2px;
width: 80%;
}
.postprofile dt img {
background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
.postprofile dt img:hover {
background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}

Veja se resulta.

Até mais.
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta 12.07.13 7:38

Amigo... não houve qualquer mudanças no perfil. No entanto, acabou afetando o perfil nos topicos...ficando o avatar fora de esquadro.

Enfim.
Deixa pra lá, entao. Já tomei o teu tempo demais.

Agradeço.
AlfaBeta
AlfaBeta
*

Membro desde : 09/07/2013
Mensagens : 30
Pontos : 40

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Sennior 12.07.13 19:10

Olá,

Meu tempo tomado? Não amigo, não mesmo. Muito feliz

Use este:

Código:
#profile-advanced-right .module .inner div img:first-of-type {
  background: none repeat scroll 0 0 #FFF;
border-radius: 4px 4px 4px 4px;
box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
margin-bottom: 0;
max-height: 300px!important;
max-width: 150px!important;
padding: 10px 9px;
}
#profile-advanced-right .module .inner div img:hover {
  background-color: #E8FFFF;
box-shadow: 0 0 3px #AAA inset;
cursor: pointer;
text-decoration: none;
}
        .postprofile dt img {
        background: none repeat scroll 0 0 #FFF;
        border-radius: 4px 4px 4px 4px;
        box-shadow: 0 1px 4px rgba(0,0,0,0.27), 0 0 40px rgba(0,0,0,0.1) inset;
        margin-bottom: 0;
        max-height: 300px!important;
        max-width: 150px!important;
        padding: 10px 9px;
        }
        .postprofile dt img:hover {
        background-color: #E8FFFF;
        box-shadow: 0 0 3px #AAA inset;
        cursor: pointer;
        text-decoration: none;
        }
Sennior
Sennior
Principal Contribuidor
Principal Contribuidor

Membro desde : 10/06/2011
Mensagens : 16379
Pontos : 20903

https://ajuda.forumeiros.com/forum https://www.facebook.com/GladstonHenriq https://twitter.com/UmGladston

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta. 12.07.13 21:56

Agradeço a atenção.
No entanto, com esse codigo, voltou a dar relevo em todas imagens.
AlfaBeta.
AlfaBeta.
****

Membro desde : 12/07/2013
Mensagens : 208
Pontos : 342

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 13.07.13 4:42

Hizu escreveu:Boa noite!

Posso lhe dizer que estudei ao máximo está área, porém não encontrei nenhum código que correspondesse o avatar do perfil avançado, penso eu que não seja possível, apenas com códigos JavaScripts, ao qual o Fórum dos Fóruns não fornece suporte. Talvez se o teu fórum fosse PunBB ou PhpBB2 seria possível por edições via Templates. Positivo 

Atenciosamente,
Hizu. Piscada

Saudações Alfa! Muito feliz 

Como dito acima, não há um CSS específico somente para a área do avatar no perfil avançado, apenas com códigos JavaScripts ou edições via templates, porém as versões PhpBB3 e Invision não é disponível as edições de templates. Chorando ou muito tr 

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta. 13.07.13 6:49

Compreendo.
Apenas insisti porque o Mikéé falou isso: "....ou seja não há como fazer esta função sem ao menos atingir também teu Rank."

Assim, se realmente confere isso, e se é possivel afetar alem do avatar do perfil, o rank do perfil.. tá valendo.

Enfim. A criterio dos mestres de plantão.
AlfaBeta.
AlfaBeta.
****

Membro desde : 12/07/2013
Mensagens : 208
Pontos : 342

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por Hizu 14.07.13 3:02

AlfaBeta. escreveu:Compreendo.
Apenas insisti porque o Mikéé falou isso: "....ou seja não há como fazer esta função sem ao menos atingir também teu Rank."

Assim, se realmente confere isso, e se é possivel afetar alem do avatar do perfil, o rank do perfil.. tá valendo.

Enfim. A criterio dos mestres de plantão.

Saudações amigo!

De acordo com todos os testes e códigos de tentativas, não há como fazer sem usarmos o module, ou seja, o efeito teria de ficar em toda a área do module.

Atenciosamente,
Hizu. Piscada
avatar
Hizu
****

Membro desde : 08/07/2013
Mensagens : 249
Pontos : 360

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta. 14.07.13 7:57

Compreendo. Então damos como resolvido.

Agradeço.
AlfaBeta.
AlfaBeta.
****

Membro desde : 12/07/2013
Mensagens : 208
Pontos : 342

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Caixa em relevo no avatar

Mensagem por AlfaBeta. 16.07.13 2:07

Por favor. Se possivel alguem do Staff pode colocar como Resolvido. Pois tento desde ontem...mas, por alguma razão, não aparece pra mim esse botão.

AlfaBeta.
AlfaBeta.
****

Membro desde : 12/07/2013
Mensagens : 208
Pontos : 342

http://carrosegames.forumeiros.com/

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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