Como mudar o quadro

Detalhes da questão

Endereço do fórum: http://hyperspin-roms.forumotion.com
Versão do fórum: phpBB3

Descrição

Bom dia, tarde e noite.
Bom primeiramente me ignore minha ignorancia
Então sou meio noob nessas coisa, mas gostaria de saber se tem como mudar o quadro(não sei se tem nome melhor) do meu forum disso:
https://i.servimg.com/u/f11/19/77/00/17/screen10.png
Para isso:
https://i.servimg.com/u/f11/19/77/00/17/screen11.png

Obrigado pelas respostas
OBS: Se eu postei em um lugar errado me desculpe:)

Olá.

Primeiro, poderia colocar aqui o link do fórum em que viu esse perfil?
Depois, o que você está pedindo é um perfil. Você só deseja esse fundo? Ou quer mudar mais alguma coisa?

Até! o/

AlexG escreveu:Olá.

Primeiro, poderia colocar aqui o link do fórum em que viu esse perfil?
Depois, o que você está pedindo é um perfil. Você só deseja esse fundo? Ou quer mudar mais alguma coisa?

Até! o/

http://hyperspin-fe.com/forums/
E também o perfil inteiro quando aparece uma mensagem.

Boa noite!

Aceda a Painel de Controle Visualização Cores Folha de estilo CSS e coloque lá o seguinte código:

Código:


.postprofile { background-color: #d8e1f1; }
.postprofile:before {
    padding-right: 0;
    padding-left: 15px;
    content: '';
    display: block;
    border-width: 5px;
    border: 30px solid rgb(0, 0, 0);
    border: 30px solid transparent;
    _border: 30px solid rgb(0, 0, 0);
    border-right-color: rgb(254, 254, 254);
    border-style: solid;
    position: absolute;
    top: 85px;
    left: 136px;
}


Abraço,
Fraise.

Fraise escreveu:Boa noite!

Aceda a Painel de Controle Visualização Cores Folha de estilo CSS e coloque lá o seguinte código:

Código:


.postprofile { background-color: #d8e1f1; }
.postprofile:before {
    padding-right: 0;
    padding-left: 15px;
    content: '';
    display: block;
    border-width: 5px;
    border: 30px solid rgb(0, 0, 0);
    border: 30px solid transparent;
    _border: 30px solid rgb(0, 0, 0);
    border-right-color: rgb(254, 254, 254);
    border-style: solid;
    position: absolute;
    top: 85px;
    left: 136px;
}


Abraço,
Fraise.

Obrigado ficou muito bom, mas tem um bug que eu queria que a cor continuasse.
https://i.servimg.com/u/f11/19/77/00/17/screen12.png
E também gostaria de ter o perfil e as mensagem visualizadas assim.
https://i.servimg.com/u/f11/19/77/00/17/screen13.png
Muito obrigado se for possivel

Alguém?

Adicione ao CSS:

Código:

.post {
    background-color: #d8e1f1;
}

.postprofile,
.postprofile .label > span {
    color: #9eadc7 !important;
}

.postbody {
    background-color: #f8f8f8;
    min-height: 285px;
}

.postprofile-rank font {
    display: block;
    margin-top: 15px;
    line-height: 30px;
    background-color: #f8f8f8;
}

.postprofile .label {
    float: left;
    font-size: 0;
}

.postprofile .label > span {
    font-size: 12px;
}

.postprofile-info {
    text-align: right;
}

.post-head {
    background-color: #f8f8f8;
    border: none;
    margin-left: 211px;
}

.postbody blockquote {
    background-color: #fff;
    border: 1px #d9d9d9 solid;
    border-left-width: 3px;
    margin: 0 0 20px;
}

.postbody blockquote cite {
    background-color: #ebeadd;
    margin: -20px -20px 20px;
    padding: 0 20px;
    line-height: 40px;
    border-bottom: 1px #d9d9d9;
    font-size: 12px;
}

.postbody blockquote::before {
    display: none;
}

.postprofile {
    position: relative;
}

.postprofile::before {
    position: absolute;
    content: ' ';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 25px 0;
    border-color: transparent #f8f8f8 transparent transparent;
    right: 0;
    top: 55px;
    left: auto;
}

Muito Obrigado, @Kyo Panda

o/

---