Personalizar o corpo de perfil estilo ao do fdf

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

Resolvido Personalizar o corpo de perfil estilo ao do fdf

Mensagem por Volpe em 19/07/16, 04:00 am

Detalhes da questão


Endereço do fórum: sdunwd.forumeiros.com
Versão do fórum: PhpBB3

Descrição


Eu queria mudar a área de quem comentou, gostaria que ficasse com uma borda e que dentro tivesse
uma cor diferente da área que tem os comentário para que não pareça que estejam juntos, quero algo
que divida, as informações embaixo do Rank quero que fiquem centralizados, como eu faço isso?

Como esta:


Um exemplo parecido:

avatar

Volpe
Nível 4

Masculino
Inscrito dia : 14/07/2016
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://sdunwd.forumeiros.com

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por - Ross em 19/07/16, 06:51 am

Olá!

Adicione esse código na sua folha de estilo CSS (vá a Painel de Controle > Visualização > Imagens e Cores > Cores > Folha de estilo CSS):

Código:
.postprofile {
    background: #F0F0F0;
    border: 1px solid #DDD;
    border-radius: 3px;
    margin-bottom: 10px;
    padding: 30px 3px 3px;
    position: relative;
    text-align: center;
}
avatar

- Ross
Nível 8

Feminino
Inscrito dia : 21/10/2013
Mensagens : 122
Pontos Ativos : 212

Ver perfil do usuário http://winordie.forumeiros.com/

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por while em 19/07/16, 12:36 pm

Olá
Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber:

Quanto sua questão, necessito do seu template viewtopic_body
Gostaria de ter a imagem ONLINE e OFFLINE?
Se sim, peço que me forneça as imagens para ambos, caso não tenha conhecimento de criação gráfica, podes pedir aqui: http://ajuda.forumeiros.com/f17-

Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4600

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por Volpe em 19/07/16, 07:36 pm

Pra mim não precisa ter o Online/Offline, ao invés, poderia apenas ter duas listras encima só
para decorar, uma cinza escuro grossa e uma mais fina cinza claro, parecido com a que tem neste
forum.
avatar

Volpe
Nível 4

Masculino
Inscrito dia : 14/07/2016
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://sdunwd.forumeiros.com

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por while em 20/07/16, 12:25 am

Olá, adicione mais esse código em sua folha de estilo css:
Código:
div.post .postprofile:after {
    background: #2E3133;
    border-bottom: 4px solid #868686;
    content: ".";
    font-size: 0;
    height: 16px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0px;
    z-index: 1;
}

Seria assim?
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4600

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por Volpe em 21/07/16, 09:27 pm

Isso mesmo, você saberia como deixar o perfil um pouco fino?
avatar

Volpe
Nível 4

Masculino
Inscrito dia : 14/07/2016
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://sdunwd.forumeiros.com

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por while em 21/07/16, 09:31 pm

É claro, adicione mais esse código em sua folha de estilo css:

Código:
.postprofile {width:230px!important;}

Caso queira menor/maior basta alterar o valor 230px pelo o que desejar.
Até mais.
avatar

while
Hiperativo

Masculino
Inscrito dia : 24/04/2016
Mensagens : 3152
Pontos Ativos : 4600

Ver perfil do usuário http://www.ajuda.forumeiros.com https://www.facebook.com/profile.php?id=100012157981279

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por Volpe em 22/07/16, 02:41 pm

Eu alterei só que a outra parte do lado que é o comentário não acompanhou e deixou um espaço muito grande.
(ME REFIRO A ESTE ESPAÇO QUE EU DEIXEI EM VERMELHO
avatar

Volpe
Nível 4

Masculino
Inscrito dia : 14/07/2016
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://sdunwd.forumeiros.com

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por REVIEW em 22/07/16, 03:00 pm

Olá,
adiciona em sua folha de CSS.
Código:
p.author {
    font-family: Tahoma;
    font-size: 1em;
    line-height: 1.2em;
    margin: 0 15em .6em 0;
    padding: 0 0 5px;
    margin-left: -33px!important;
}
.postbody .topic-title {
    border: none;
    color: #6b6b6b;
    font-family: Tahoma;
    font-size: 1.5em;
    font-weight: 700;
    line-height: 126%;
    text-transform: none;
    margin-left: -38px!important;
}
Resulta?

Até mais.
avatar

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por Volpe em 22/07/16, 06:02 pm

Adiantou sim, é nois dom do toq.
avatar

Volpe
Nível 4

Masculino
Inscrito dia : 14/07/2016
Mensagens : 32
Pontos Ativos : 50

Ver perfil do usuário http://sdunwd.forumeiros.com

Resolvido Re: Personalizar o corpo de perfil estilo ao do fdf

Mensagem por REVIEW em 22/07/16, 06:04 pm

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

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

REVIEW
Membro do Fórum

Masculino
Inscrito dia : 30/12/2014
Mensagens : 1189
Pontos Ativos : 2284

Ver perfil do usuário http://ceudasart.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum