Ir para conteúdo
Fórum Script Brasil
  • 0

Barra De Ferramentas Legal


Pilantra

Pergunta

9 respostass a esta questão

Posts Recomendados

  • 0

então como eu poderia explicar!!!!! huuummmmmmm

vamos supor, sabe a barra de ferramentas do Windows Explorer?! Sem o mouse por cima ela parece só uma figura, e quando você passa o mouse por cima ele toma forma de um botão entende!!!!??? É esse o visual!!!!!

Obrigado

T+

Pilantra

Link para o comentário
Compartilhar em outros sites

  • 0
não tenho certeza, mas pode ser permutação de imagem, estilo css ou alguma outra coisa q eu não conheça, pode ser isso!!!
Link para o comentário
Compartilhar em outros sites

  • 0

olha em delphi .. os SPEDY BUTTONS tem um troço chamado FLAT voce poe true e o botao fica bem parecido com aquilo rsrs... mais eu tenho certesa de uma coisa ...rsrs.. eles não usaram delphi hauahuah....

tipo eu acho que da para fazer em java script sim sobre fireworks eu noa sei como reconhecer o mouse em cima do botao deixar ele claro não e o mais dificiu não !!!

Link para o comentário
Compartilhar em outros sites

  • 0

eu consigo fazer isso com CSS... vou montar o código aqui:

<head>

<style type="text/css">

.botao a:link { border-top: 1px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 1px solid #ffffff; border-right: 2px solid #ffffff; }

.botao a:visited { border-top: 1px solid #ffffff; border-bottom: 2px solid #ffffff; border-left: 1px solid #ffffff; border-right: 2px solid #ffffff; }

.botao a:hover { border-top: 1px solid #cccccc; border-bottom: 2px solid #cccccc; border-left: 1px solid #cccccc; border-right: 2px solid #cccccc; }

</style>

</head>

<body>

<table>

<tr><td class="botao">

    <a href="link.htm">

    <img src="imagem.jpg" border="0" />

    </a>

</td></tr>

</table>

</body>

Taí... acho que era isso que você queria rolleyes.gif

Obs: onde eu coloquei em vermelho, deve ser a cor de fundo da página. Se ela for um cinza, mude tb a cor de ".botao a:hover", onde coloquei #cccccc

Falou! Um abraço!

Link para o comentário
Compartilhar em outros sites

  • 0

foi mal a demora...Creio que dê também pra fazer com imagens...

a{ background-image: 1.jpg}
a:hover( background-image: 2.jpg}

Acho que é possível...Quem quiser acrescentar ou mudar, à vontade! Não tneho certeza sobre o código

Abraços

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152,2k
    • Posts
      651,9k
×
×
  • Criar Novo...