Imagem no topo do fórum

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

Resolvido Imagem no topo do fórum

Mensagem por Tiago Weasley Potter em 28/03/14, 03:08 pm

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:



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, 03:56 pm, editado 1 vez(es)
avatar

Tiago Weasley Potter
Nível 5

Masculino
Inscrito dia : 08/12/2012
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://winordie.forumeiros.com/

Resolvido Re: Imagem no topo do fórum

Mensagem por Kyo Panda em 28/03/14, 03:24 pm

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 http://i57.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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagem no topo do fórum

Mensagem por Tiago Weasley Potter em 28/03/14, 03:28 pm

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
avatar

Tiago Weasley Potter
Nível 5

Masculino
Inscrito dia : 08/12/2012
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://winordie.forumeiros.com/

Resolvido Re: Imagem no topo do fórum

Mensagem por Kyo Panda em 28/03/14, 03:31 pm

Adicione mais essa pecinha: Feliz

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

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4638
Pontos Ativos : 5914

Ver perfil do usuário http://ajuda.forumeiros.com

Resolvido Re: Imagem no topo do fórum

Mensagem por Tiago Weasley Potter em 28/03/14, 03:48 pm

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

Tiago Weasley Potter
Nível 5

Masculino
Inscrito dia : 08/12/2012
Mensagens : 50
Pontos Ativos : 76

Ver perfil do usuário http://winordie.forumeiros.com/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum