71 replies to this topic

[afz]

http://www.xhtml.com/en/css/reference/
[ atualizado em 2010/01/12 ]

Edição feita por: Édipo Costa Rebouças, 12/02/2010, 12:00.

[Wrathchild]

Boa afz... Vo pendurar esse tópico...

[alebae]

Formulários
Número da coluna: 03
Data: 21/01/2003



Olá pessoal,

Para esta semana estarei falando de um atributo muito legal e de fácil aplicação, sendo muito utilizado para o design em formulários. Podemos aplicar atributos a todos componentes de nosso famoso HTML, basta termos um pouco de criatividade e lógica.

Exemplo:

<style>
.form {
font-family: Arial; font-size: 12px; color: #000000; background-color: #CCCCCC; border-color: #333 #333333 #333333 #333;border-style: solid; border-width: 1px;
}
</style>

No exemplo acima dizemos ao formulário que ele se utilizará de fonte ARIAL, no tamanho de 12 pixels, sua fonte irá ser na cor preta, seu plano de funco irá ser cinza claro, as cores da borda irão ser pretas, seu estilo de borda sólido, ou seja, sem pontilhados ou traços e sua altura de 1 pixel.

Dica: Podemos aplicar o efeito como um todo, utilizando -se dessa forma:

<style>
form, input, textarea,Text Field,Button,Check Box, Radio Button, select{
font-family: Arial; font-size: 12px; color: #000000; background-color: #CCCCCC; border-color: #333 #333333 #333333 #333;border-style: solid; border-width: 1px;
}
</style>

No exemplo acima, note que antes do atributo Form, não utilizei do ponto.

Espero ter sido claro, semana que vem estarei apresentando uma aplicação muito legal, em cima de imagens, trabalhando com Java Script e CSS.

Até mais.

Assim está melhor naum acham???

[Chinello Cybernético]

Tá bem melhor...

Mas onde tá os links pros outros artigos e talz???

Viu a vantagem do link do garoto??? hehe

Fui..

[Lengrat]

Sobre Css, Tenho pesquisado Efeitos e Filtros. Achei duas páginas super legais, que eu já postei aqui, e aproveito para postar novamente pq vale a pena:

Filtros CSS
MSDN Lybrary- Filters and Transictions

[]s

Leng

[GYMMER]

AE CARA EU TB PROCURO MUITO SOBRE FILTROS PODIAMOS FALAR SOBRE ISSO
meu e-mail eh gymmer@ig.com.br fale comigo e eu te passo uns efeitos com filtros/ javascript irados!

- by GYMMER

==================
DIGA NÃO AS TABELAS - SIM AOS LAYERS!!!!!
==================

[Wrathchild]

Ae pra vcs doidos por filtros (tb sou!), visitem um tópico criado por um kra de um gupo de discussão q eu entrava às vezes:

http://www.historico...ript_br/id/1670

Tem uns filtros bem doidus!!

[GYMMER]

hehe eu queria que existissem mais filtros... mas a microsoft ta com preguica fazer o que....eu descobri no fim do mundo todos os filtros disponiveis do IE porem so funcionam no IE (e dai eu detesto netscape!).
ai vai:

Sombra:
filter:progid:DXImageTransform.Microsoft.Shadow(direction=100,color=green,strength=20);height:2

Emboss:
filter:progid:DXImageTransform.Microsoft.Emboss()

Glow:
filter:progid:DXImageTransform.Microsoft.Glow(color=gainsboro,strength=10)

Wave:
filter:progid:DXImageTransform.Microsoft.Wave(freq=4,LightStrength=10,Phase=10,Strength=3)

Alpha: (eu uso muito pra fazer onmouseover em imagens, fica style!)
filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=20)

MotionBlur: (algo tipo alta velocidad)
filter:progid:DXImageTransform.Microsoft.MotionBlur(direction=270,strength=155);height:2

Dropshadow:
filter:progid:DXImageTransform.Microsoft.dropShadow( Color=green,offX=5,offY=5,positive=true)

Blur:
filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=5)


Espero que seja util!

[Guilherme Blanco]

Filtros DirectX são efeitos que podem ser utilizados via CSS numa página.

Todos os filtros descritos só funcionam no IE (Não rodando, portanto, no Mozilla, Netscape, NetCaptor, etc)

Basicamente, os filtros DirectX podem ser divididos em Estátitos e de Transição.
Olhe o número 2 do Lengrat, e veja um pouco mais sobre os Filtros.

Grato,

[CrAsh_OveRride]

Ow! Descobri que o htm pode ser um verdadeiro Photoshop!!!

Olhem esse exeplo de um site ja adicionado aqui:

Exemplos de filtros

falows! :ok:

[FoxCrazy]

Muito legal esses efeitos!!!

[Hellrider]

Desculpa minha duvida estupida, mas qual a formatação dos estilos???Coloca em q tag q eu n to conseguindo...é na <span>???Na <p>???