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

3 participantes

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

Tópico resolvido Como eu faço para a imagem mudar...

Mensagem por loberto 09.11.10 21:41

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


Última edição por loberto em 10.11.10 22:43, editado 1 vez(es)
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por muryllodantas 09.11.10 21:47

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>
muryllodantas

muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 09.11.10 21:51

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?
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por muryllodantas 09.11.10 21:55

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

muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 09.11.10 21:56

como assim colocar no código ?
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por muryllodantas 09.11.10 21:58

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.
muryllodantas

muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 09.11.10 22:07

dessaComo eu faço para a imagem mudar... Portal10
vai pra
essa Como eu faço para a imagem mudar... Portal11
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por muryllodantas 09.11.10 22:08

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/]Como eu faço para a imagem mudar... Testetc

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>
muryllodantas

muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por muryllodantas 09.11.10 22:10

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

ok?
muryllodantas

muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por muryllodantas 09.11.10 22:14

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>
muryllodantas

muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 09.11.10 22:18

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

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por muryllodantas 09.11.10 22:20

num é o portal que você quer
muryllodantas

muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 09.11.10 22:21

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

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por muryllodantas 09.11.10 22:27

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
muryllodantas

muryllodantas
Membro

Membro desde : 31/10/2010
Mensagens : 760
Pontos : 1013

http://rendersdesigner.forumeiro.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por Talissa Andr. 10.11.10 0:12

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 Seta Visualização Seta Imagens e cores Seta Gestão da Imagens Seta Avançado.
Ai remova a imagem referente ao portal e salve.
Agora aceda á:
Painel de controle Seta Visualização Seta Imagens e cores Seta Cores Seta 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?
avatar

Talissa Andr.
Membro

Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 10.11.10 0:16

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ã
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por Talissa Andr. 10.11.10 0:25

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

Talissa Andr.
Membro

Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 10.11.10 0:27

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

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por Talissa Andr. 10.11.10 0:33

Encontrei o erro no codigo! Feliz (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.
avatar

Talissa Andr.
Membro

Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 10.11.10 14:45

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

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 10.11.10 14:47

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
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por Talissa Andr. 10.11.10 21:04

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ê! Feliz
avatar

Talissa Andr.
Membro

Membro desde : 29/10/2010
Mensagens : 834
Pontos : 1130

Ir para o topo Ir para baixo

Tópico resolvido Re: Como eu faço para a imagem mudar...

Mensagem por loberto 10.11.10 22:42

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 Muito feliz
loberto

loberto
***

Membro desde : 28/09/2010
Mensagens : 102
Pontos : 191

http://strung-city.forumeiros.com/

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

Permissões neste sub-fórum
Não podes responder a tópicos