headerbar do fórum

[Marcelo22m2]

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.

é possivel ?

[Luiz]

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/

[Marcelo22m2]

Mudanças de plano

Poderia tirar o efeito ?

Fora isso tá tudo perfeito.

[Luiz]

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;
}

[Marcelo22m2]

Opa, funcionou

[Luiz]

Devo arquivar o tópico? o/

[Marcelo22m2]

Sim, obrigado.

[Luiz]

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