ATENÇÃO


TODOS OS CONTEÚDOS PRESENTES AQUI, SÃO LIVRES DE VÍRUS.
CASO APRESENTE ALGUM VÍRUS, É APENAS PARA O FUNCIONAMENTO DO ARQUIVO, NADA PREJUDICAVEL AO COMPUTADOR.

sexta-feira, 18 de março de 2016

Organizar o UserInfoPane (Painel do Usuário)

Acesse: AdminCP > Look & Feel > SKIN > ipb_styles.css.

Procure por:
.custom_fields {
color: #818181;
margin-top: 8px;
}
E adicione o seguinte abaixo dele:
.custom_fields li {
background: #FFFFFF;
padding:4px;
margin-top:2px;
border:1px solid #DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
width:100%;
}
Em margin-top você define o espaçamento entre eles.
Em padding você define a altura do retângulo,
Em text-align você define a posição do texto,

Se quiser adicionar alguns efeitos fica a critério, segue uma opção com box-shadow:
.custom_fields li {
background: #FFFFFF;
padding:4px;
margin-top:0px;
border:1px solid #DDDDDD;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
text-align:center;
width:100%;
-moz-box-shadow: 0.5px 0.5px 0.5px 0.5px ;
-webkit-box-shadow: 0.5px 0.5px 0.5px 0.5px ;
box-shadow: 0.5px 0.5px 0.5px 0.5px ;
}

0 comentários:

Postar um comentário