Buscar
 
 

Resultados por:
 


Rechercher Busca avançada

Conectar-se

Esqueci minha senha

Últimos assuntos
» What"s up?
Seg Nov 14, 2011 1:36 pm por luiz_100juizo

» Olá caro programadores!
Sab Out 29, 2011 7:58 am por AllanXD! Soft

» Eae Galera
Sab Out 01, 2011 7:10 am por MegafireWoody

» [Atualização do fórum]Alguns ícones modificados
Sex Ago 05, 2011 2:49 pm por Henrique_GJ

» Amem Cheguei Manolo
Sex Ago 05, 2011 2:48 pm por Henrique_GJ

» aula de CSS Nº2 - Backgrounds
Sex Ago 05, 2011 2:47 pm por Henrique_GJ

» [Atualização do fórum]Atualização nas publicidades
Sex Ago 05, 2011 2:46 pm por Henrique_GJ

» Comple na área
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

» [Atualização no fórum]Área de suporte para o CSS
Sex Ago 05, 2011 2:45 pm por Henrique_GJ

Os membros mais ativos da semana


aula de CSS Nº2 - Backgrounds

Ver o tópico anterior Ver o tópico seguinte Ir em baixo

aula de CSS Nº2 - Backgrounds

Mensagem por prizm em Sab Jul 23, 2011 2:33 pm

Nesta aula vai aprender as propriedades CSS que dizem respeito a cores e backgrounds.

Propriedades a aprender nesta aula:

  • color
  • background-color
  • background-image
  • background-repeat
  • background-attachment
  • background-position


-color-

A propriedade color serve para mudar a cor de 1º plano de um elemento:


h1{color: #00ff00;}


EXEMPLO AQUI

-background-color-

A propriedade background-color serve para mudar a cor de fundo de um elemento:



h1{background-color: #0000ff;}



EXEMPLO AQUI

-background-image-

A propriedade background-image serve para colocar uma imagem como fundo de um elemento:



body{background-image:url("http://skyje.com/wp-content/uploads/2010/07/css.gif");}



EXEMPLO AQUI

-background-repeat-

A propriedade background-repeat serve para definir como se repete a imagem de fundo de um elemento.

Possíveis formas:
CÓDIGO DESCRIÇÃO EXEMPLO
background-repeat: repeat-x; a imagem repete-se na horizontal EXEMPLO AQUI
background-repeat: repeat-y; a imagem repete-se na vertical EXEMPLO AQUI
background-repeat: repeat; a imagem repete-se em todos os sentidos EXEMPLO AQUI
background-repeat: no-repeat a imagem não se repete EXEMPLO AQUI

-background-attachment-

A propriedade background-attachment serve definir se a imagem de fundo anda com o ecrã ou não:

CÓDIGO DESCRIÇÃO EXEMPLO
background-attachment: fixed a imagem anda com o ecrã EXEMPLO AQUI
background-attachment: scroll a imagem não anda com o ecrã EXEMPLO AQUI

-background-position-

Por padrão uma imagem de fundo é posicionada no canto superior esquerdo da tela. A propriedade background-position permite alterar este posicionamento padrão e colocar a imagem em qualquer lugar na tela.

Existem várias maneiras de definir o posicionamento da imagem na tela definindo valores para background-position. Todas elas se utilizam de um sistema de coordenadas. Por exemplo, os valores '100px 200px' posiciona a imagem a 100px do topo e a 200px do lado esquerdo da janela do navegador. As coordenadas podem ser expressas em percentagem da largura da janeja, em unidades fixas (pixels, centímetros, etc.) ou pode-se usar as palavras top, bottom, center, left e right


h1{background-position: top right;}


EXEMPLO AQUI

-compilar background-

E podemos abreviar tudo isto com o seguinte código:


background: background-color background-image background-repeat background-attachment background-position;






E chegámos ao fim desta aula peço desculpa se estiver muito confuso Razz na proxima aula falaremos de fontes.

------------Assinatura-------------
quer me contactar?

msn: jooaomf@hotmail.com
avatar
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 21
Localização : portugal

Ver perfil do usuário http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº2 - Backgrounds

Mensagem por Henrique_GJ em Sab Jul 23, 2011 4:40 pm

nossa bem completo adorei, quero que vc faça mais xDD
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº2 - Backgrounds

Mensagem por Ai meu Deus! em Sab Jul 23, 2011 8:33 pm

Como eu já disse, ótimas as aulas, assim como o Henrique espera, eu espero!
avatar
Ai meu Deus!
Adminstrador
Adminstrador

Mensagens : 80
Reputação : -1
Data de inscrição : 22/04/2011

Ver perfil do usuário http://mundogamer.forumeiros.org/forum

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº2 - Backgrounds

Mensagem por Henrique_GJ em Dom Jul 24, 2011 9:12 am

antes eu nem olhava pros codigo em css num sabia mecher com nada agora o basico eu ja sei editar ^^
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº2 - Backgrounds

Mensagem por prizm em Dom Jul 31, 2011 6:29 am

esse é o objetivo das minhas aulas: ensinar!

------------Assinatura-------------
quer me contactar?

msn: jooaomf@hotmail.com
avatar
prizm
Novato
Novato

Mensagens : 41
Reputação : 0
Data de inscrição : 03/07/2011
Idade : 21
Localização : portugal

Ver perfil do usuário http://www.primz.weebly.com

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº2 - Backgrounds

Mensagem por Henrique_GJ em Sex Ago 05, 2011 2:47 pm

assim que se fala xDDD
avatar
Henrique_GJ
Regular
Regular

Mensagens : 76
Reputação : 0
Data de inscrição : 18/07/2011

Ver perfil do usuário

Voltar ao Topo Ir em baixo

Re: aula de CSS Nº2 - Backgrounds

Mensagem por Conteúdo patrocinado


Conteúdo patrocinado


Voltar ao Topo Ir em baixo

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo

- Tópicos similares

 
Permissão deste fórum:
Você não pode responder aos tópicos neste fórum