Efeito expandir banner no fórum

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

Resolvido Efeito expandir banner no fórum

Mensagem por Ruben Ventura em 03/01/14, 09:58 am

Qual é minha questão:
Olá, eu estou a fazer um fórum para teste que irá servir para este fórum http://familia-alliance.forumeiros.com e  estou a precisar dum efeito que expande o banner no fórum,alguem poderia me dizer o código que expande o banner do fórum?
Ficarei Grato se me ajudarem.



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

Versão do fórum:
INVISION


Última edição por Ruben Ventura em 03/01/14, 02:00 pm, editado 2 vez(es)
avatar

Ruben Ventura
Nível 2

Masculino
Inscrito dia : 03/01/2014
Mensagens : 12
Pontos Ativos : 26

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

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Alex Habilidade em 03/01/14, 10:16 am

Olá,

Não entendi muito o que pretende mais o senhor se refere em modificar a dimensão da logo?
Caso seja isso adicione em sua folha CSS:
Código:

div#logostrip #logo {
width:850px
height: 320px;
}

Nos valores width/largura e height/altura basta o senhor alterar para o tamanho que deseja.

Cordiais Saudações;
Alex!
avatar

Alex Habilidade
Usuário experiente

Masculino
Inscrito dia : 10/01/2011
Mensagens : 2795
Pontos Ativos : 3774

Ver perfil do usuário http://www.gzhabilidade.com/

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Ruben Ventura em 03/01/14, 10:24 am

@Alex Habilidade escreveu:Olá,

Não entendi muito o que pretende mais o senhor se refere em modificar a dimensão da logo?
Caso seja isso adicione em sua folha CSS:
Código:

div#logostrip #logo {
width:850px
height: 320px;
}

Nos valores width/largura e height/altura basta o senhor alterar para o tamanho que deseja.

Cordiais Saudações;
Alex!
Aqui nao funcionou ou sou eu que estou a fazer mal, eu quero um código em que ao passar o cursor em cima do banner ele aumenta o tamanho e depois de tirar o cursor de cima do banner ele volta ao tamanho original.
avatar

Ruben Ventura
Nível 2

Masculino
Inscrito dia : 03/01/2014
Mensagens : 12
Pontos Ativos : 26

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

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Hancki em 03/01/14, 10:37 am

Olá!

Cole este CSS na sua folha de estilos:
Código:
a#logo img:hover {
width: 100% !important;
}
Será isso?

Hancki
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Ruben Ventura em 03/01/14, 10:46 am

@Hancki escreveu:Olá!

Cole este CSS na sua folha de estilos:
Código:
a#logo img:hover {
width: 100% !important;
}
Será isso?

Hancki
É desse género msmo, mas quando passo o cursor o banner aumenta muito e alterei os valores de width e continua na mesma, nao tem maneira de expandir para um tamanho menor?
avatar

Ruben Ventura
Nível 2

Masculino
Inscrito dia : 03/01/2014
Mensagens : 12
Pontos Ativos : 26

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

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Hancki em 03/01/14, 10:47 am

É só mudar o 100% para 95%, por exemplo.
Código:
a#logo img:hover {
width: 95% !important;
}
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Ruben Ventura em 03/01/14, 10:53 am

@Hancki escreveu:É só mudar o 100% para 95%, por exemplo.
Código:
a#logo img:hover {
width: 95% !important;
}
Eu já tentei e continua na mesma e buga o fórum se puder me mandar um tutorial como fazer direitinho
avatar

Ruben Ventura
Nível 2

Masculino
Inscrito dia : 03/01/2014
Mensagens : 12
Pontos Ativos : 26

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

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Hancki em 03/01/14, 10:59 am

Use este:
Código:
a#logo img:hover {
width: 1080px !important;
height: auto !important;
}
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Ruben Ventura em 03/01/14, 11:14 am

Sim Ficou melhor, obrigado mas nao existe um efeito que aumenta normal o banner é que este efeito aumenta muito rápido  e fica com a impressão que o fórum se mexe.
Desculpe por fazer vc perder seu tempo.
avatar

Ruben Ventura
Nível 2

Masculino
Inscrito dia : 03/01/2014
Mensagens : 12
Pontos Ativos : 26

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

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Hancki em 03/01/14, 01:43 pm

Apague o último que dei e substitua por este:
Código:
a#logo img:hover {
    -webkit-transform: scale(1.05,1.07);
    -webkit-transition-timing-function: ease-out;
    -webkit-transition-duration: 250ms;
    -moz-transform: scale(1.05,1.07);
    -moz-transition-timing-function: ease-out;
    -moz-transition-duration: 250ms;
    position: relative;
    z-index: 99;
}
avatar

Hancki
Principal contribuidor
Principal contribuidor

Masculino
Inscrito dia : 03/10/2009
Mensagens : 8047
Pontos Ativos : 12032

Ver perfil do usuário http://programacaoweb.forumeiros.com/ https://www.facebook.com/djtomoficial https://www.facebook.com/djtomoficial

Resolvido Re: Efeito expandir banner no fórum

Mensagem por Ruben Ventura em 03/01/14, 01:59 pm

Obrigado era msmo isso que eu precisava.
avatar

Ruben Ventura
Nível 2

Masculino
Inscrito dia : 03/01/2014
Mensagens : 12
Pontos Ativos : 26

Ver perfil do usuário http://allianceteste.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