Qual é minha questão:
Olá!

Gostaria de saber como adicionar as seguintes imagens e posicioná-las da seguinte maneira:
https://i.imgur.com/b7tot50.jpg

Fórum que vi isso:
http://pokemonbrutalsempre.forumeiros.com/forum

Obrigado!

Endereço do meu fórum:
http://pokemon-infinity.forumeiros.com

Versão do fórum:
PHPBB3

Olá,

Não entendi,

Você gostaria de colocar as imagens aonde?

Até mais.!

Olá!

Para as descrições fará da seguinte maneira, terá de aceder as descrições do fórum um a um e editá-los com o código abaixo:

Código:

<div id="nome_da_id">aqui A DESC.</div>

E coloque este código em teu CSS:

Código:

#nome_da_id {
background-image: url(http://i.imgur.com/7fCCFjA.jpg);
border-bottom: 1px dotted #000;
border-left: 6px solid #858585;
border-right: 6px solid #858585;
border-top: 1px dotted #000;
margin-left: 44px;
padding: 7px;
text-align: center;
width: 340px
}

Para o efeito nas ultimas mensagens acrescente o código a seguir na folha de CSS:

Código:

.forabg .row .lastpost {
background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRomoErb_t0xbE_KkMqSKhamRkE1Ey6xd7GE0IsjyGFAxFKtcNf)!important;
border-left: 6px solid #000;
border-radius: 0 30px 0 30px;
border-right: 6px solid #000;
border-top: 2px solid #000;
display: block;
font-family: 'Berkshire Swash';
font-size: 13px;
height: 50px;
margin-left: 105px!important;
margin-top: 15px;
padding: 4px 3px 0;
position: relative;
text-align: center;
width: 180px;
}

Abraços, Harker.

De certo modo, funcionou, mas possui 2 erros:

1. a 'última Mensagem' fica posicionada abaixo.

2. O nome do usuário não fica centralizado.

É possível resolvê-los?

Troque o código por este:

Código:

.forabg .row .lastpost {
border-left: 6px solid rgb(0, 0, 0);
border-radius: 0px 30px;
border-right: 6px solid rgb(0, 0, 0);
border-top: 2px solid rgb(0, 0, 0);
display: block;
font-family: 'Berkshire Swash';
font-size: 13px;
height: 50px;
margin-top: 15px;
padding: 4px 3px 0px;
position: relative;
left: 450px;
text-align: center;
width: 180px;
background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRomoErb_t0xbE_KkMqSKhamRkE1Ey6xd7GE0IsjyGFAxFKtcNf);
margin-left: 105px;
}

Quanto ao nick, as propriedades estão agregadas e não encontrei uma forma de centralizá-lo.

Até mais!

Não funcional!!

As imagens desaparecem e aparecem embaixo!

Tem de apagar o código anterior e trocar pelo o que estou fornecendo.

Troque por este:

Código:

.forabg .row .lastpost {
background-image: url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcRomoErb_t0xbE_KkMqSKhamRkE1Ey6xd7GE0IsjyGFAxFKtcNf);
border-left: 6px solid rgb(0, 0, 0);
border-radius: 0px 30px;
border-right: 6px solid rgb(0, 0, 0);
border-top: 2px solid rgb(0, 0, 0);
display: block;
font-family: 'Berkshire Swash';
font-size: 13px;
height: 50px;
left: 460px;
margin-left: 105px;
margin-top: -53px;
padding: 2px -0px 0px;
position: relative;
text-align: center;
width: 180px;
}

Valide!

Era o que já tinha feito!

O problema não seria a coluna de Tópicos e Mensagens? Se sim, pode me mandar o código para eliminá-las.

Certo, ficaria melhor.. acrescente o código a seguir em sua folha:

Código:

.topics {
position: absolute;
left: -9999px;
}
.posts {
position: absolute;
left: -9999px;
}
.lastpost {
position: relative;
left: 90px;
}

Resolve?!

Muito obrigado!

Pode fechar! ^^