← Desenvolvimento

New Design

Lida 3999 vezes

Offline

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

http://webtuga.no.sapo.pt/112/

Digam ai o que acham!
Se alguem me poder dizer, queria saber como é que ponho ao passar com o rato por cima de um link mudar a imagem de fundo!
Pensoi que é em javascript com a função mouseover. mas não seiu aplicar!
Offline

Spread 
Membro
Mensagens 1433 Gostos 2
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Usa css ;) Vai ao site www.w3c.org e clica no link do css. Estão lá vários sites com tutoriais, o em português é muito bom, tenho-me inspirado nele pa tirar algumas funções ;)

Cumps 8)
Offline

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

Citação de: "Spread"
Usa css ;) Vai ao site www.w3c.org e clica no link do css. Estão lá vários sites com tutoriais, o em português é muito bom, tenho-me inspirado nele pa tirar algumas funções ;)

Cumps 8)


Mas eu não quero que mude a cor do link, isso eu sei fazer.
Eu quero que ao passar por exemplo nesta imagem:



mude para uma mais clara! fazer tipo efeito fading!
Mas a mudar de imagem!
Offline

Spread 
Membro
Mensagens 1433 Gostos 2
Troféus totais: 29
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Poll Starter Level 5 Level 4 Level 3 Level 2

Fazer fading na sei se dá mas tenho quase a certeza que dá para mudares a imagem (on mouse hover) apenas por css.

Cumps 8)
Offline

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

Vou ver isso!
Offline

CDAfonso 
Membro
Mensagens 114 Gostos 0
Troféus totais: 25
Trófeus: (Ver todos)
Super Combination Combination Topic Starter Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1 100 Posts

Com DHTML , o Frontpage faz issso. Tens é de criar outra imagem.
Offline

allskin 
Membro
Mensagens 446 Gostos 2
Feedback +1

Troféus totais: 24
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 4 Level 3 Level 2 Level 1 100 Posts

Está muito porreiro.

Força com isso! ;)
Offline

asturmas 
Administrador
Mensagens 19734 Gostos 49
Feedback +2

Troféus totais: 39
Trófeus: (Ver todos)
Mobile User Windows User Super Combination Combination Topic Starter 100 Poll Votes 50 Poll Votes 10 Poll Votes Poll Voter Poll Starter

interesante  =D>
Offline

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

Só não sei é como por mesmo aquelas imagens ao passar por cima mudar!
Offline

asturmas 
Administrador
Mensagens 19734 Gostos 49
Feedback +2

Troféus totais: 39
Trófeus: (Ver todos)
Mobile User Windows User Super Combination Combination Topic Starter 100 Poll Votes 50 Poll Votes 10 Poll Votes Poll Voter Poll Starter

Eu sei ja te dou o codigo
Offline

asturmas 
Administrador
Mensagens 19734 Gostos 49
Feedback +2

Troféus totais: 39
Trófeus: (Ver todos)
Mobile User Windows User Super Combination Combination Topic Starter 100 Poll Votes 50 Poll Votes 10 Poll Votes Poll Voter Poll Starter

o codigo ke tenho hum template e este:

Código: [Seleccione]


<a href="#"
onmouseover="window.status='hosting'; changeImages('hosting', 'images/hosting.jpg'); return true;"
onmouseout="window.status=''; changeImages('hosting', 'images/hosting.jpg'); return true;"
onmousedown="changeImages('hosting', 'images/hosting.jpg'); return true;"
onmouseup="changeImages('hosting', 'images/hosting.jpg'); return true;">
<font color="#8A8A8A">
<a onmouseover="window.status='hosting'; changeImages('hosting', 'images/hosting.jpg'); return true;" onmouseout="window.status=''; changeImages('hosting', 'images/hosting.jpg'); return true;" onmousedown="changeImages('hosting', 'images/hosting.jpg'); return true;" onmouseup="changeImages('hosting', 'images/hosting.jpg'); return true;" href="planos.html">
<img name="hosting" src="images/hosting.jpg" width="78" height="41" border="0" alt="hosting"></a></font></a></td>
<td colspan="3">



so tems de o editar lol
Offline

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

Naõ consigo adaptar! Dá.me erros até dar com pau!
Offline

asturmas 
Administrador
Mensagens 19734 Gostos 49
Feedback +2

Troféus totais: 39
Trófeus: (Ver todos)
Mobile User Windows User Super Combination Combination Topic Starter 100 Poll Votes 50 Poll Votes 10 Poll Votes Poll Voter Poll Starter

entao eskece
Offline

Ricardo75 
Membro
Mensagens 1660 Gostos 0
Troféus totais: 28
Trófeus: (Ver todos)
Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4 Level 3 Level 2 Level 1

Código: [Seleccione]
<a href="rock.html"><img src="imagens/botao_rock0.gif" alt="Rock" name="br" border="0" onMouseOver="document.br.src='imagens/botao_rock1.gif'" onMouseOut="document.br.src='imagens/botao_rock0.gif'"></a>

Utilizei isto para um trabalho meu, altera para o que precisas...

Também podes usar com css... atribuis um background num div ou qualquer coisa parecida e no parametro hover desse atributo mudas a imagem de background. Prefiro este método, mas se calhar através de js fica mais fácil.
Offline

cenourinha 
Elite
Mensagens 4094 Gostos 21
Troféus totais: 34
Trófeus: (Ver todos)
Mobile User Apple User Level 6 Super Combination Combination Topic Starter 10 Poll Votes Poll Voter Level 5 Level 4

Código: [Seleccione]
<a href="rock.html"><img src="file:///C:/Documents%20and%20Settings/Cenoura%20Games/Ambiente%20de%20trabalho/site2/images/index_08.gif" width="61" height="48" alt="" border="0"
onMouseOver="document.br.src='file:///C:/Documents%20and%20Settings/Cenoura%20Games/Ambiente%20de%20trabalho/site2/images/fundo_08.gif'" ></a></a></p></a>


Tenho isso e nada!