Imagem no topo do fórum

2 participantes

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

Tópico resolvido Imagem no topo do fórum

Mensagem por Tiago Weasley Potter 28.03.14 18:08

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

Imagem no topo do fórum IGeH39GWj5PPK

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


Última edição por Tiago Weasley Potter em 28.03.14 18:56, editado 1 vez(es)
Tiago Weasley Potter

Tiago Weasley Potter
**

Membro desde : 08/12/2012
Mensagens : 50
Pontos : 76

http://winordie.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no topo do fórum

Mensagem por Kyo Panda 28.03.14 18:24

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

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. Feliz
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no topo do fórum

Mensagem por Tiago Weasley Potter 28.03.14 18:28

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
Tiago Weasley Potter

Tiago Weasley Potter
**

Membro desde : 08/12/2012
Mensagens : 50
Pontos : 76

http://winordie.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no topo do fórum

Mensagem por Kyo Panda 28.03.14 18:31

Adicione mais essa pecinha: Feliz

Código:
.fixed-image.left {
  position: absolute;
}
Kyo Panda

Kyo Panda
Hiper Membro

Membro desde : 08/01/2012
Mensagens : 4641
Pontos : 5939

https://ajuda.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Imagem no topo do fórum

Mensagem por Tiago Weasley Potter 28.03.14 18:48

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

Tiago Weasley Potter
**

Membro desde : 08/12/2012
Mensagens : 50
Pontos : 76

http://winordie.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos