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:

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;
}

Olá

Seja bem-vindo ao nosso fórum de Suporte! Como acabou de se inscrever, veja aqui alguns links importantes a saber: Regras do Fórum, e o que você não deve fazer neste fórum. Os demais fóruns de Suporte Forumeiros Lista de Tutoriais e astúcias e Questões frequentes. Conheça a Staff do Fórum dos Fóruns. Conheça a função Busca.

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: https://ajuda.forumeiros.com/f17-

Até mais.

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.

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.

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

É 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.

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

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.

Adiantou sim, é nois dom do toq.