Imagem no topo do fórum

[Tiago Weasley Potter]

Qual é minha questão:
Antes de tudo, Boa Tarde
É assim, eu gostava de pôr duas imagens no topo do meu fórum assim como este exemplo:



A única diferença era que eu gostava de pôr duas imagens, uma de cada lado, mas não sei o código para tal... será que me podiam ajudar e tentar fornecer-me o código? Já agora, o link daquele fórum é o seguinte [url=(link)]http://www.isolemnlyswear.net/[/url]
Já agora, a imagem da esquerda era para ficar sempre no mesmo lugar, fixa no topo da página sem seguir o resto da página quando desço, e a outra da direita é precisamente o contrário, quero que ela fique fixa no topo da página e que acompanhe o descer e subir da página!

Obrigado ;D

Endereço do meu fórum:
http://themarauders.forumeiros.com.pt

Versão do fórum:
PHPBB3

[Kyo Panda]

Olá,

Adicione isso a um novo módulo Javascript:

Código:

$(function() {
    $('.conteneur_minwidth_IE').after('<img src="http://i57.servimg.com/u/f57/16/63/75/54/modc10.png" class="fixed-image left" /><img src="http://i57.servimg.com/u/f57/16/63/75/54/modc10.png" class="fixed-image right" />');
});

Troque os https://i.servimg.com/u/f57/16/63/75/54/modc10.png pelas imagens que desejar.

E adicione isso ao seu CSS:

Código:

.fixed-image {
  position: fixed;
  top: 10px;
}

.fixed-image.left {
  left: 10px;
}

.fixed-image.right {
  right: 10px;
}

Abraços.

[Tiago Weasley Potter]

Muito muito muito obrigado *-* mas a imagem da esquerda devia ficar fixa no topo do fórum, sem se mover, e a outra sim é que acompanhava o descer e subir do fórum ;D

[Kyo Panda]

Adicione mais essa pecinha:

Código:

.fixed-image.left {
  position: absolute;
}

[Tiago Weasley Potter]

Obrigadissimo *-* Não tenho palavras para descrever o meu agradecimento *-* Era isso que faltava para eu acabar o meu novo design *-* Thanks ;D