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

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

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

Mensagem por iScroll em 06/02/17, 10:34 pm

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

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1638
Pontos Ativos : 2222

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

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

Mensagem por Kyo Panda em 07/02/17, 09:13 pm

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/
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925

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

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

Mensagem por iScroll em 07/02/17, 10:00 pm

@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?
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1638
Pontos Ativos : 2222

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

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

Mensagem por Kyo Panda em 08/02/17, 08:15 pm

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
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925

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

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

Mensagem por iScroll em 08/02/17, 08:51 pm

@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
avatar

iScroll
Membro do Fórum

Masculino
Inscrito dia : 08/03/2015
Mensagens : 1638
Pontos Ativos : 2222

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

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

Mensagem por Kyo Panda em 08/02/17, 09:06 pm

Às ordens. o7

---
Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.

Tópico marcado como Resolvido e movido para "Questões resolvidas".
avatar

Kyo Panda
Super usuário

Masculino
Inscrito dia : 08/01/2012
Mensagens : 4640
Pontos Ativos : 5925

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

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


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