Jump to content


Photo

Atribuir Efeito Em Botao


  • Faça o login para participar
4 replies to this topic

#1 Kessia

Kessia

    12 Horas

  • Usuários
  • 127 posts
  • Sexo:Não informado

Posted 14/06/2005, 10:24

Ola!!!

Tenho alguns botoes feitos no photoshop. Gostaria de saber se tem como aplicar css nestes botoes jah prontos? Se sim, como faco para q o botao apresente o efeito desejado, por exemplo, mudar a cor do botao. O que preciso mesmo eh apenas diferenciar o botao q foi clicado dos demais. Estou querendo aprender qquer tipo de efeito para diferenciar o botao clicado dos demais.

Késsia

#2 Klaus

Klaus

    @ ubuntu jaunty

  • Ex-Admins
  • 7924 posts
  • Sexo:Masculino
  • Localidade:127.0.0.1

Posted 14/06/2005, 10:35

O botão é uma imagem?

Se for, dá pra tentar fazer umas gambiarras com um <span> dentro do <a>, mas é bem gambiarra mesmo...
Klaus Paiva
Conheça também: Taperás

#3 Kessia

Kessia

    12 Horas

  • Usuários
  • 127 posts
  • Sexo:Não informado

Posted 14/06/2005, 10:53

Ola!!!

Os botoes sao todas imagens. Vc disse q posso fazer gambiarra usando <span>. Como fazer estas gambiarra? Se vc puder estar me ajudando, fico agradecida.
Késsia

#4 MarviN*

MarviN*

    nw . newton web

  • Usuários
  • 780 posts
  • Sexo:Não informado
  • Localidade:Brasília - DF

Posted 14/06/2005, 11:34

Vc pode pesquisar na internet por Image-replacement. Vai achar muita coisa! :).
¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯
[ Blog Desenvolvimento Web: http://www.newtonwagner.net/blog ]
[ Diário da Selva: http://www.diariodaselva.com/ ]

[ "Não existe um caminho para a paz; a paz é o caminho." Mahatma Gandhi ]

#5 inddy

inddy

    Novato no fórum

  • Usuários
  • 4 posts
  • Sexo:Não informado
  • Localidade:Fortaleza - CE

Posted 14/06/2005, 16:47

Engraçado, eu estava procurando a mesma coisa que você...
Mas hoje achei em Javascript, é bem fácil, olha só:

function mOvr(src,clrOver)
{
if(!src.contains(event.fromElement))
{
src.src=clrOver;
}
}

function mOut(src,clrIn)
{
if(!src.contains(event.toElement))
{
src.src=clrIn;
}
}

Na figura vc coloca:
<img src="sua_imagem_inicial.jpg" height="25" onMouseOver="mOvr(this,'imagem_estado2.jpg');"
onMouseOut="mOut(this,'imagem_estado_ativado.jpg');">

Boa sorte!
:: Ingrid Castro ::
www.biritaeforro.com.br




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq