Personalizar o perfil

Item: Personalizar o perfil
Rating: 1
Author: Forumeiros

por Caike em Qui 1 Set 2016 - 13:54

Detalhes da questão

Endereço do fórum: http://unitdskylinesnations.forumeiros.com/
Versão do fórum: PhpBB3

Descrição

Saudações! Queria mudar o estilo dos perfis nas postagens para o desse fórum aqui:
http://www.bestskins.net/t5789-

Quero só o nome com a caixa e a foto do perfil quadradinha do jeito que tá la. As outras informações podem ficar com o estilo padrão mesmo.

Agradeço a paciência haha!

por Harleen em Qui 1 Set 2016 - 14:56

Olá adicione em sua folha CSS o seguinte código

Código:: .postprofile > dl > dt > a > 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: 125px; width: 125px; padding: 1px; } .postprofile > dl > dt > a > img:hover { border-color: #A1A1A1; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); }

Resultado http://prntscr.com/ccxain

Até mais

por Caike em Qui 1 Set 2016 - 15:23

Oi, eu tirei o css que deixava o nome de usuário em cima da imagem do perfil, pois achei que ficou estranho. Teria como deixar um espaço maior entre a foto de perfil e o nome de usuário? Eles estão muito juntos.

Obrigado Muito feliz

por **Cream** em Qui 1 Set 2016 - 15:35

Olá autor,

Tente trocar o código passado por este:

Código:: .postprofile > dl > dt > a > 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: 125px; width: 125px; padding: 1px; margin-bottom: 10px !important; } .postprofile > dl > dt > a > img:hover { border-color: #A1A1A1; -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); }

Veja se resulta como o senhor espera.
Até mais!

por Caike em Qui 1 Set 2016 - 15:37

Perfeito. Obrigado. Muito feliz

por **Cream** em Qui 1 Set 2016 - 15:42

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".

Fórum dos Fóruns Forumeiros

Personalizar o perfil