Olá pessoal, aos poucos eu tô migrando para o dream.
Eu estava tentando fazer um menu com tabelas, mas num tô conseuindo fazer com que na hora que eu passe o mouse por cima de determinada célula, a cor de fundo mude.
Alguém pode me dar uma luz aí???
Como eu faço a cor de fundo da célula uar de cor quando o mouse pssa por cima????
se alguém só falar o caminho, t´´ beleza...
Obrigao desde já..
IRON
Mudar cor da célula
Started By Iron, 31/12/2002, 02:03
7 replies to this topic
#1
Iron
-
- Usuários
-
- 185 posts
12 Horas
- Sexo:Não informado
- Localidade:Campinas/Hortolândia - SP
- Interesses:Tudo relacionado com informática. Curto muito rock também.
Posted 31/12/2002, 02:03
ICQ: 156678261
MSN: marcelowd@hotmail.com
#2
PC Arashiro
-
- Usuários
-
- 77 posts
Normal
- Sexo:Não informado
- Localidade:Sao Paulo-SP
- Interesses:Artes, quadrinhos surf, forro!
Posted 31/12/2002, 02:10
num sei se tem opção direta do DW pra fazer isso. Acho q só mesmo editando CSS.
acho q no imaster tem um artigo q pode te ajudar. é só procurar na parte de css
www.imasters.com.br
acho q no imaster tem um artigo q pode te ajudar. é só procurar na parte de css
www.imasters.com.br
#3
clone[z]
clone[z]
-
- Visitantes
Posted 01/01/2003, 00:20
soh mesmo no css atribuindo alteração de caracteristica com behaviors
kra, oq eu te falo, demora pra fazer isso, eh chato.
entao recomendo pegar no proprio WMONLINE um script com esse menu feito, depois basta modificar ao seu gosto (;
kra, oq eu te falo, demora pra fazer isso, eh chato.
entao recomendo pegar no proprio WMONLINE um script com esse menu feito, depois basta modificar ao seu gosto (;
#4
Chinello Cybernético
-
- Usuários
-
- 1892 posts
Simplesmente "Chinello"
- Sexo:Masculino
- Localidade:Canoas - RS
Posted 01/01/2003, 01:26
Hum..
De Dream eu naum sei nada... Mas de HTML, um pouco eu sei.. E tenho a resposta para o que vc precisa, aí vai:
Bom, vc tem a sua tabela:
Aí, vc coloca este estilo em CSS entre as TAGs <head> e </head>:
Daí, vc tem que colocar um evento em HTML no qual vai dizer o que vai acontecer quando o cursor do mouse se posicionar em cima da célula da tabela..
No final de tudo, sua tabela com o seu menu ficará assim:
Vou explicar brevemente o código que eu inserí:
onmouseover : diz que quando o mouse se posicionar em cima da célula, acontece algo..
this.className='over': é a ação que será feita quando o mouse se posicionar em cima da célula.. Este código vai puxar as configurações do CSS denominado 'over'..
E o outro funciona da mesma maneira, só que para quando o cursor do mouse sair de cima da célula..
Entendeu??? Acho que eu compliquei um pouco.. hehe.. Mas vc sabe o que fazer com o código neh???
Ah, para alterar a cor da tabela quando o mouse naum estiver em cima da célula, altere o background-color da "normal" no código CSS... Para alterar, quando o mouse estiver em cima da célula, altere o background-color do "over" no código CSS, caso vc altere a cor de fundo normal da tabela (normal), terá que alterar tb o background-color do "out" no código em CSS..
É isso..
Fui..
De Dream eu naum sei nada... Mas de HTML, um pouco eu sei.. E tenho a resposta para o que vc precisa, aí vai:
Bom, vc tem a sua tabela:
<table width="100" border="0" cellpadding="2" cellspacing="0" bgcolor="#FFFFFF">
<tr>
<td> Tabela branca</td>
</tr>
</table>
Aí, vc coloca este estilo em CSS entre as TAGs <head> e </head>:
<style type="text/css">
<!--
.over {
background-color: #000000;
}
.out {
background-color: #FFFFFF;
}
.normal {
background-color: #FFFFFF;}
-->
</style>
Daí, vc tem que colocar um evento em HTML no qual vai dizer o que vai acontecer quando o cursor do mouse se posicionar em cima da célula da tabela..
No final de tudo, sua tabela com o seu menu ficará assim:
<table width="100" border="0" cellpadding="2" cellspacing="0" class="normal">
<tr>
<td onmouseover="this.className='over'" onmouseout="this.className='out'"> Tabela branca</td>
</tr>
</table>
Vou explicar brevemente o código que eu inserí:
onmouseover : diz que quando o mouse se posicionar em cima da célula, acontece algo..
this.className='over': é a ação que será feita quando o mouse se posicionar em cima da célula.. Este código vai puxar as configurações do CSS denominado 'over'..
E o outro funciona da mesma maneira, só que para quando o cursor do mouse sair de cima da célula..
Entendeu??? Acho que eu compliquei um pouco.. hehe.. Mas vc sabe o que fazer com o código neh???
Ah, para alterar a cor da tabela quando o mouse naum estiver em cima da célula, altere o background-color da "normal" no código CSS... Para alterar, quando o mouse estiver em cima da célula, altere o background-color do "over" no código CSS, caso vc altere a cor de fundo normal da tabela (normal), terá que alterar tb o background-color do "out" no código em CSS..
É isso..
Fui..
Diego Sampaio - kroW - PHP Framework > http://chinelloweb.net/
chinello at gmail dot com
System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38
chinello at gmail dot com
System > Athlon 64 3200+ Mobile | Kubuntu 7.04 Fesity Fawn AMD64 | Kernel 2.6.20-16
Coding @ KDE 3.5.7 | PHP 5.2.1 | Apache 2.2.3 | MySQL 5.0.38
#5
The Fhenix
-
- Usuários
-
- 48 posts
>>> PS na Veia <<<
- Sexo:Masculino
- Localidade:Rio de Janeiro
- Interesses:Web Designer, Photoshop, Corel Draw, Fireworks, Dreamweaver.....
Posted 01/01/2003, 02:29
Bom maninho acho que esse tutorial aqui vai te ajudar bastante!!!
Transformando tabelas em menus!!
espero que tenha ajudado maninho!!!
Transformando tabelas em menus!!
espero que tenha ajudado maninho!!!
Eu não sei tudo, mais todo dia aprendo um pouco mais daquilo que sei!
#6
Iron
-
- Usuários
-
- 185 posts
12 Horas
- Sexo:Não informado
- Localidade:Campinas/Hortolândia - SP
- Interesses:Tudo relacionado com informática. Curto muito rock também.
Posted 01/01/2003, 16:17
Pessoal,
Obrigado pelos posts.
É bem fácil de fazer isso e eu estav ame matando, afinal, eu não tenho muito conhecimento em CSS. Tanto no modo que o chinello falou (manualmente) como pelo método de behaviors são fácil.
Ah! PC e The Fhenix, eu tinha me esquecido desse tuto do Imasters, eu já tinha visto ele uma vez e não me lembrava. Por sinal, o uto do The fenix é o mesmo do Imaster né!
Brigadãooooooooooo pessoal!!!
até mais
Obrigado pelos posts.
É bem fácil de fazer isso e eu estav ame matando, afinal, eu não tenho muito conhecimento em CSS. Tanto no modo que o chinello falou (manualmente) como pelo método de behaviors são fácil.
Ah! PC e The Fhenix, eu tinha me esquecido desse tuto do Imasters, eu já tinha visto ele uma vez e não me lembrava. Por sinal, o uto do The fenix é o mesmo do Imaster né!
Brigadãooooooooooo pessoal!!!
até mais
ICQ: 156678261
MSN: marcelowd@hotmail.com
#7
Edu.dreyer
-
- Usuários
-
- 442 posts
Cuiabá - MT
- Sexo:Masculino
- Localidade:Várzea Grande - MT
Posted 02/01/2003, 16:01
Eu recomendo vc procurar um script que faça isso.
#### DUDUDREYER #####
#8
LarPhozyHah
-
- Usuários
-
- 14515 posts
Super Veterano
- Sexo:Masculino
- Localidade:San Miguel de Tucuman
Posted 17/09/2017, 23:52
Levitra Preisvergleich 20 Mg online pharmacy Zithromax For Epiglottitis
Best Buy Real Fluoxetine Drugs Pharmacy By Money Order
Ph Pharmacy Online <a href=http://cialtobuy.com>online pharmacy</a> Viagra 100mg 4st
Achat En Ligne Cialis Canada cialis Cialis Eintritt Wirkung Buy Ketotifen Pills Online Need Plavix From The Uk Cialis Au Meilleur Prix Cheap Zentel Tablets In Australia buy cialis Prescription Medication On Line
Online Parmact No Prescription cialis Vendita Cialis In Svizzera
Canada Prednisolone For Dogs Viagra Kamagra Apotheke Cephalexin Mouth
Tamoxifen Buy Usa <a href=http://cialtobuy.com>cialis</a> Indian Maker Tadalafil
Discount Generic Provera With Free Shipping Real cialis price Cialis En Ligne Pas Cher
Purchasing Doxycycline Acheter Du Cialis Moins Cher Value Of Propecia
Cytotec Marrakech <a href=http://cialtobuy.com>cialis buy online</a> Cheap Generic Cialis Free Shipping
Best Buy Real Fluoxetine Drugs Pharmacy By Money Order
Ph Pharmacy Online <a href=http://cialtobuy.com>online pharmacy</a> Viagra 100mg 4st
Achat En Ligne Cialis Canada cialis Cialis Eintritt Wirkung Buy Ketotifen Pills Online Need Plavix From The Uk Cialis Au Meilleur Prix Cheap Zentel Tablets In Australia buy cialis Prescription Medication On Line
Online Parmact No Prescription cialis Vendita Cialis In Svizzera
Canada Prednisolone For Dogs Viagra Kamagra Apotheke Cephalexin Mouth
Tamoxifen Buy Usa <a href=http://cialtobuy.com>cialis</a> Indian Maker Tadalafil
Discount Generic Provera With Free Shipping Real cialis price Cialis En Ligne Pas Cher
Purchasing Doxycycline Acheter Du Cialis Moins Cher Value Of Propecia
Cytotec Marrakech <a href=http://cialtobuy.com>cialis buy online</a> Cheap Generic Cialis Free Shipping
0 user(s) are reading this topic
0 membro(s), 0 visitante(s) e 0 membros anônimo(s)
