headerbar do fórum

2 participantes

Ir para baixo

Tópico resolvido headerbar do fórum

Mensagem por Marcelo22m2 17.07.17 2:14

Detalhes da questão


Endereço do fórum: http://mugalindu.forumeiros.com/
Versão do fórum: phpBB3

Descrição


Saudações,

Gostaria de coloca essa image no meu headerbar do meu Fórum https://i.servimg.com/u/f11/19/73/66/24/121210.jpg

Gostaria de coloca-la inteira, com um efeito ao passar o mause encima da foto, pode-se qualquer efeito mais que seja efeito ta bom. Envergonhado

é possivel ? ...
Marcelo22m2
Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: headerbar do fórum

Mensagem por Luiz 17.07.17 2:18

Olá,

Adicione este código ao final de sua CSS:
Código:
.headerbar {
  background-image: url(https://i11.servimg.com/u/f11/19/73/66/24/213.jpg);
  height: 250px;
  background-size: 100% 100%;
  border-radius: 5px 5px 0 0;
  -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
      -ms-transition: all 200ms linear;
      -o-transition: all 200ms linear;
          transition: all 200ms linear;
  background-position: center center;
}

.headerbar:hover {
  background-size: 120% 120%;
}

#logo,
.headerbar [class*="corners"] {
  display: none;
}

o/


Última edição por Luiz em 17.07.17 2:20, editado 1 vez(es) (Motivo da edição : Correção no código)
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: headerbar do fórum

Mensagem por Marcelo22m2 17.07.17 2:22

Mudanças de plano Louco

Poderia tirar o efeito ?

Fora isso tá tudo perfeito.
Marcelo22m2
Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: headerbar do fórum

Mensagem por Luiz 17.07.17 2:23

Troque por este:
Código:
.headerbar {
  background-image: url(https://i11.servimg.com/u/f11/19/73/66/24/213.jpg);
  height: 250px;
  background-size: 100% 100%;
  border-radius: 5px 5px 0 0;
  background-position: center center;
}
 
#logo,
.headerbar [class*="corners"] {
  display: none;
}
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: headerbar do fórum

Mensagem por Marcelo22m2 17.07.17 2:25

Opa, funcionou
Marcelo22m2
Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: headerbar do fórum

Mensagem por Luiz 17.07.17 2:26

Devo arquivar o tópico? o/
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Tópico resolvido Re: headerbar do fórum

Mensagem por Marcelo22m2 17.07.17 2:27

Sim, obrigado.
Marcelo22m2
Marcelo22m2
***

Membro desde : 16/07/2017
Mensagens : 100
Pontos : 150

http://muwinnerr.forumeiros.com

Ir para o topo Ir para baixo

Tópico resolvido Re: headerbar do fórum

Mensagem por Luiz 17.07.17 2:33

Questão marcada como Resolvida ou o Autor solicitou que ela fosse arquivada.
Tópico marcado como Resolvido e movido para Questões resolvidas.
Luiz
Luiz
Membro Entusiasta

Membro desde : 23/04/2016
Mensagens : 6645
Pontos : 7451

https://luizfelipe.dev

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

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