Como eu faço para a imagem mudar...

como q eu faço pra imagem do Inicio, Portal, Calendário e etc mudar qdo o mouse passa em cima ? se der pra fazeh isso

Tenta esse codigo.

Código:


<a href="pagina.html" onmouseover="document.NOME.src='IMG2.gif'" onmouseout="document.NOME.src='IMG1.gif'"><img src="IMG1.gif" name="NOME" Border="0"></a>

onde eu coloco esse código? eu coloco esse código e oq +? onde é q eu ponho a imagem q vai aparece qdo o mouse passa em cima?

Me mande logo o que você quer colocar no codigo que eu ja decho ele pronto

como assim colocar no código ?

Eu ja faço o codigo, apenas me mande imagem, e as outras coisas

Vou fazer outro codigo basta me dar a url da imagem.

dessa
vai pra
essa

Você pode usar em uma pagina personalizada e pode entrar em painel de controle->modulos->portal & widgets->Gestão dos widgets do fórum-> Criar um widget personalizado

onde tem desça o scroll até achar "fonte do widget" e coloque seu codigo

Olhe na imagem abaixo:

[URL=https://2img.net/r/ihimizer/i/testetc.png/]

Código:

<script language="javascript">
<!--
function aumenta(obj){
    obj.height=obj.height*2;
 obj.width=obj.width*2;
}

function diminui(obj){
 obj.height=obj.height/2;
 obj.width=obj.width/2;
}
//-->
</script>

<center>
<p><img src="URL_DA_IMAGEM" width="258" height="145" alt="muryllodantas.blogspot.com" onmouseover="aumenta(this)" onmouseout="diminui(this)" />
</p></center>

Descupa mas eu achei que foce para aumentar, eu vou pesquisar o codigo.

ok?

Achei tenta esse.

Código:

<a href="URL DA PAGINA"target="_blank" onMouseOver="document.images['myimage'].src='URL DA PRIMEIRA IMAGEM';" onMouseOut="document.images['myimage'].src='URL DA SEGUNDA IMAGEM';"></a>

a url da pagina é o site do meu fórum ou otra coisa ?

num é o portal que você quer

essa é a imagem q vai ta lá no cabeçalho do fórum
onde fica escrito portal

Por favor essa parte é com os atmeiros.

Pessa ajuda a eles, eles iram fazer o botão, é que pra isso tem que fazer uma animação e o codigo não vai funcionar.

Att, Muryllo

Olá loberto,

Primeiramente remova a imagem do painel de controle, somente usará a imagem por meio de códigos CSS! Para remover aceda à:
Painel de controle Visualização Imagens e cores Gestão da Imagens Avançado.
Ai remova a imagem referente ao portal e salve.
Agora aceda á:
Painel de controle Visualização Imagens e cores Cores Folha de estilos CSS.
e cole o seguinte codigo e salve.

Código:

#i_icon_mini_portal {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal10.png);
padding: 256px 104px;
}

classe:hover {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal11.png);
padding: 256px 104px;
}

-
Resolve?

n funciono esse código, a imagem apareceu um monte de vezes uma em cima da outra
e oq q é atmeiros ?

respostas vão ser lidas amanhã

Desculpe o erro.
Tente agora (apague o primeiro codigo)

Código:

#i_icon_mini_portal {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal10.png);
padding: 80px 120px;
background-repeat: no-repeat;
}

classe:hover {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal11.png);
padding: 80px 120px;
background-repeat: no-repeat;
}

agr ta do jeito normal, q nem antes, qdo passsa o mouse n acontece nd

Encontrei o erro no codigo! (e espero que seja o ultimo.)
Tente agora (apague o primeiro codigo)

Código:

#i_icon_mini_portal {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal10.png);
padding: 80px 120px;
background-repeat: no-repeat;
}

#i_icon_mini_portal:hover {
background-image: url(http://i60.servimg.com/u/f60/15/70/05/80/portal11.png);
padding: 80px 120px;
background-repeat: no-repeat;
}

-
______@EDIT-_____
O correcto é ArtMeiros.
Os ArtMeiros, são pessoas que ajudam os usuários aqui do FdF na questão de Design do Fórum,
para poder fazer um pedido precisa ter no mínimo 30 mensagens, (sendo assim considerado um Membro do Fórum FdF.

=D =D =D =D =D
funcionoh, vlw talissa andr.
mto obrigado msm
=D
e se eu estou certo, pra muda a imagem só é muda o link nessa parte

Código:

#i_icon_mini_portal {
background-image: url(LINK DA IMAGEM);
padding: 80px 120px;
background-repeat: no-repeat;
}

#i_icon_mini_portal:hover {
background-image: url(LINK DA IMAGEM);
padding: 80px 120px;
background-repeat: no-repeat;
}

e se eu quiser tb colocar uma imagem disso no inicio, calendario, FAQ e etc, como eu faço, eu só mudo a parte do "#i_icon_mini_portal" e coloca "#i_icon_mini_calendario" ? pq eu qria coloca nos outros tb

Olá,
claro você pode fazer em todos.
você terá que fazer um código deste para cada botão,
caso você queira me passe todas as imagens normais e clicadas,
que eu faço todos os codigos para você!

eu ja cusigui fazeh tds, tds msm
vo coloca aki pra quem quiseh
Fórum :

Spoiler:

Portal :

Spoiler:

FAQ :

Spoiler:

Buscar :

Spoiler:

Grupos :

Spoiler:

Registrar :

Spoiler:

Login :

Spoiler:

Editar Perfil :

Spoiler:

Mensagens Privadas :

Spoiler:

Calendário :

Spoiler:

Sair :

Spoiler:

Nova Mensagem Privada :

Spoiler:

tomara q sirva pra alguma coisa