Fórum WMO: Atributos CSS - Fórum WMO

Ir para

  • (2 Páginas)
  • +
  • 1
  • 2
  • Novo tópico
  • Responder
  • Ícone  Compartilhar

Atributos CSS vejam!

#1 Membro offline   afz 

  • 12 Horas
  • Ícone
  • Grupo: Usuários
  • Posts: 127
  • Cadastrado: 14/11/2002
  • Sexo:Não informado
  • Localidade:logo ali
  • Interesses:design, marketing, publicidade
Pontos: 0
Neutral

Postou 13/01/2003, 12:07

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

Este post foi editado por Édipo Costa Rebouças: 12/02/2010, 12:00

Alex Zanolla
0

#2 Membro offline   Wrathchild 

  • Ativo
  • Ícone
  • Grupo: Usuários
  • Posts: 335
  • Cadastrado: 15/11/2002
  • Sexo:Não informado
Pontos: 0
Neutral

Postou 13/01/2003, 13:34

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

#3 Membro offline   alebae 

  • Normal
  • Ícone
  • Grupo: Usuários
  • Posts: 89
  • Cadastrado: 25/12/2002
  • Sexo:Não informado
Pontos: 0
Neutral

Postou 25/01/2003, 16:08

Citar

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
0

#4 Membro offline   Chinello Cybernético 

  • Simplesmente "Chinello"
  • Ícone
  • Grupo: Usuários
  • Posts: 1.892
  • Cadastrado: 15/11/2002
  • Sexo:Masculino
  • Localidade:Canoas - RS
Pontos: 1
Neutral

Postou 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
0

#5 Membro offline   Lengrat 

  • Mestre
  • Ícone
  • Grupo: Usuários
  • Posts: 638
  • Cadastrado: 28/11/2002
  • Sexo:Não informado
Pontos: 0
Neutral

Postou 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
0

#6 Membro offline   GYMMER 

  • Turista
  • Ícone
  • Grupo: Usuários
  • Posts: 57
  • Cadastrado: 02/02/2003
  • Sexo:Não informado
Pontos: 0
Neutral

Postou 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
0

#7 Membro offline   Wrathchild 

  • Ativo
  • Ícone
  • Grupo: Usuários
  • Posts: 335
  • Cadastrado: 15/11/2002
  • Sexo:Não informado
Pontos: 0
Neutral

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

#8 Membro offline   GYMMER 

  • Turista
  • Ícone
  • Grupo: Usuários
  • Posts: 57
  • Cadastrado: 02/02/2003
  • Sexo:Não informado
Pontos: 0
Neutral

Postou 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
0

#9 gnomowd

  • Grupo: Visitantes
Pontos: 0

Postou 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
0

#10 adalton

  • Grupo: Visitantes
Pontos: 0

Postou 14/04/2003, 02:08

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

#11 Membro offline   Guilherme Blanco 

  • Loading...
  • Ícone
  • Grupo: Conselheiros
  • Posts: 891
  • Cadastrado: 15/11/2002
  • Sexo:Masculino
  • Localidade:São Carlos - SP/Brasil
  • Interesses:Programação Web e minha namorada (Maria Camila).
Pontos: 1
Neutral

Postou 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>
0

#12 adalton

  • Grupo: Visitantes
Pontos: 0

Postou 14/04/2003, 11:59

Valeu colegas!
Esclarecido!
0

#13 Membro offline   CrAsh_OveRride 

  • [Morbidamente curioso]
  • Ícone
  • Grupo: Usuários
  • Posts: 790
  • Cadastrado: 01/07/2003
  • Sexo:Masculino
  • Localidade:Viçosa
Pontos: 0
Neutral

Postou 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!"
←←←←←←←←←←←←←← ←←←←←←←←←←←←←← ←←
0

#14 Membro offline   FoxCrazy 

  • Bill Medley - He Ain't Heavy, He's My Brother
  • Ícone
  • Grupo: Usuários
  • Posts: 187
  • Cadastrado: 18/11/2002
  • Sexo:Não informado
  • Localidade:Contagem - MG
  • Interesses:ASP Maníaco!
Pontos: 0
Neutral

Postou 24/07/2003, 17:08

Muito legal esses efeitos!!! :P
EU OVO SEM PARAR: Samba Makossa


--------------------
Atenciosamente,
:
: Leandro Éber Ribeiro
: leandro@amigoswm.com
:
: Amigos Web Masters
:
:...> http://www.amigoswm.com
0

#15 Membro offline   Hellrider 

  • Normal
  • Ícone
  • Grupo: Usuários
  • Posts: 85
  • Cadastrado: 27/12/2003
  • Sexo:Não informado
  • Localidade:Bertioga SP
Pontos: 0
Neutral

Postou 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
0

  • (2 Páginas)
  • +
  • 1
  • 2
  • Novo tópico
  • Responder

1 usuário(s) está(ão) lendo este tópico
0 membro(s), 1 visitante(s) e 0 membros anônimo(s)