Efeito expandir banner no fórum

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

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!

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.

Olá!

Cole este CSS na sua folha de estilos:

Código:

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

Será isso?

Hancki

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?

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

Código:

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

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

Use este:

Código:

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

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.

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

Obrigado era msmo isso que eu precisava.