Boas-vindas ao Power Pixel

Junte-se a comunidade! Crie o seu próprio conteúdo, e faça amizades.EntrarCriar uma conta

Fundo alterando do menu ao passar mouse em cima..

3 participantes

Início :: Forumeiros :: NostalgiaFundo alterando do menu ao passar mouse em cima..

[K]oke [K]oke  • Dom 4 Jan 2015 - 15:38

Fundo alterando do menu ao passar mouse em cima.. Empty Fundo alterando do menu ao passar mouse em cima.. Dom 4 Jan 2015 - 15:38

[quadrado=Minha questão]
Olá, queria um código que quando passa o mouse em cima o fundo fica alterado.


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB[/quadrado]

HeroWaar HeroWaar  • Ter 6 Jan 2015 - 7:42

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Ter 6 Jan 2015 - 7:42

Olá,

1º - Qual fundo?

2º - Alterado como?

HW,

[K]oke [K]oke  • Ter 6 Jan 2015 - 10:01

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Ter 6 Jan 2015 - 10:01

Fundo queria assim fundo
"http://www.ipsfocus.com/skindemo/public/style_images/wireless/backgrounds/background_1.jpg
e alterasse tipo pra outra imagem quando coloco o mouse em cima.

Até Mais!

HeroWaar HeroWaar  • Ter 6 Jan 2015 - 11:06

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Ter 6 Jan 2015 - 11:06

Olá,

A imagem que você postou não existe, e o fundo é o fundo do header ou fundo do fórum?

HW,

[K]oke [K]oke  • Ter 6 Jan 2015 - 13:33

HeroWaar HeroWaar  • Ter 6 Jan 2015 - 13:40

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Ter 6 Jan 2015 - 13:40

Bom,

Como já lhe disse a imagem esta enviando a outra que não é a que você quer, mas o código e esse:
Adicione ao seu CSS:
Código:
#branding:hover {
  background: url("http://www.ipsfocus.com/skindemo/public/style_images/wireless/backgrounds/background_1.jpg");
}
#branding {transition:all 2s ease 0s;}

HW,

[K]oke [K]oke  • Ter 6 Jan 2015 - 14:07

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Ter 6 Jan 2015 - 14:07

Isso algo assim desse jeito mais está com muito bug quando colocar o mouse em cima.
a outra imagem [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[K]oke [K]oke  • Qua 7 Jan 2015 - 20:34

HeroWaar HeroWaar  • Qua 14 Jan 2015 - 10:06

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Qua 14 Jan 2015 - 10:06

Olá,

O que seria esse bug?

Código com a nova imagem
Código:
#branding:hover {background: url("http://i.imgur.com/nxnsIBy.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}

HW,

[K]oke [K]oke  • Qua 14 Jan 2015 - 21:44

HeroWaar HeroWaar  • Qua 14 Jan 2015 - 22:54

[K]oke [K]oke  • Qui 15 Jan 2015 - 5:36

HeroWaar HeroWaar  • Qui 15 Jan 2015 - 7:23

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Qui 15 Jan 2015 - 7:23

Código:
#branding:hover {background: url("http://i.imgur.com/nxnsIBy.jpg") repeat scroll 0 0 rgba(0, 0, 0, 0);}
#branding {background: url("http://s22.postimg.org/b8g643p4x/trippy_1_rainbow_animated.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);}

[K]oke [K]oke  • Qui 15 Jan 2015 - 8:04

Cepheus Cepheus  • Qui 15 Jan 2015 - 8:30

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Qui 15 Jan 2015 - 8:30

O que o HeroWaar postou está correto só o endereço da imagem que está incorreto.
faça o seguinte:
Procure no seu css a seguinte imagem:
Código:
http://lifegames.in/forum/public/style_images/lifegames/header_bg.png

troque por:
Código:
http://i.imgur.com/nxnsIBy.jpg

O resultado ficará assim:
Código:
#branding {
background: #242e37 url(http://i.imgur.com/nxnsIBy.jpg) repeat-x;
min-height: 90px;
transition: all 2s ease 0;
}

[K]oke [K]oke  • Qui 15 Jan 2015 - 8:46

Cepheus Cepheus  • Qui 15 Jan 2015 - 9:09

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Qui 15 Jan 2015 - 9:09

Só pegar a imagem, e seguir os passos do meu post anterior.
Só ressaltando você trocou a imagem porem ao trocar você apagou um "parênteses", dessa forma a imagem não irá aparecer:
Veja como seu css está:
Código:
#branding {
background: #242e37 urlhttp://oi57.tinypic.com/2wn4miw.jpg) repeat-x;
min-height: 90px;
transition: all 2s ease 0;
}

repare na seguinte linha do css acima:
background: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]) repeat-x;

Correto seria abrir e fechar parênteses ficando assim:
background: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link] url([Tens de ter uma conta e sessão iniciada para poderes visualizar este link]) repeat-x;

O resultado final ficaria assim:
Código:
#branding {
background: #242e37 url(http://oi57.tinypic.com/2wn4miw.jpg) repeat-x;
min-height: 90px;
transition: all 2s ease 0;
}


Só arrumar esse pequeno problema, para isso só procurar pelo endereço da imagem que você adicionou:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

[K]oke [K]oke  • Qui 15 Jan 2015 - 11:42

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Qui 15 Jan 2015 - 11:42

Achei uma imagem boa, peço que me ajude em outro modo de banner.
eu queria que o banner ficasse mais largo no lugar do preto.
quero também que fique reto o banner com o fórum
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Cepheus Cepheus  • Sex 16 Jan 2015 - 9:31

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima.. Sex 16 Jan 2015 - 9:31

[sucesso=Tópico Resolvido; e Bloqueado][/sucesso]
Uma duvida por tópico!

Conteúdo patrocinado  • 

Fundo alterando do menu ao passar mouse em cima.. Empty Re: Fundo alterando do menu ao passar mouse em cima..

Início :: Forumeiros :: Nostalgia:: Fundo alterando do menu ao passar mouse em cima..
Permissões neste sub-fórum
Não podes responder a tópicos