logo meche pro lado ao passar mouse

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

Resolvido logo meche pro lado ao passar mouse

Mensagem por HellRaiden em 30/04/12, 02:00 pm

Qual é minha questão:
tem akeles foruns que quando coloca o mouse em cima o logo meche pro lado e volta ao normal como faz isso ?

Medidas que eu tomei para corrigir o problema:
nem

Links e imagens do meu problema:
nem

Endereço do meu fórum:
http://test.forumeiros.com

Versão do meu fórum:
PHPBB3
avatar

HellRaiden
Nível 2

Masculino
Inscrito dia : 13/03/2012
Mensagens : 5
Pontos Ativos : 9

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

Resolvido Re: logo meche pro lado ao passar mouse

Mensagem por MateusV. em 30/04/12, 02:10 pm

Olá, aceda ao seu
Painel de controle Seta Visualização Seta Imagens e Cores Seta Cores
:seta2: Aba 'Folha de estilo CSS', cole este codigo e salve.

#logo-desc:hover {
magin-left: 20px;
-webkit-transition-duration: .30s;
}

Até mais. De bem com a vida
avatar

MateusV.
Principal contribuidor
Principal contribuidor

Inscrito dia : 30/10/2011
Mensagens : 7017
Pontos Ativos : 9289

Ver perfil do usuário http://mateusv.site11.com/gerador2.html

Resolvido Re: logo meche pro lado ao passar mouse

Mensagem por HellRaiden em 30/04/12, 02:12 pm

n funcionou
avatar

HellRaiden
Nível 2

Masculino
Inscrito dia : 13/03/2012
Mensagens : 5
Pontos Ativos : 9

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

Resolvido Re: logo meche pro lado ao passar mouse

Mensagem por BKFENIX em 30/04/12, 02:24 pm

Aqui esta,coloque em sua folha CSS:

Código:
#logo {
    left: 100px;
    top: 5px;
    float: left;
    position: relative;
    background: url(LINK DA IMAGEM);
    width: 930px;
    text-indent: -9999px;
    height: 130px;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
      -webkit-transition-duration: 1s;
      -moz-transition-duration: 1s;
      -o-transition-duration: 1s;
      transition-duration: 1s;
 
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      -o-transition-property: -o-transform;
      transition-property: transform;
 
      overflow:hidden;
    }


    #logo:hover {
    background: url(LINK DA IMAGEM) 0px 0px;
      -webkit-transform:translate(80px);
      -moz-transform: translate(80px);
      -o-transform:translate(80px);
    }

    #logo:active {
    background: url(LINK DA IMAGEM) 0px 0px;
      -webkit-transform:scale(0.9);
      -moz-transform:scale(0.9);
      -o-transform:scale(0.9);
    }

Obs: Retire o codigo que o amigo acima lhe passou,caso contrario o mesma não ira funcionar.
Obs²: Subtitua "LINK DA IMAGEM" pelo link do seu banner.

Ate mais.
avatar

BKFENIX
Nível 8

Masculino
Inscrito dia : 21/04/2010
Mensagens : 144
Pontos Ativos : 231

Ver perfil do usuário http://www.forunmuonline.forumeiros.net

Resolvido Re: logo meche pro lado ao passar mouse

Mensagem por HellRaiden em 30/04/12, 02:29 pm

obrigado
avatar

HellRaiden
Nível 2

Masculino
Inscrito dia : 13/03/2012
Mensagens : 5
Pontos Ativos : 9

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

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

- Tópicos similares

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