Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Estilo de botões com filtro

09-02-2007 01:44

Vamos começar vendo o código abaixo:

<style type="text/css"> #button{ filter:Alpha(Opacity=50,FinishOpacity=100,Style=2); Background-Color:#1874cd; Border:1px ridge #fefefe; font-family:tahoma,arial;font-size:8pt;color:#696969; width:100px;height:20px; } </style>


<input type=button value='Meu Link' id=button>

Entendendo o código

Em primeiro lugar vamos destacar o id (#button no css) que será o estilo que todos os campos com a referência a ele (id=button) devem ter.
a partir dai, vamos para o filtro alpha.
nele você poderá mudar vários itens do botão, veja uma descrição visual de cada abaixo:

- Opacity=valor - determina o valor de opaco (enfraquecimento) do botão (cor interna), quanto menor o valor mais opaco, isto depende do Style.
- FinishOpacity=valor - determina o valor de opaco (enfraquecimento) do botão (cor externa), depende do Style e do Opacity.
- Style=1 a 4 - você pode escolher quatro estilos onde você pode usar o código acima para testar em seu computador.
- Background-color=cor - define a cor que será usada no efeito
- Border:1px ridge #fefefe;= define borda de 1px estilo ridge com a cor #fefefe
- font-family:tahoma,arial;font-size:8pt;color:#696969;= define todo o estilo da fonte usada no botão
- width:100px;height:20px;= define a largura e altura que o botão terá

você conseguirá fazer muitos efeitos atribuindo diferentes valores e estilos no código, é só testar.
0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado