Efeito expandir banner no fórum

[Ruben Ventura]

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

[Alex Habilidade]

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!

[Ruben Ventura]

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.

[Hancki]

Olá!

Cole este CSS na sua folha de estilos:

Código:

a#logo img:hover {
width: 100% !important;
}

Será isso?

Hancki

[Ruben Ventura]

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?

[Hancki]

É só mudar o 100% para 95%, por exemplo.

Código:

a#logo img:hover {
width: 95% !important;
}

[Ruben Ventura]

É 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

[Hancki]

Use este:

Código:

a#logo img:hover {
width: 1080px !important;
height: auto !important;
}

[Ruben Ventura]

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.

[Hancki]

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

[Ruben Ventura]

Obrigado era msmo isso que eu precisava.