Jump to content


Photo

Atributos CSS


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

#1 afz

afz

    12 Horas

  • Usuários
  • 127 posts
  • Sexo:Não informado
  • Localidade:logo ali
  • Interesses:design, marketing, publicidade

Posted 13/01/2003, 12:07

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.

Alex Zanolla

#2 Wrathchild

Wrathchild

    Ativo

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

Posted 13/01/2003, 13:34

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

#3 alebae

alebae

    Normal

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

Posted 25/01/2003, 16:08

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???
A curiosidade é o pavio da aprendizagem
(Wiliam Arthur Ward)


Msn:alebye@hotmail.com
Email:alebae@gmail.com

#4 Chinello Cybernético

Chinello Cybernético

    Simplesmente "Chinello"

  • Usuários
  • 1892 posts
  • Sexo:Masculino
  • Localidade:Canoas - RS

Posted 27/01/2003, 01:51

Tá bem melhor...

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

Viu a vantagem do link do garoto??? hehe

Fui.. :P
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

#5 Lengrat

Lengrat

    Mestre

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

Posted 01/02/2003, 13:25

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

#6 GYMMER

GYMMER

    Turista

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

Posted 02/02/2003, 21:44

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!!!!!
==================
Diga NÃO às tabelas, SIM aos layers!
www.ponto50.com.br - www.copiadorasantiago.kit.net -
www.easyscript.tk - www.roalencar.kit.net - www.makesite.kit.net - www.maeluiza.kit.net
ICQ - 213270528

#7 Wrathchild

Wrathchild

    Ativo

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

Posted 02/02/2003, 22:26

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!! :)

#8 GYMMER

GYMMER

    Turista

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

Posted 08/02/2003, 21:24

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!
Diga NÃO às tabelas, SIM aos layers!
www.ponto50.com.br - www.copiadorasantiago.kit.net -
www.easyscript.tk - www.roalencar.kit.net - www.makesite.kit.net - www.maeluiza.kit.net
ICQ - 213270528

#9 gnomowd

gnomowd
  • Visitantes

Posted 16/02/2003, 13:59

Ae, eu tbm curto os filtros e gostaria de saber mais sobre eles...
Os únicos que eu conhecia (ate agora) eram os usados na tag <span>(qual a sua utilidade?)

Tipo, eu gostaria de saber tbm se os filtros tbm podem ser usados em tables e se possuem suporte de todos os navegadores

valeu

#10 adalton

adalton
  • Visitantes

Posted 14/04/2003, 02:08

O que são filtros em css??
Estou INTERESSADO e PERDIDO neste tópico!

#11 Guilherme Blanco

Guilherme Blanco

    Loading...

  • Conselheiros
  • 891 posts
  • Sexo:Masculino
  • Localidade:São Carlos - SP/Brasil
  • Interesses:Programação Web e minha namorada (Maria Camila).

Posted 14/04/2003, 11:19

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,
<script language="WebFórum">
// Dados:
Nome("Guilherme Blanco");
Localidade("São Carlos - SP/Brasil");
Cargo("Manutenção");
</script>

#12 adalton

adalton
  • Visitantes

Posted 14/04/2003, 11:59

Valeu colegas!
Esclarecido!

#13 CrAsh_OveRride

CrAsh_OveRride

    [Morbidamente curioso]

  • Usuários
  • 790 posts
  • Sexo:Masculino
  • Localidade:Viçosa

Posted 16/07/2003, 14:20

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

Olhem esse exeplo de um site ja adicionado aqui:

Exemplos de filtros

falows! :ok:
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←
"Não sabendo que era impossível, foi lá e fez!"
←←←←←←←←←←←←←←←←←←←←←←←←←←←←←←

#14 FoxCrazy

FoxCrazy

    Bill Medley - He Ain't Heavy, He's My Brother

  • Usuários
  • 187 posts
  • Sexo:Não informado
  • Interesses:ASP Maníaco!

Posted 24/07/2003, 17:08

Muito legal esses efeitos!!! :P

.


#15 Hellrider

Hellrider

    Normal

  • Usuários
  • 85 posts
  • Sexo:Não informado
  • Localidade:Bertioga SP

Posted 29/06/2004, 15:38

Desculpa minha duvida estupida, mas qual a formatação dos estilos???Coloca em q tag q eu n to conseguindo...é na <span>???Na <p>???
"A fábrica do futuro terá apenas dois empregados, um homem e um cachorro. O homem estará lá para alimentar o cachorro. O cachorro estará lá para impedir que o homem toque no equipamento."

Warren G. Bennis, escritor norte-americano, 1922




1 user(s) are reading this topic

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

IPB Skin By Virteq