Animação de rolagem no banner do fórum

2 participantes

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

Tópico resolvido Animação de rolagem no banner do fórum

Mensagem por iScroll 07.02.17 0:34

Detalhes da questão


Endereço do fórum: http://www.brasilplayultimate.forumeiros.com/forum
Versão do fórum: PunBB

Descrição


Gostaria de um CSS igual ao desse fórum, que fizesse um "wallpaper" como banner e ficasse se mexendo: http://www.brasilplaystart.com.br/forum/

Também gostaria de adicionar no meu overall_header um código para eu por um logo bem no local ali onde está o "brasil play start" como no fórum acima.

MEU CSS: http://pastebin.com/Jua5UhCi

Meu Overall_Header: http://pastebin.com/yKUvGYKh

No aguardo Muito feliz


Última edição por iScroll em 08.02.17 15:41, editado 1 vez(es)
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação de rolagem no banner do fórum

Mensagem por Kyo Panda 07.02.17 23:13

Adicione ao seu overall_header, antes da tag </head>:

Código:
<style>
@keyframes branding {
 
   from {
      background-position: 0 0;
   }
   
   to {
      background-position: 1600px 0;
   }
}

#branding {
    animation: branding 40s linear infinite;
}
</style>

Colocando no overall_header dessa vez pois o código que minifica o CSS no Forumeiros (Opção: Melhorar o seu CSS) não trabalha muito bem com animações.

o/
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: Animação de rolagem no banner do fórum

Mensagem por iScroll 08.02.17 0:00

Kyo Panda escreveu:Adicione ao seu overall_header, antes da tag </head>:

Código:
<style>
@keyframes branding {
 
   from {
      background-position: 0 0;
   }
   
   to {
      background-position: 1600px 0;
   }
}

#branding {
    animation: branding 40s linear infinite;
}
</style>

Colocando no overall_header dessa vez pois o código que minifica o CSS no Forumeiros (Opção: Melhorar o seu CSS) não trabalha muito bem com animações.

o/

Beleza e agora para eu poder colocar um logo igual no forum acima?
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação de rolagem no banner do fórum

Mensagem por Kyo Panda 08.02.17 22:15

Somente deve existir uma única dúvida por tópico, com um título bem escrito, seguindo as normas da língua e que seja bem explícito;

Regras

---

Adicione ao CSS:

Código:
#branding .wrapper {
    margin: 0;
}

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: Animação de rolagem no banner do fórum

Mensagem por iScroll 08.02.17 22:51

Kyo Panda escreveu:
Somente deve existir uma única dúvida por tópico, com um título bem escrito, seguindo as normas da língua e que seja bem explícito;

Regras

---

Adicione ao CSS:

Código:
#branding .wrapper {
    margin: 0;
}

Feliz

Já tinha conseguido sozinho, obrigado @Kyo Panda <3
iScroll

iScroll
Super Membro

Membro desde : 08/03/2015
Mensagens : 1701
Pontos : 2311

http://ultimatelife.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: Animação de rolagem no banner do fórum

Mensagem por Kyo Panda 08.02.17 23:06

Às ordens. o7

---
Animação de rolagem no banner do fórum Symbol10 Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
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

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


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