MX Masters

12/08/2008 - 22:18 > 20.706 Visualizações > 61 comentários

Background com sombras

2 votos

Salve, salve rapaziada. Em primeiro lugar, gostaria de desejar as Boas Vindas ao Gustavo Guanabara. Tenho certeza de que esta integração irá agregar mais valores para ambos os sites. Bom, nesta vídeo aula de hoje, a pedidos da galera, iremos aprender a desenvolver o background com sombra Drop Shadow.

Mais uma vez poderemos ver que o css é fundamental no desenvolvimento de um site. Espero que gostem…

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

61 respostas para 'Background com sombras'

  1. Marcos CésarNo Gravatar Diz:
    12/08/08 às 22:28

    Muito boa essa dica Felipão, abção!

  2. Felipe CardozoNo Gravatar Diz:
    12/08/08 às 22:43

    Valeu Marcos!

    []´s

  3. binhoNo Gravatar Diz:
    12/08/08 às 22:48

    vc precisa melhorar esse recote do croma !!!
    e a imagem do fundo nao ta legal
    abraço

  4. Felipe CardozoNo Gravatar Diz:
    12/08/08 às 23:00

    Olá Binho…

    Não entendi.. Que croma?

  5. binhoNo Gravatar Diz:
    12/08/08 às 23:02

    eu to falando do mx web tv

  6. DayballNo Gravatar Diz:
    12/08/08 às 23:08

    q progama vc usa premiere pro cs3

  7. Felipe CardozoNo Gravatar Diz:
    12/08/08 às 23:17

    Ah sim!
    É que você postou no tópico errado…

    Mas obrigado pela dica..

    []´s

  8. Felipe CardozoNo Gravatar Diz:
    12/08/08 às 23:24

    Dayball, usamos o Sony Vegas.

    []´s

  9. Ricardo AleixoNo Gravatar Diz:
    12/08/08 às 23:42

    E ai Binho .. tudo bem ???.. quando vc diz que o fundo do prorama nao ficou legal ..é pq vc nao gostou, ou vc percebeu alguma imperfeição ???? sobre o corte do croma .. estamos ajustando a luz para melhorar esse problema …

  10. Guanabara.infoNo Gravatar Diz:
    12/08/08 às 23:44

    Aê, galera do MX masters! Eu fiquei muito feliz com a primeira postagem de vocês, e espero que essa parceria dure pra SEMPRE, pois como disse em outra oportunidade, quem sai ganhando são nossos ouvintes, leitores e espectadores! Um abração pro Cardozo e pro Aleixo! E nos vemos em breve!

  11. Tomer SimisNo Gravatar Diz:
    12/08/08 às 23:52

    Gosteiii, gosteii… Apesar de num usar muito esse tipo de coisa, eu dô sempre uma olhadinha…
    ________________________________________________
    MXWEB TV:
    AHEUahuiehAIUHEIuaheuiAE… RI MUUUUITO quando vi o que vocês falaram pra mim UHAUHUEHuaheuAHEUAheuaheuAUEHAUheAU
    Mostrei pra minha irmã, cunhado, todo mundo… O aleixo só falando e o Felipe morrendo de vergonha uhaUHAuhaUAhuA…
    Agora serio, ficou mtu massa esse programa… A matéria na gráfica então… ficou show!
    MX Masters – Conhecimento além do óbvio (Deveria virar slogan oficial)
    _______________________________________________
    Diversos: Que tal uma área de sugestões, duvidas e criticas no fórum, e uma área de illustrator… Se der do uma contribuida com uns tutoriais…
    Ah e que tal disponibilizarem aquele intro que tem nas video-aulas? Daquele monte de imagem passando rapido =] Seria legal pra quem quisesse fazer video-aula

    Abraços

  12. André Ortiz - Equipe fazendo A mãoNo Gravatar Diz:
    13/08/08 às 10:28

    Nossa, véio vim pelo Guanabara, muito foda a aula, eu manjo um pouco de web e tal, sempre gosto de ver uns exemplos de CSS, pq cada um faz um tipo de gambiarra, e vendo a dos outros, agente aprimora a nossa.. heauehae

    Forte abraço, estou ansioso por novas postagens !

  13. ElielNo Gravatar Diz:
    13/08/08 às 14:01

    E ae Felipe! Muito boa aula cara! Como sempre vcs ai acertando em cheio as nossas cruéis duvidas! rss… Cara, tenho uma duvida quanto akeles menus igual o da uol, como criar um rollover numa tabela, com css? Obrigado e parabens, que vcs continuem sempre assim!

  14. IsraelNo Gravatar Diz:
    13/08/08 às 15:16

    Blz Felipe
    muito legal essas dicas de css
    ta show mesmo é isso ai
    sucesso mxmasters!!!

  15. dyego de jesusNo Gravatar Diz:
    13/08/08 às 17:25

    nossa!!!!
    que massa essa video aula, amei, depois dessa vou por em pratica!!
    vlw por existirem!!!
    até, sucesso!!!

  16. Felipe CardozoNo Gravatar Diz:
    13/08/08 às 20:02

    Valeu galera…

    Eliel, aquele menu se faz com listas (ul e li). Irei falar mais disso…

    []´s

  17. AndersonNo Gravatar Diz:
    14/08/08 às 17:45

    Opa, aqui eu de novo!
    meu amigo resolvi o problema! catitando aqui pelo DW achei a pequena pedra no meu sapato!
    na tabela principal, a 1º, eu tinha esquecido de colocar o valor “0″ em “CellPad” , “CellSpade” e “Border” e não tinha alinhado em center tambem!
    às vezes é so nossa falta de atenção mesmo!
    ¬¬
    obrigado a atenção e parabéns pelas video-aulas! Excelentes!!!

  18. AlexsandroNo Gravatar Diz:
    17/08/08 às 19:49

    Valeu fepipe era exatamente isso que eu queria aprender;falo

  19. MayconNo Gravatar Diz:
    20/08/08 às 15:00

    Muito Bom!
    Muito Criativo! Chega de Video Aula pra dormir!
    É isso aí gurizada!
    Parabéns!

  20. Le A.WatariNo Gravatar Diz:
    22/08/08 às 3:04

    Puxaaa…vcs estão de parabéns pelo portal !!!
    Sempre venho aqui ver as novidades e assistir aos tutorias, que são ótimos!!!
    Obrigada à vocês…por serem assim!!!
    Adoruuuuuuuuuu^^
    Abraços
    by Le

  21. GilbertoNo Gravatar Diz:
    27/08/08 às 0:44

    Nossa cara.. show demais essa dica.. Eu fiz aqui acompanhando o video e realmente.. ficou perfeito! Vou usar na nova versão do meu site.. Abraço!!!!!

  22. FlávioNo Gravatar Diz:
    9/09/08 às 3:58

    Oi. E se no lugar da cor do fundo eu quisesse colocar uma outra imagem (tipo esse site aqui: http://superdownloads.uol.com.br/windows/index.html ) como eu faria:???

    obrigado pelas aulas.. ajudam e muito quem está começando!

  23. RICARDO GUEDES - GRAVATÁ -PENo Gravatar Diz:
    12/09/08 às 12:07

    OLA FELIPE CARA TO ACHANDO MUITO COM A SITE COM MUITAS DICAS E MACETES CONHECI O SITE ATRAVES DO GUANABARA.INFO QUE TAMBEM É MUITO BOM VALEU EU ACESSO SEMPRE TODOS DIAS MXMASTER E GUANABARA.INFO

  24. AllanNo Gravatar Diz:
    14/09/08 às 15:01

    muito boa a aula felipão….
    mandando bem como sempre……..
    abraços

  25. Felipe LuzNo Gravatar Diz:
    18/09/08 às 11:38

    Parabens Otima Video Aula.
    Deu para entender muito bem!

  26. Lucas Gabriel Silva de CastilhoNo Gravatar Diz:
    30/09/08 às 11:16

    E ai pessoal para quem nao me conhece meu nome e lucas e eu to com muitas duvidas pois eu gostaria de saber como e possivel eu colocar uma imagem como fundo numa tabla. No Dreanweaver.

    Muito Obrigado(a)

  27. CharlesNo Gravatar Diz:
    3/10/08 às 20:24

    Boa noite Felipe, em primeiro lugar gostaria de parabenizá-lo pela maneira com que trabalha suas vídeo-aulas, quero dizer: de excelente compreensão…
    Olhá só, aproveitando esta vídeo-la, tenho uma dúvida que acho que todos os iniciantes irão gostar e você com certeza saberá a solução. Acho que para ti, é coisa de criança, penso.
    Quando crio uma template, e automaticamente botões para futuros links de páginas, sem configurar corretamente estes botões, observei que os mesmos ao serem exibidos no Browser, aparecem desconfigurados. Estou utilizando a versão CS3 e modelo PHP para o documento criado… Outra coisa interessante também, é que ao clicar no botão onde recebeu o link, o mesmo fica circulado por uma seleção meio transparente que deixa a cara do botão horrível… Enfim amigo, como devemos configurar estes botões para que não ocorram estes erros.
    Já na esperança de conseguir esta resposta,
    Grato,
    Charles———-estudante de sistemas / Pirassununga-SP

  28. Felipe CardozoNo Gravatar Diz:
    9/10/08 às 11:24


    Olá Charles, tudo bem?

    Mas esses botões são imagens ou apenas links?

  29. NetoNo Gravatar Diz:
    30/10/08 às 10:39

    Olá galera do MXmasters estou precisando de ajuda gostaria de saber se e possível usar animação flash como background de um site ou fundo de uma tabela?

  30. carlos augustoNo Gravatar Diz:
    4/11/08 às 23:33

    olá galera da mxmasters, hoje é a primeira vez que visito o site. Vocês estão de parabens. Sou iniciante no desenvolvimento de web site, o endereço que informei é meu primeiro site, é com ele que estou aprendendo e tenho certeza que vou aprender muito com vocês, mais uma vez parabéns e muito obrigado pelo trabalho de vocês

  31. MauroNo Gravatar Diz:
    11/11/08 às 10:06

    Para nossa grande felicidade existe MXMASTERS, tanto é que estou aprovaitando cada vídeo aula e usando em meu site, salve, salve, salve esta tudo valendo muito, mandei um E-Mail comunicando que direcionei um link para MXMASTERS, obrigado sempre.

  32. RobertoGMJNo Gravatar Diz:
    21/11/08 às 11:34

    Muito Legal Felipe, BG com sombra da um efeito bem legal…

    Ah. Eu tb detesto o Back Street Boys….

    RobertoGMJ

  33. Dioceli AlvesNo Gravatar Diz:
    17/12/08 às 10:51

    quero em primeiro lugar agradecer pela grande ajuda que nos tem dado na area de web p os iniciantes, as aulas são bem objetivas, super interessantes, de qualidade excelente, quero saber se tem alguma materia onde eu possa aprender a inserir video no meu trabalho de dreamweaver…. desde ja agradeço… um abraço a todos.. eum otimo final de anoa a todos…

  34. ParrudinhoNo Gravatar Diz:
    30/12/08 às 21:16

    Vlw felipe muito boa aula

  35. Luciano CaracioloNo Gravatar Diz:
    2/02/09 às 16:17

    ai me amarro em drenweaver postem mais videos valeu !!!!!!!!!!!!

  36. Salatiel GualterNo Gravatar Diz:
    3/03/09 às 10:39

    Que mulher danada cara…esqueceu tudo rapa…backstreet boy…sei…
    Brincadeiras a parte…como sempre otima aula brother.
    So uma duvida, de uma outra aula (galeria de fotos), mas ja stou aqui…aqui vai…eu desmarquei o show filenames mas os nomes das fotos continuaram a aparecer….qual a solução?
    Desculp ter postado a duvida aqui…Obrigado

  37. Teu paiNo Gravatar Diz:
    18/03/09 às 11:59

    Que podre, colocar a imagem como fundo da página? Que burro!!! E se quizer colocar uma imagem de fundo, como fica? Ah vá se esconder!!!!!!!!!!!!!!!!!!

  38. Felipe CardozoNo Gravatar Diz:
    18/03/09 às 22:29

    Depois do seu “quizer” com “Z”, você acha que o burro sou eu? hehehe

    Vai estudar primeiro o português. Depois estude também CSS, Dreamweaver, etc…

    Tirando sua dúvida. No caso de colocar uma imagem no Body, é bem simples. Basta colocar o bg com sombras dentro de um box central ;)

    []´s

  39. Salatiel GualterNo Gravatar Diz:
    21/03/09 às 14:00

    Boa Felipe o cara se acha e ta aqui assistindo seus videos…eita “Lazeira”…abracss

  40. Ramiro FerreiraNo Gravatar Diz:
    25/03/09 às 8:43

    eaew Felipe Cardoso, queria uma ajuda sua.
    Eu faço a página toda no fireworks e passo pro dremeweaver
    e quero deixar como back groud as images mais no meu fireworks
    não está aparecendo está opção abaixo não. o que faço ???
    muito obrigado !!!

  41. Felipe CardozoNo Gravatar Diz:
    25/03/09 às 13:26

    Olá Ramiro, tudo bem?

    Mas o Background é determinado no Dreamweaver, aliás, no código.

    Dê umas estudadas nas vídeo aulas de tableless/css aqui no MX masters que falamos muito disso.

    []´s

  42. Leonardo duarteNo Gravatar Diz:
    3/05/09 às 17:17

    essa dai fico boa sasuasuha do aprendendo bastante com vocês vlw abraço

  43. Maike WilianNo Gravatar Diz:
    25/05/09 às 11:59

    Valeu Felipe, muito boa essa dica. Parabens galera do mxmaster pelo estilo novo do site ficou show. Abraco!

  44. Adm-TekooNo Gravatar Diz:
    15/06/09 às 22:25

    Tenho aprendendo muito com sua videos aula
    tanto em criação de webdesgner
    quanto em imagens pelo fireworks
    parabens
    FELIPE CARDOZO

  45. cristianoNo Gravatar Diz:
    4/07/09 às 17:36

    não sei o q está ocorrendo, mas o video não carrega até o final, termina na metade. talvez seja problemas com a conexão da minha internet.

  46. David CHCNo Gravatar Diz:
    4/07/09 às 17:45

    @cristiano, limpe o cache do seu navegador, se vc usar o IE, basta apertar CTRL + F5, se for o Firefox, vá em FERRAMENTAS > OPÇÕES > AVANÇADOS> escolha aba REDE e clique em LIMPAR CACHE AGORA

  47. rafaelNo Gravatar Diz:
    26/07/09 às 8:12

    Show de Bola

  48. rafaelNo Gravatar Diz:
    26/07/09 às 8:13

    Muito Boa

  49. RicardoNo Gravatar Diz:
    15/09/09 às 3:41

    Fala, Felipe td blz.
    1º, Muito obrigado pelas aulas, aprendi a usar o dreamweaver com vc cara, mas tenha uma dúvida, esse não é o lugar certo, mas não achei aqui no site, se pode fazer uma video aula, mostrando como colocar códigos html em um site feito no dream, exemplo, tenho um caixa de pesquisa ou formulário ja pronto, como eu faço para colocar no site que estou construindo, desde ja vlw.

  50. David CHCNo Gravatar Diz:
    3/10/09 às 10:04

    @Ricardo, veja as vídeo aulas de Tableless no VAB http://www.videoaulasbrasil.com.br/categoria/tableless/, as video aulas estão sendo publicadas no VAB

  51. thiagoNo Gravatar Diz:
    21/02/10 às 14:39

    filipe cardoso,

    Gostaria de saber se você pode mim ajudar a criar um area de comentarias parecido com a desse site da mxmasters e uma janela de contatos com informações de telefone, etc…

    gostaria que você mim ajuda-se, por favor.

    é para um projeto q estou fazendo pra mim!

    estaria muitos agradecido!

    ABRAÇOS.

  52. David CHCNo Gravatar Diz:
    21/02/10 às 15:17

    @thiago, existe duas video aulas q irão te ajudar:

    Sistema de Comentário:

    http://www.mxmasters.com.br/php/php-desenvolvendo-um-sistema-de-comentarios/

    Como criar um formulário de Contato e estilizando:

    http://www.mxmasters.com.br/tableless-css/tableless-criando-e-estilizando-formulario/

  53. JeovaneNo Gravatar Diz:
    8/04/10 às 3:16

    Olá Felipe Cardozo e a todos do Mx Masters, então gostaria de saber como faço para colocar aquela borda que forma uma sombra nas pontas do site, sabe nos dois lados da página fica aquela forma de sombra, vi um tutorial que diz que se faz com css, mas não explica direito, gostaria se podem me ajudar, desde já fico grato…

  54. JeovaneNo Gravatar Diz:
    27/04/10 às 0:22

    Ola Felipe/ David, será que vcs poderiam me ajudar a criar o sistema de administração do meu site como faço qual ferramenta mais apropriada, agradeço desde já…

  55. David CHCNo Gravatar Diz:
    27/04/10 às 10:32

    @Jeovane, se vc quer algo urgente, recomendo vc aprender o Wordpress, pq vc tem uma gama de possibilidades. O MxMasters é feito em Wordpress

  56. JeovaneNo Gravatar Diz:
    4/05/10 às 4:53

    Bacana David vou começar a me aprofundar nestes programas de wordpress… Então queria uma opinião sua no começo de quando a começei e construir sites não tinha quase noção e ao longo do tempos fui me aprimorando, e construi este em Dreamweaver cs3, http://www.jcimoveisbrasil.com e queria colocar nele um padrão de usuários on-line, no site eu tenho um instalado mas creio que ele não dá resultados preciso, e este que vcs têm creio que é mais concreto e real, gostaria de saber se é possivel inserir ele discretamente no meu site, e parabéns a todos pelo trabalho de dinamização e video-aulas…

  57. David CHCNo Gravatar Diz:
    4/05/10 às 13:28

    @Jeovane, sim vc pode acrescentar no seu site, e formatar da maneira q vc achar melhor. Pesquise sobre vídeo aula sobre usuário online com php, provavelmente vc encontrará algo relacionado.

  58. andersonNo Gravatar Diz:
    12/05/10 às 12:51

    Entao cara primeiramente parabens pela video aula muito boa msm,
    mais eu tenho uma duvida, se eu trabalho um site com tabelas de 100 %
    ela vai funcionar ? ou ela so funfa com css msm
    criando e estilizando a pagina com css

  59. David CHCNo Gravatar Diz:
    12/05/10 às 17:09

    @anderson, vc sempre estiliza com CSS, mesmo sem vc perceber. No caso é o ideal, não usar tabelas para layout, e sim usar elementos div’s para agrupar elementos e com css estilizá-los. Então, terá que estilizar com CSS sim

  60. andersonNo Gravatar Diz:
    12/05/10 às 20:17

    Não vc nao me entendeu, eu quiz dizer assim se eu montando um site com tabelas de resolução de 100% como faço pra colocar o background nele
    sendo o background em pixel?
    tendeu aonde quero chegar?

  61. David CHCNo Gravatar Diz:
    12/05/10 às 21:08

    @anderson, no caso da sombra, o ideal é colocar o background da sombra de cada lado da tabela, no caso nas colunas laterais, assim não importa quanto redimensiona o site

Deixe seu Comentário

Publicidade

www.mxmasters.com.br - todos os Direitos Reservados : Desenvolvido com Wordpress

Desenvolvido por David CHC e Felipe Cardozo