Centralizar conteúdos do perfil

por DionataBraga._. 12.01.17 0:05

Detalhes da questão

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

Descrição

Olá !

Gostaria de saber como centralizar o perfil, nome, rank, reputação... e adicionar bordas e por limites de tamanho nos avatares.

Imagem de exemplo:

na imagem de exemplo mostra umas bordas brancas, queria

Como está:

por Harleen 12.01.17 0:29

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

Código:: .postprofile { text-align: center; }

Caso não resulte, libere os perfis para convidados.

Até mais

por DionataBraga._. 12.01.17 1:00

Olá,
Não resultou, onde posso liberar o perfil para convidados? Ou você quer que eu libero um fórum e tópico para você ver como está os perfis atualmente?

por Harleen 12.01.17 1:09

Libere um fórum e um tópico, para liberar vá em Geral > Categorias e fóruns > Autorizações e faça como no print.

http://prntscr.com/duihl6

Até

por DionataBraga._. 12.01.17 1:12

Feito!

por Harleen 12.01.17 1:26

Olá, poderia liberar também os campos de perfil, pois só está disponível o nome e os ranks
Para liberar, vá em Usuários & Grupos > Perfis e faça o mesmo processo
http://prntscr.com/duin1r

Porém aqui o perfil está centralizado, veja http://prntscr.com/duimdn

Até

por DionataBraga._. 12.01.17 1:32

Está centralizado, mas veja o tópico, eu coloquei uma imagem de exemplo, é daquele jeito que eu desejo se possivel, nome do usuário no centro inferior do avatar, em seguida na mesma posição o rank, etc... desde já obrigado !

Já liberei os campos do perfil para convidados.

por Harleen 12.01.17 2:04

Olá me passe sua folha CSS, pois tem algo impedindo o código que de funcionar, insira entre as tags Code

por DionataBraga._. 12.01.17 2:10

Código:: ul.navlinks { border-radius: 2px 2px 0 0!important; color: #000!important; margin: 0!important; padding: 0px!important; width: 100%!important; position: relative!important; text-shadow: none!important; border-bottom: 3px solid #000!important; font-weight: 700!important; } a.mainmenu { color: #000!important; } #page-header > div.navbar > div > ul a:hover { border-bottom: 3px solid #000!important; } /// Menu ↑ // perfil alinhado .postprofile { text-align: center; }

por Harleen 12.01.17 2:28

Olá troque o código por esse

Código:: ul.navlinks { border-radius: 2px 2px 0 0!important; color: #000!important; margin: 0!important; padding: 0px!important; width: 100%!important; position: relative!important; text-shadow: none!important; border-bottom: 3px solid #000!important; font-weight: 700!important; } a.mainmenu { color: #000!important; } #page-header > div.navbar > div > ul a:hover { border-bottom: 3px solid #000!important; } /** Menu ↑ **/ /*** Proximo cor perfil **/ .post.online { background-image: url(http://2img.net/i/fa/prosilver/icon_user_online_en.png),url(IMAGEM); background-repeat: no-repeat,repeat-y; } .post { background-image: url(IMAGEM); background-repeat: repeat-y; } /** Título segundario **/ h1.page-title {display: none!important;} /** perfil alinhado **/ .postprofile { text-align: center; }

Se ficar muito afastado da borda, adicione esse

Código:: .postprofile dd, .postprofile dt { margin-left: -30%; }

Uma dica, quando for adicionar comentários no CSS use assim

Código:: /** perfil alinhado **/

Resultado http://prntscr.com/duj3f7

por DionataBraga._. 12.01.17 2:38

A questão de centralização ficou do jeito que eu queria, obrigado!

Pode me ajudar na questão das bordas?
Tem como aumentar o nome do usuário e colocar um pouco mais pra baixo?

por [S]herlock 12.01.17 2:55

Adicione este código a sua folha de estilo css:

Código:: .postprofile dl dt img:first-child { border: 5px solid #efefef; margin-bottom: 2%; }.postprofile dl dt strong { font-size: 14px!important; }

Caso queira que o nome de usuário seja maior, basta aumentar o font-size: 14px!important conforme o seu gosto,
Abraços.

por DionataBraga._. 12.01.17 10:18

Cara, agradeço muito mesmo de coração por tudo.

Quero pedir só mais um detalhe, como colocar as opções " campos " com negrito ? :

Tipo:

por Kyo Panda 12.01.17 11:50

Adicione ao CSS:

Código:: div.postprofile .label span { font-weight: 700; }

por DionataBraga._. 12.01.17 11:54

Perfeito!
Obrigado a todos, pode fechar. Party

por Kyo Panda 12.01.17 11:55

Centralizar conteúdos do perfil Symbol10

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

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

Hitskin.com

Centralizar conteúdos do perfil