02/08/2008 - 16:08 > 16.748 Visualizações > 41 comentários

Desvendando os mistérios dos backgrounds

Salve, salve rapaziada. Ninguém pode perder esta vídeo aula. Muita gente tem enviado algumas dúvidas sobre utilização e manipulação do background em uma página. Algumas pessoas têm utilizado imagens enormes, deixando a página bem pesada. O que muitos não sabem, é que com o CSS, podemos manipular nossos backgrounds e sair de algumas enrrascadas das grandes.

Boa aula!

Posts relacionados

Felipe Cardozo

É sócio diretor do MX Masters, portal de desenvolvimento especializado em vídeo aulas. Trabalha com ferramentas OpenSource como Wordpress, Magento entre outros, além de ministrar palestras em universidades do Rio de Janeiro.

Outros posts deste autor

Este autor atualmente possui 281 posts

Veja todos os posts de Felipe Cardozo

Comentários / Deixe seu Comentário

41 respostas para 'Desvendando os mistérios dos backgrounds'

Marcos César V. Maciel Diz:
2/08/08 às 16:28
Nusss, o MxMasters tá bombando hoje…
Legal….
Giovanna Diz:
2/08/08 às 17:18
Adorei ^^ ótimas dicas
Victor Assis Diz:
2/08/08 às 17:49
Eae Felipe blz?
Cara mto massa a video-aula, eu tava com um dúvida
a respeito de bg e resolvi com éssa video-aula aew!!

Ou so uma coisa, tipo vocês aki do mxmasters podiam ensinas
a mexer com cms tipo o wordpress e talz! seria uma boa e ajudaria mta gente!

Abraços.
Alexsandro Diz:
2/08/08 às 17:50
Felipe como seria pra colocar efeito drop shadow nas margens da pg
lucasbaalberith Diz:
2/08/08 às 20:55
CMS?

quero ver alguma coisa sobre o joomla então… instalei aqui mas tem muita coisa… é muito complicado… se tivesse um passo a passo seria uma boa…

vlw
israel Diz:
3/08/08 às 0:27
Muito boa essa dica
concerteza fazer
seu próprio site assim
é bem melhor em css
o resultado é show mesmo
mais sera que fazer
um site em cms permite
bons resultados, parece que no
cms wordpres vem tudo pronto.
Felipe Santana Diz:
3/08/08 às 1:36
Nossa dicas exelentes
Show de bola essa video aula!
acertou na mosca, era uma duvida que tinha
valeu Felipe!

Abr
Carla Diz:
3/08/08 às 2:10
Muito bom!
Felipe Cardozo Diz:
3/08/08 às 15:39
Então pessoal. Eu tenho recebido muitos e-mails da galera querendo um DVD ensinando a trabalhar com o wordpress. Tanto para Blogs, quanto para sites…

Quem sabe…

[]´s
Felipe Cardozo Diz:
3/08/08 às 15:41
Alexsandro, vou preparar ainda esta semana ensinando a trabalhar com backgrounds com sombras.
israel Diz:
3/08/08 às 16:11
Show Felipe
sombras nesse site
que vc montou ai em css
vai ser nota 10.
Felipe Santana Diz:
5/08/08 às 13:43
Felipe,

A ideia do DVD do wordpress é show cara, to aprendendo na marra aqui, até peguei o joomla, mas o wordpress me apertou um pouco pelo fato de eu não achar tutoriais ou video aulas completas. eu acho que vai vender bem o DVD. 1 comprador vc ja tem!

Abraço
Victor Assis Diz:
5/08/08 às 18:03
Seria uma boa ensina mexe no Wordpress,
eu mesmo tenho um dominio massa pa site de tutoriais,
so que usa blogspot fica ruim!!
vc ensinanod wordpess vai se bem massa!

Abraços.
Alenildo Bitencourt Diz:
10/08/08 às 12:57
Olá Felipe Cardoso, eu não consegui pegar a video aula que vc ensina como não repetir o Background , estou com dificuldade para fazer , vc pode me ajudar
Felipe Cardozo Diz:
11/08/08 às 23:30
Olá Alenildo, tudo bom?

Veja aqui neste link: http://www.mxmasters.com.br/macromedia-dreamweaver/video-aula-criando-um-site-completo-download-da-video-aula/

[]´s
Gisele Cristina de Jesusu Bastos Diz:
19/08/08 às 17:01
ola, gostaria de saber pq de ontem pra hoje eu não consigo mais assistir as video aulas, eu entro no link mas não parece as video-aulas pra mim dar o play, como eu ja fazia a alguns dias atraz, como faço pra ver essas aulas,
espero reposa urgnetemente.
Ricardo Aleixo Diz:
19/08/08 às 20:15
Olá Gisele. Está normal.

Pode ter sido alguma instabilidade no servidor.

bjos
Alberto Diz:
6/09/08 às 15:56
Estou com problemas, não entendi muito bem se posso mexer na minha pgs de fundo depois ou ante de fazer um css.
E em que parte especifica dos códigos eu posso colocar minhas alteraões.Exp: pg normas com ou sem tabelas .
Por favor, felipe suas videos aulas são muito boas e bem explicativas parabéns show de bola .
Um abraço , beto….
Tiago Diz:
2/10/08 às 20:49
Meu d+ este tutorial, o site está mto 10.
de uns dias para cá, passei ser um leitor nato do site.

sucesso a todos!
Filipe Goes Diz:
9/10/08 às 13:01
Vocês merecem um prêmio!
Johnny Diz:
9/10/08 às 19:44
Oi adoro suas video aulas cara mais eu tenho uma duvida eu tenho meu layout do firework e gostaria de saber como eu passo meu layout pra html pra unir tipo clicando na imagem vai pra x link e tal esse site e excelente por isso faço essa pergunta espeo que respondam obrigado
Edvaldo Diz:
10/10/08 às 0:16
Gostei muito de ter conhecido este site, muito bom mesmo.
Obrigado
elir de assis ribeiro Diz:
19/10/08 às 16:32
ola gostei muito da video aula de voces
queria saber qual é o jeito certo de fatia um layout sem usar tabela
usando o modo tableless
Carlos henrique Bevilaqua Diz:
2/11/08 às 16:07
cara!!!! esse site é muuuuuuuuito boooooooommmmmmmm meus parabéns a seus idealizadores! continuem assim! Força pra vcs!
Emy Diz:
19/11/08 às 9:29
Bahhh, baita tutorial!
Eu tô fazendo um site e esse tutovai ser muito útil pra mim ^^
O problema é que meu background não é branco! hahaha quero só ver como eu vou “tapear” o repeat…

Existe outro método pra fazer um background pra qualquer resolução de tela? Eu quero atualizar só o conteúdo no box sempre… Quero que o topo, o bg e o rodapé fiquem fixo. Bem, vou pesquisar a respeito, mas agradeceria por uma resposta sobre minha dúvida, beijos!
Caetano Diz:
27/11/08 às 22:26
Muito boa aula.
Edilecio / sergipe Diz:
28/11/08 às 13:36
Valeu muito boa essa aula
eddyj Diz:
19/03/09 às 7:37
olá mx master,é a primeira vez eu aqui no site.
e pelo que tô vendo não vou sair mais..
muito sucesso,,
um grande abraço…
Jhonny Diz:
25/04/09 às 10:12
Show… demais… valeu Felipe. Sucesso para você!!!
Wellyngton Ramos Diz:
20/05/09 às 17:53
Opá Felipe blz olha eu baixei aqueles video aula de criar um site pro mais na paste de bg “brackground” no meu dreamwaver nao tem isso como faço blz boa video aula vlw
victor garbin Diz:
31/05/09 às 23:32
felipe vc eh o cara abraços amigo
Maik Diz:
5/06/09 às 9:56
São muito boas as videos aulas deste site.
Pierro Rosa Diz:
13/08/09 às 22:57
Cara mxmasters é sem duvida o site com melhor conteudo em video aulas, parabens por mais esta Felipe.

T+abço
Mariana G. Diz:
8/09/09 às 14:29
Olá, eu infelizmente nao sei pq eu nao estou conseguindo visualizar esta aula, gostaria mto de poder aprender como fazer um background legal, sera que alguem poderia me ajudar? mto obrigadaa

Mariana G.
David CHC Diz:
9/09/09 às 9:45
@Mariana G., tente limpar o cache do seu navegador. Se vc estiver usando Internet Explorer basta vc apertar CTRL + F5, caso esteja usando o Firefox, vá em Ferramentas > Opções > Avançado. Escolha a Aba Rede, clique em Limpar agora. Veja se isso resolve.
Felipe Diz:
17/09/09 às 16:11
otimas dicas, to começando ainda mais deu pra pegar legal..rsrsr
vlz
Salazar Diz:
21/10/09 às 17:43
Descobri este vosso Site e estou a adorar, tem coisas que nem sabia que davam para fazer!!!
E eu a pensar em desistir do dreamweaver LOL….
Gostava de colocar uma duvida, se alguem me puder ajudar….. era ouro!
Estou a tentar fazer uma pagina com tres frames, um Lateral, um Topo, e um Meio.
No meio vou ter flash e outras coisas e sera onde vao ser carregadas as novas paginas!
duvida:
Como fazer para colocar uma imagem de fundo mas que fique sempre por tras do Site?
desculpem a confusao, mas so nao consigo descobrir ajuda nisto!
David CHC Diz:
21/10/09 às 17:50
@Salazar, declare no css, no body do documento. Aconselho não usar frame, pois estão em desusos, e ainda por cima dificultam a indexação do seu site pelo buscadores.
Rafael Câmara Diz:
28/11/09 às 20:26
Nó cara 10, valeu, você pode passar aquela imagem que vc usou no bg2 ?
Filipe Diz:
9/12/09 às 11:51
Valeu! Felipão
ajudou pra caramba
continue assim!!!
abraços
Washington Diz:
30/07/10 às 14:43
Gostei da vídeo aula Felipe, Queria que você ensinasse fazer um background com 2 imagens..

Ex: 1° background no tamanho ex: 1024×500 e o 2° background no tamanho ex: 2000×500.
Esses dois background iriam ficar em sincronia dependendo da resolução do usuário, quando o usuário tiver uma resolução de 1024×768 apareceria so o 1° background e quando a resolução for maior que 1024×768 apareceria o 1° e 2° background.

Atenção: Os Background 1° e 2° seria diferente um do outro não sendo possível usar o “repeat”!

Vlw, Agradeço desde já!