MX Masters

20/03/2009 - 6:35 > 14.544 Visualizações > 134 comentários

Tableless – Curso básico – Aula 5 – Criando menu e a capa

7 votos

Salve, salve rapaziada. Felipe Cardozo com mais uma super vídeo aula de Tableless para o MX masters. Nesta 5° aula, iremos aprender como diagramar o menu e a capa do site.

Veremos a importância da aplicação dos paddings e margins. Na próxima e última vídeo aula, iremos ver como incluir o footer (rodapé) e o menu em listas.

Bom estudo!

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

134 respostas para 'Tableless – Curso básico – Aula 5 – Criando menu e a capa'

  1. TchinoNo Gravatar Diz:

    Maravilha de tuto!

  2. RodneiNo Gravatar Diz:

    Pow felipe realmente ótima explicação bem detalhada, andei meio sumido do site pois estava trabalhando de mais e chegava em casa muito tarde, brother você tem aqui no site um tutorial em css que ensina faze um sistema de totícias igual ou mais bonito que aquele da UOL que fica na index passando as imagens dos últimos acontecimentos ?

    abraços.

  3. Wanderson Borges PessoaNo Gravatar Diz:

    Aeeeeeeee /////////////////////
    Estava esperando essa aula que nem louco….
    1º Comment….
    Parabéns Felipe pelo seu trabalho

  4. DiegoZamparNo Gravatar Diz:

    Muito Bom Felipe!!

    é isso aee!!!

    não entende quem não quer mesmo

    vlw
    abraço

  5. MárciaNo Gravatar Diz:

    Ufa! Felipão, não vejo mais sua foto na lista colunistas, pensei que tivesse nos deixado! Que bom que não!

  6. Andre LimaNo Gravatar Diz:

    Felipão nao to conseguindo assistir ao video, pois nao estou conseguindo desbilitar a opção de alta definição… :/

    Me da uma luz aee… xD

  7. Felipe CardozoNo Gravatar Diz:

    Olá Rodnei, tudo bem?

    Não tenho, mas aquilo pode ser feito através do wordpress. Aliás, é bem mais fácil :)

    []´s

  8. Felipe CardozoNo Gravatar Diz:

    André, testa em outro navegador ou atualize o flash player e shockwave!

    []´s

  9. Alex RodriguesNo Gravatar Diz:

    E ai Felipão Tudo bem, cara ótima video aula, estou acompanhando todas e obrigado por compartilhar o seu conhecimento. Mas eu estava precisa da sua ajuda em wordpress se você puder.Eu fiz um topo em flash mas não consigo rodar ele no wordpress, eu até post no forum do MX master mas ninguem respondeu. O link no Forum é esse:
    http://www.mxmasters.com.br/comunidade/viewtopic.php?f=33&t=1295

    Obrigado!!

  10. Jackson UedaNo Gravatar Diz:

    Mto boa video aula =]
    Felipe to com um problema, tipo eu o meu site tenho td certinho, mas embaixo fica um preto vazio que nao era pra estar ali,tipo uma sobra.
    qria saber se vc sabe como eu faço para tirar essa “sobra” .
    Vlw continue assim =D

  11. RodneiNo Gravatar Diz:

    Pow felipe valeo pela dica, você pode lança uma video dessas no seu blog de como fazer aquele sistema de noticias ? ou no DVD do MX de Wordpress eu aprendo isso ? essa semana ainda estou o adiquirindo.

    abraço.

  12. Andre LimaNo Gravatar Diz:

    Valeu mano era isso mesmo… atualiezei o Flash player ta rodando bacana muito boa a aula cara… ta de parabens aeee… tenho muito a agradecer aqui ao mx masters e a voce que faz os videos de cirando sites ja trabalhava com informatica na area de programação, sabia um pouco de php mas hoje ofereço o esse novo serviço de web designer no momento to trabalhando com tabelas ai ainda mas ja estou acompanhando as video aulas de tableless para oferecer mais Qualidade… ^^v obrigadão ae!

  13. LeleskiNo Gravatar Diz:

    Muito bom Felipe, essas aulas tão ajudando pra caramba
    se explica legal podia continuar com mais aulas de css com o site mais complexo com mais coisas.
    Mesmo Assim muito obrigado ;)

  14. Felipe CardozoNo Gravatar Diz:

    Jackson, qual a versão do seu navegador? Você tem um print?

  15. ClodoveuNo Gravatar Diz:

    Ai Mx MAsters não perde a qualidade das materias valeu pelas dicas

  16. Felipe CardozoNo Gravatar Diz:

    Olá Rodnei, tudo beleza?

    O Wordpress pode ser manipulado de várias maneiras. Você pode criar um sistema de notícias facilmente nele :)

    []´s

  17. Felipe CardozoNo Gravatar Diz:

    ^^ Valeu André!

    []´s

  18. Felipe CardozoNo Gravatar Diz:

    Olá Leleski, tudo certo?

    Obrigado. O pouco que sei, tento compartilhar!

    []´s

  19. Alex RodriguesNo Gravatar Diz:

    Ótima video aula Felipe esta me ajudando muito, cara eu estou com um problema que eu não estou conseguindo resolver,como colocar um topo em flash no wordpress se voçê puder me ajudar eu agradeço.
    Eu coloquei um topico no mx master forum mas ninguem respondeu ainda.O link é este:

    http://www.mxmasters.com.br/comunidade/viewtopic.php?f=33&t=1295

  20. marcioNo Gravatar Diz:

    E ai Felipe Cardozo, blz? eu vi as suas aulas de Tableless ficaram show de bola, e vi Tmabém que o desingn é de um site de Hotel como e de um hotel será que vc nao poderia tambem esta postando uma video aula sobre um sistema de reserva de hotel em PHP e MYSQL onde a pessoa poder possa fazer sua reserva on line, pois falo isso proque e dificil vc encontrar na internet um sistema de reserva de hotel, quando acha tem que comprar mas pra quem ta começando agora é dificil.por isso pensei ja que o Felipe desevolveu o um site tendo como exemplo um site de hotel ele ou um de seus colunistas do Site MXmasters que manja de PHP e MYSQ.fazer uma video aula de um systema de reservas de hotel para quem ta aprendento seria uma grande aprendizagem. Valeu por compartilhar seu conhecimento com a galera que ta iniciando.Obrigado.

  21. Daniel BreitschaftNo Gravatar Diz:

    As vídeo aulas dos DVD’s vendidos no MX Master, são de qualidade melhor ? Ou seja qualidade de vídeo, pois todo conteúdo é excelente.
    Os vídeos dos DVD’s estão em formato de DVD-Video ou são para ser vistos no PC ?

    Abraço.

  22. Felipe CardozoNo Gravatar Diz:

    Olá Alex, te respondi no comentário anterior.

    Precisamos saber mais detalhes do que ocorre. Links, prints, etc…

    []´s

  23. Felipe CardozoNo Gravatar Diz:

    Daniel, a qualidade é melhor. Os vídeos são em .flv ou avi em alta qualidade.

    Porém, só podem ser assistidos no PC.

    http://www.mxmasters.com.br/cursos

  24. Alex RodriguesNo Gravatar Diz:

    E ai Felipe olha eu de novo , estou com um probleminha em projeto que estou trabalhando. Eu fiz um topo em flash e coloquei o caminho dele la no style.css do tableless na tag “H1″
    Exemplo:

    h1{
    padding: 10px;
    font-size: 24px;
    font-family: “Times New Roman”, Georgia, Sans-Serif;
    font-weight: normal;
    background: url(images/header2. swf);
    color: #BFA604;
    height:200px;
    }

    Mas não funcionou, o topo fica em branco.
    Se vocês puderem me ajudar eu agradeço muito.

    Obrigado!!!

    Aqui é a imagem do editor do wordpress com o código css acima:

    http://img25.imageshack.us/my.php?image=editor.png

    E aqui esta o meu site com o topo em branco por não carrega o topo em flash:

    http://img10.imageshack.us/my.php?image=siten.jpg

    Esse e o topo em flash que eu estou querendo colocar:

    http://img16.imageshack.us/my.php?image=topoemflash.jpg

    E me desculpe ter repitido o comentario

    Alex

  25. Márcia BardaroNo Gravatar Diz:

    Olá Felipe!
    mt boa avídeo aula!
    então… andei testando as vídeo aulas anteriores, e aquele pontinho branco que aparece na bolinha do menu, é pq exportou com index transparence!
    Aconteceu isso comigo tb, mas só que nas letras do menu!
    ñ consegui aproveitar mais a vídeo aula pq meu menu é horinzontal!
    Deu um merdelê no caçarolê daqueles… kkkkkkkk
    mas vou continuar tentando!
    bjão

  26. FabianaNo Gravatar Diz:

    Gente como coloca essa imagenzinha do lado do comentario?

  27. CalocaNo Gravatar Diz:

    Felipão,

    tem como baixar essas video-aula?
    ex:tipo aquelas video do cantazia com pasta winrar.
    valeu e parabéns toda equipe do MX Masters!!!
    obs.: qualquer coisa fica a sugestão.

  28. EduardoNo Gravatar Diz:

    @Rodnei

    Aquelas imagens q ficam passando sozinhas vc faz com javascript. CSS é só pra estillizar, pra dar um visual melhor. Javasript é um bocado mais complicado que CSS e HTML, mas nada que seja impossível de aprender se você estudar.
    ;)

  29. HugoNo Gravatar Diz:

    Felipe tais de Parabéns como sempre né heheheh rapaz, tudo que sei é graça, O MXMASTERS vlw por + uma vídeo aula
    continue sempre assim
    Brigaduuu

  30. Felipe CardozoNo Gravatar Diz:

    Alex, creio que o problema seja o caminho do arquivo em flash no servidor, pois nem a animação aparece. Neste caso, não trata de erro no css e sim no caminho mesmo. Verifique o código.

    Sobre colocar o flash dentro de h1, recomendo usar um box específico.

    Outra maneira é você tentar colocar o flash com javascript. No google você acha isso fácil.

    Faça estes testes.

    []´s

  31. David CHCNo Gravatar Diz:

    Alex Rodrigues, na propriedade background, vc só poderá usar o imagens, arquivo de flash, deverão ser colocado no html, pode ser feito utilizando object (procure por INSERIR FLASH W3C), ou mesmo usando o um script swfobject, ou vc poderá fazer um arquivo javascript pra isso.

    Só pra constar, a propriedade background é um resumo das propriedades de fundo (background), ao inserir uma imagem, vc está usando na verdade a propriedade background-image.

  32. Alex RodriguesNo Gravatar Diz:

    Ai Felipe eu tentei a dica que vc me passou mas não deu certo, mas se vc puder fazer uma video aula seria ótimo, acredito que tem outras pessoa que estão começando a mexer em wordpress estão com a mesma dificudade em relação a isso.

    Obrigado!!

  33. Andre LimaNo Gravatar Diz:

    Bom Felipão Valeu a você cara, gosto muito do MxMasters e mano nao sei se em forma de comentario é uma boa falar sobre isso mas estava pensando em fazer umas video aulas de programação em Java ja que notei que há pouco conteudo de programação mas gostaria de saber se é do interesse da galera ne… bom fica ae o recado e mais uma vez parabens MxMasters ^^v

  34. DimasNo Gravatar Diz:

    Ótima video aula…Felipe a propósito usou algum plugin pra mudar o estilo da pagina inicial do site ou foi tudo no braço mesmo?

  35. EdilbertNo Gravatar Diz:

    Felipe, velho mandou muito bem cara!
    a muito tempo estou procurando um tutorial e enfim achei o seu.
    show de bola cara!
    já estou no aguardo da aula 6

    abraços e tudo de bom pra vc

  36. Felipe CardozoNo Gravatar Diz:

    Márcia, era esperado aquele problema na hora de exportar como gif trabsparente. A bolinha tem degradê, então, isso acontece mesmo.

    Sobre o menu ser na horizontal, aguarde as próximas vídeo aulas. Virão com grandes novidades…

    []´s

  37. Felipe CardozoNo Gravatar Diz:

    Olá Caloca, tudo bem?

    Antes tinha, mas uns começaram a comercializar nossas vídeo aulas, então, infelizmente, tivemos que tirar!

    []´s

  38. Felipe CardozoNo Gravatar Diz:

    André, beleza?

    Valeu pelo interesse. Muito show!

    Veja nossa página de intenção de parceria… Lá, você encontrará todas as informações de como ser um colunista!

    http://www.mxmasters.com.br/seja-um-colunista

    []´s

  39. Felipe CardozoNo Gravatar Diz:

    Olá Dimas, beleza?

    Se for do MX masters que você está falando, usei o query_posts… Aliás, até o fim desse ano, muitas novidades virão!

    []´s

  40. Jackson UedaNo Gravatar Diz:

    E ae Felipe, blz?

    Lembra daquele erro que eu tinha falado? Consegui arrumar =]
    Vlw

  41. DimasNo Gravatar Diz:

    Tudo blz sim…
    Desculpe por não ser tão claro na pergunta…
    me referia ao site do mxmasters sim… Obrigado…
    Vcs são espetaculares…GRANDE abraço a todos e sucesso sempre…

  42. Felipe CardozoNo Gravatar Diz:

    Show Jackson!

    Coloca a solução e o problema que estava ocorrendo aqui :)

    []´s

  43. Luã CarlosNo Gravatar Diz:

    Felipe Cardozo aproveitando tua presença nos comentários, gostaria que se possivel esclarecesse uma dúvida, acho q não é o lugar certo, mais o unico que pode me responder é tu…
    Criei um tópico no forum, mais ninguem soube me responder, se puder da uma olhada la.
    Valew…
    http://www.mxmasters.com.br/comunidade/viewtopic.php?f=5&t=1050

  44. Dênis NunesNo Gravatar Diz:

    felipones, show de bola a video-aula mto bom mesmo cada dia a mais o q vc aprende vc vem nos passando ai e quanto mais nós aprendemos mais vc puxa nas video-aulas é assim mesmo mxmasters owna mesmo.
    Tenho varias duvidas mas tenho q formulá-las bem pra mandar aqui.
    Ah é mais uma coisa a área do wordpress no site ta com senha?
    a ultima vez q eu vi estava.

  45. Robson Alves/29 anos/ brasiliaNo Gravatar Diz:

    Desse jeito fica mole mole aprender tableless!!!
    vamos para a 6ª que ja to ficando craque!!! rsssssssss

    abraços felipe e sucesso!
    Fuissssssssssss!

  46. Thiago SouzaNo Gravatar Diz:

    aew felipe, já assiti umas 4vezes cada video aula de tableless to ficando ninja já..
    e estou esperando ansioso pela 6ª o/ ;p

    vlw

  47. Andre LimaNo Gravatar Diz:

    Bom Felipe olhei la a pagina seja um colunista… bom ja comecei a preparar um material ai pra trabalhar nas video aulas vou ver se consigo colocar minhas aulas piloto ainda essa semana pra começar logo… um abração aee mano e desejo muitas vitorias pra você… ^^v

  48. JoãoAlberto/RONo Gravatar Diz:

    Gostaria de saber quando vai começar proxima temporada???
    Será que o vovô aleixo vai aparecer de visual novo!!! que tal passar um tinta no cabelo!

  49. NayrinhoNo Gravatar Diz:

    Ola felipe cardoso venho parabenizar pelo seu trabalho de dedicação aii em busca de compartilhar conhecimentos….
    que as suas videos aulas sao bastante praticas e explicadas!
    estarei sempre aqui acompanhando… vlw ta de parabens FELIPE CARDOSO E MX-MASTERS….

  50. Felipe CardozoNo Gravatar Diz:

    Mayrinho, caro, Obrigado pelas gentis palavras!

    []´s

  51. JobesNo Gravatar Diz:

    Amigos adorei essas video-aulas, sugiro se possivel que vendam essas video-aulas de vocês individualmente, pois assim teremos como adiquiri-las mais rapido e não teremos que pagar por frete.
    Grato,
    Jobes.

  52. Felipe CardozoNo Gravatar Diz:

    Jobes, beleza?

    Já iremos desenvolver um curso básico de Tableless..

    []´s

  53. Fabiano MirandaNo Gravatar Diz:

    Boaaaa Quero mais Felipe hehehe, voce poderia ver tambem o sistema de link do menu pra abrir na div content valeu abracos

  54. Fabio WakasughiNo Gravatar Diz:

    Muito bom suas videos aulas Felipe.
    Parabéns.

  55. Alex RodriguesNo Gravatar Diz:

    E ai Felipe tudo bem , cara eu queria saber sobre alguns plugins um é usaso na sua pagina inicial onde os post ficam todo pequenos e outro eu estou pecisando de plugin de banner e outro plugin que faça orçamento. E me desculpe te perguntado por aqui ,mas é pq eu perguntei no forum e ninguem respondeu e eu estou precisando dessa dica urgente e se vc puder me ajudar eu agradeço muito cara.

    ps.: Me adiciona no msn cara prometo não te atrapalhar!

  56. Vinicius Felix/18/MgNo Gravatar Diz:

    Aiii Filipão blz cara Lembr de mim?

    O primo do Gato Felix rsrsr..;

    Pois é tava meio sumido mas to de volta ai e vi todas as aulas de tableless..pox a mto bacana mesmo!

    Aki senti falta do MX WebTv …quando voltaremos a te-lo no site?

    Vo aguarda heim…abraços e atte!

  57. Felipe CardozoNo Gravatar Diz:

    Fala ae Alex, beleza? São plugins de wordpress que você quer?

    No aguardo!

    []´s

  58. Felipe CardozoNo Gravatar Diz:

    Vinícius e amnigos do MX. O MXWEBTV vai voltar!

    A galera do encontro de TI veio me perguntar se o Aleixo havia morrido, se estava em um asilo, se havíamos brigado…Nada disso… Mas é que o MX vai virar empresa, muita coisa vai mudar e pra melhor… Podem confiar..

    Ah… O conteúdo continuará gratuito hein!

    []´s

  59. Alex RodriguesNo Gravatar Diz:

    E ai Felipão tudo bem, e aquelas dicas de plugin do wordpress que eu lhe pedi. Vc pode me ajudar?

    ps.: Me adiciona no msn cara prometo não te atrapalhar!

  60. Vinicius Felix/18/MgNo Gravatar Diz:

    Olha que maravilha heim…

    Vo fika no aguardo entao … e espero que o Aleixo não tenha mesmo ido para um asilo,
    mesmo porque sem a Lady Kate no programa fika sem graça!rsrsr

    Abraço!

  61. Felipe CardozoNo Gravatar Diz:

    Alex, me manda no e-mail: contato[@]mxmasters.com.br

    []´s

  62. Alex RodriguesNo Gravatar Diz:

    Ai felipão eu ja mandei o email para vc.

  63. Leonardo™No Gravatar Diz:

    E ae Felipe tudo beleza?
    Quando será lançada a última parte da aula de Tableless? Já estamos a 3 semanas aguardando :)
    Abraço…

  64. AlexandreNo Gravatar Diz:

    Muito bom! no aguardo da próxima.

  65. William Dy AymanNo Gravatar Diz:

    ae felipe ta de parabens com suas aulas. continue assim que vc ta ajudando muita gente mesmo ” :)

    falou, abraço

  66. Adriano BarretoNo Gravatar Diz:

    Felipe, to começando a acompanhar agora, mas vi que a última foi a aula 5 e que ela foi colocada em 21/03 e hoje é 15/04. As video aulas acabaram? Essa era a última? Pois você disse que ia disponibilizar os arquivos na última aula. valeu.!!

  67. Daniel SousaNo Gravatar Diz:

    Felipe, parabéns pelas aulas, show de bola. O seu diferencial é a didática, porque realmente o conteúdo não é extremamente difícil, o problema é saber explicar, e isso vc tem qualidade de sobra!
    Uma sugestão para próximos temas, e imagino que já está nos seus planos, seria a melhor maneira de carregar conteúdo dentro de uma div. Eu tenho utilizado javascript para isso, mas o resultado nem sempre é satisfatório. Já dei uma olhada em scripts em ajax, mas achei o código TÃO grande que fiquei pensando se existe maneira mais fácil!

    Abraços!

  68. HansleyNo Gravatar Diz:

    aew Felipe Cardozo, estou com um probleminha no tableless….
    será q posso mandar pra vc por email pra vc da uma olhadinha….

    vlw (sou seu fã cara!)

  69. Mateus ChuquiNo Gravatar Diz:

    Olá Felipe, muito legal suas aulas, parabens mesmo.

    Gostaria de saber se é possivel programar o index.html para abrir mais que 1 arquivo de estilo, variando conforme voce entra no site. Por exemplo: 1 arquivo css que fala q o fundo é azul e o topo é a foto X; e outro arquivo css falando que o fundo é preto e o topo é Y, mas isso variando conforme voce entra no site, para cada vez que voce entrar ser de um determinado jeito só mudando as cores, o conteudo ficaria tudo na mesma posição conforme escrito no index.html.
    Valeu aguardo resposta,
    Abraço

  70. Felipe CardozoNo Gravatar Diz:

    Valeu Daniel. Vou dar uma estudada!

    []´s

  71. Felipe CardozoNo Gravatar Diz:

    Hansley, tudo bem?

    Posta o problema aqui para nós verificarmos.

    []´s

  72. Felipe CardozoNo Gravatar Diz:

    Fala ae Matheus, beleza? Tem como sim, mas usando php+javascript.

    []´s

  73. Márcio BosquettiNo Gravatar Diz:

    Meu grande amigo é bom estar se tratando de um profissional que nos disponha o conhecimentos e sabedoria pelos seus ensinamentos, pode saber meu grande amigo esta sua atitude se chama a arte da sabedoria, e esse mundo degradado precisa de pessoas igual a vc. Desta forma vc vem demonstrado seus dons e talentos pode ter certeza esta ajudando muitas e muitas pessoas, que estão na área e seu nome nunca estará em Vão. obrigado.

    Márcio Londrina-PR

  74. Hansley GladbergNo Gravatar Diz:

    Felipe, seguinte. EU fiz um site, e estou refazendo ele todo em tableless mas logo no começo deu um erro q o menu nao fica “junto” com a foto do topo!

    da uma olhadinha ai por favor http://josewater.com/teste

    cara agradeço se ajudar pois quebrei a cabeça e nao consegui saber o q era….

  75. Hansley GladbergNo Gravatar Diz:

    ou mandei o link errado é: http://www.josewalter.com/teste

  76. Hansley GladbergNo Gravatar Diz:

    cara, é q fica um espaço entre a foto do topo e o menu. :(
    mandei um comentário com o link mas, parece q nao aprovaram….
    da uma dica aew Felipe…..
    vlw cara!

  77. Felipe CardozoNo Gravatar Diz:

    Márcio, beleza?

    Obrigado pelas gentis palavras. Essa é a idéia. AJUDA!

    Mesmo que alguns não dêem valor ao nosso propósito!

    []´s

  78. Felipe CardozoNo Gravatar Diz:

    Hansley, cadê o div onde fica o menu? Não tem?

    Coloque um “display:inline” na div do topo para ver se resolve, mas já adianto que tem que ter uma div onde ficará o menu para organizar melhor.

    []´s

  79. MárcioNo Gravatar Diz:

    Felipe, você não tem noção de como está me ajudando.

    Quando a ultima aula estará online?
    Obrigado!

  80. Felipe CardozoNo Gravatar Diz:

    Márcio, creio que até o fim da semana que vem, pois hoje ainda ou amanhã entra uma vídeo aula de uma dúvida de um internauta.

    []´s

  81. HansleyNo Gravatar Diz:

    Felipe, fiz o que você pediu mas ainda não consegui…. :(

    se tiver mas algma dica cara, agradeço muito!
    vlw

  82. Kátia Virgínia - ParaíbaNo Gravatar Diz:

    Olá Felipe
    Parabéns por suas videos-aulas, vc conseqgue nos passar seu conhecimento de forma bem clara. Em breve irei adquirir o dvd de tableless. Quando é que vai estar disponível a proxíma aula deste curso básico??? Estamos todos anciosos para terminar.

  83. ReginaldoNo Gravatar Diz:

    Salve Felipe!!!!
    eu estou com problemas com o link no estado active, ele ñ funciona no IE8 nem no firefox.
    obrigado, estou aprendendo muito com o MXMASTERS

  84. Kátia Virgínia - ParaíbaNo Gravatar Diz:

    Oi Félipe,
    Ainda estamos esperando o final deste curso….
    Acabei de fazer o pedido do dvd de tableless.

  85. Marcelo OliveiraNo Gravatar Diz:

    e aí felipe blz… felipe tenho todos os dvds, estou aguardando chegar o de tableless(correios), e comecei montando meu site usando o wordpress mas como nunca tinha tentado montar um site apanhei pacas, e agora estou montando do zero pelo dreamweaver usand tabelas e pretendo usar o tableless agora, mas queria saber se dá pra usar o wordpress pra criar uma página e linkar pra outra feita total pelo dreamweaver ou vice-versa. Se der dá uma olhada aí no meu site. (usei o layout que vc mostrou no dvd mas não é definitivo)

  86. Felipe CardozoNo Gravatar Diz:

    Marcelo, o ideal é você criar o template do wordpress na mão…

    Teremos novidades disso em breve no MX :)

    []´s

  87. Kátia Virgínia - ParaíbaNo Gravatar Diz:

    Olá Felipe;
    Já recebi o meu curso de Tableless, foi bem rápida a entrega, parabéns por sua agilidade. Já assisti todas as aulas, gostei bastante.

  88. Marco Túlio LemmiNo Gravatar Diz:

    assisti hj as 5 aulas basicas de tableless
    putz, mtoo facil de entender, tu explica mto bem cara, eu q estou nesse “ramo” a menos de 3 semanas, ja estou conseguindo fazer coisas legais com seus tuto ^^

  89. Rodrigo WDNo Gravatar Diz:

    GOSTARIA DE SABER QUANDO VAI SAIR A ULTIMA VIDEO AULA…POIS ESTOU MUITO ANCIOZO

    FLW

    ABRAÇOS

  90. Valdir LimaNo Gravatar Diz:

    Agora sim, irei dar um tempo com as tabelas. Excelente curso. Quando é que vai sair a ultima aula? Valeu Felipe Cardozo.

  91. samara reisNo Gravatar Diz:

    gosto da suas videos aulas
    e com elas acho a melhor maneira de trabalhar.
    trago uma duvida ,como posso inserir um menu gif
    com link, numa pagina ?
    agradeço

  92. Leandro SantosNo Gravatar Diz:

    e ai felipão… tudo blz? Cara gostaria de saber quando sair as proxímas vídeos aulas de css, estou me amarrando muito, sobre o dvd de tabless vai ter alguma promoção?

  93. LucasNo Gravatar Diz:

    Fala Felipão, parabéns pela aula, muito boa.
    Eu reparei que você teve um problema com os botões do menu, pois eles estavam mais pra direita ao invés de ser ‘0′ o alinhamento do mesmo.
    Acho que tu nao percebeu, é que no fim da ultima aula tu tinha mudado o width do content esquerdo de 206px para 184px, por isso que deu a diferença de espaçamento!
    Bom, minha primeira contribuiçãozinha, sonho um dia postar uma video aula aí, haha
    abração

  94. leonardo verdelliNo Gravatar Diz:

    quando vc postara a ultima video aulo

  95. leonardo verdelliNo Gravatar Diz:

    ola td bem eu queria saber como alinhar uma imagen ao centro no tableless poi não estou conseguindo por favor me ajuem

  96. augustoNo Gravatar Diz:

    Fiiz todas as etapas, to ancioso pela parte final, e bem que tenho tentado, mas espero por ela..
    Muito bom felipe….

  97. yuri tavaresNo Gravatar Diz:

    ae felipe contudo ja visto no mini curso deu pra dar uma moral uma nocao maneira de layout, em tabeless, ms tae uma pergunta e a ultima aula a 6º,
    onde seria o rodape e tudo ms ??
    aula vc n postou, sera que criou?? cade o final?

    rs vlw felipe mandando bem ae!

  98. lindembergNo Gravatar Diz:

    Felipe fiz tudinho do jeito que mandou mas meu dreamweaver ta meio louco ele fica com o fundo piscando do jeito final certo e mostrando o background, só que na hora do f12 uma parte do texto ta com o fundo branco e outro com o background, na verdade notei que a imagem que usei no centro, quando dei o image prewiev tb exportava com fundo transparente e aqui no cs3 não achei a opção do campo SELECTED, de la que começou a dar errado, creio eu, fora isso rodou tdo certinho, que aula PERFEITA!!!!!

    aguardo resposta!

    AH E AI A SUGESTAO DE AULA DE COMO CRIAR SETUP PARA SITES, PELOS MENOS OS COMANDOS BÁSICOS, OU POSSO FAZER TUDO COM CSS?

    UM ABRAÇÃO

    Lindemberg
    Brasília – DF

  99. lindembergNo Gravatar Diz:

    Felipe, a aula é show,deu uns errinhos bobos, mas ja corrigi, venho aqui agradecer e também solicita uma video-aula de como criar setup de site, ou podemos fazer isso pelo CSS?

  100. Alex SandroNo Gravatar Diz:

    Olá Felipe, mandou bem nas aulas. Não estou encontrando a 6a. aula. Ela já esta disponivel?

  101. Kaique AbnerNo Gravatar Diz:

    Iai felipe tudo em riba?
    gostaria de saber se existe uma continuação desse curso …

    Obrigado

  102. Alex Rodrigues 30 anos - Campinas-SPNo Gravatar Diz:

    Olá Felipão tudo bem, cara cade você meu,po to com saudades de sua video aulas. Volte ai fazer video aulas cara com a continuação desta serie.

    Você faz falta aqui no MX MASTERS e no VAB!!!

  103. EnosJRNo Gravatar Diz:

    Cara, curto muito as video aulas, acompanho boa parte delas, e parece que desaprendi a usar tabelas, confesso que acho tableless um tanto trabalhoso mas o resultado compensa. Mas estou um tanto encrencado…

    Como faço para tirar a marca pontilhada que fica no rollover quando clica nele, fica um retangulo pontilhado e o meu irmão achou esse “defeito”, que particulamente não acho tão grave mas se fosse um cliente?… o site é http://www.emersonalmeida.com.br.

  104. David CHCNo Gravatar Diz:

    @EnosJR, basta colocar outline:none no link:



    a{
    outline:none
    }

  105. Victor FaratNo Gravatar Diz:

    Olá Felipe, primeiramente gostaria de te parabenizar pelas video-aulas, são realmente muito boas e estão sendo muito importante para a comunidade de desenvolvedores iniciantes e tbm de designers que se aventuram na programação (no caso, eu)…
    Gostaria de saber se haverá continuação dessa sequência, apesar de já ter compreendido como finalizar esse projeto, seria interessante fechar o ciclo, não é?
    Obrigado novamente e espero contribuir com alguma coisa também.
    abs…

  106. Alex Rodrigues - 30 anos - Campinas-spNo Gravatar Diz:

    Olá Felipão tudo bem cara, quando vai voltar a continuação daquele mini curso de tableless, e tambem o MXWEBTV?

  107. CarlosNo Gravatar Diz:

    Olá Felipe,

    Quando sai a ultima parte deste minicurso?

    Parabéns.

  108. JocelaineNo Gravatar Diz:

    Olá Felipe, td blz? Adoro suas video aula estou cada vez mais interessada em aprender tudo sobre webdesigner.. Quando sai´ra a ultima video aula de tableless? Estou anciosa..hehe
    Abraços

  109. Fabio JrNo Gravatar Diz:

    Opa Perfeita todas as Video Aulas ta de parabens, gostaria de saber quando sai a ultima video aula desse mini curso :D

    Abraço;

  110. David CHCNo Gravatar Diz:

    @Jocelaine, não tem uma marca definida, mas quando sair será publicada no http://www.videoaulasbrasil.com.br

    Só uma aviso para que for Comentar.

    No Mxmasters não está tendo atualização de video aulas, isso pq temos o Video Aulas Brasil onde as video aulas estão sendo publicadas, está tendo uma variedade enorme de temas no Video Aulas Brasil, q tenho certeza irá agradar a todos. Então, caso for perguntar alguma coisa sobre as video aulas, peço que façam no Video Aulas Brasil (http://www.videoaulasbrasil.com.br), pq o tempo de resposta será menor. Eu darei prioridade apenas os comentários do Video Aulas Brasil, pq vai fica mais fácil e rápido de responder.

    Agradeço a Compreensão de Todos
    David CHC – Administrador do Video Aulas Brasil

  111. maikeNo Gravatar Diz:

    ola felipe blz, muito boa essas cinco videos manda a seis por favor. to esperando! aquele abraco valeu.
    huhuuuuuull

  112. Juninho AlvesNo Gravatar Diz:

    Olá Felipe blzera belho?

    cara parabéns por mais uma super video aula, estou aprendendo muito com vc…

    atravez destas video aula eu estou desenvolvendo um site para uma cliente e quero que vc visite, o link ta ae!

    http://www.mariabonequeira.com.br

    ainda esta em desenvolviemento, mas quer deixar ele bem bacana….

    grande abraços e continue assim!
    :)

  113. AlfredoNo Gravatar Diz:

    cara, oq eu faria sem vcs?
    MUITO BOM!
    MUITO OBRIGADO ;D

  114. AndreNo Gravatar Diz:

    Ae cara muito bom seus tutoriais, quando fica pronto o 6?

  115. HiagoNo Gravatar Diz:

    Pô Felipe e a sexta aula???

  116. Alna scaliNo Gravatar Diz:

    Felipe ta de parabens to muito impresionado muito bom sua video aula

  117. GabrielNo Gravatar Diz:

    Bom dia!

    Antes de mais nada quero dar meus parabéns pelas video-aulas.
    E quero que saiba que voce, meu mestre, ajudou-me muito em varios projetos de site simples.

    Agora vamos ao apelo.
    Voce vai postar alguma video aula para acrescentar a parte da base do site?

    Fico aguardando.

    Um forte abraço.

  118. NiloNo Gravatar Diz:

    boa Video Aula.

    Amigo fiz tudo igualzinho video aula mais a janela não flutua.

  119. ANDERSONNo Gravatar Diz:

    aeee felipe parabens pela video aula muito boa msm
    so q eu tenho uma duvida, como linkar os boteos
    pra abrirem so no conteudo ??
    tem como vc me responder essa pergunta XD

  120. David CHCNo Gravatar Diz:

    @ANDERSON vc tem duas maneira, ou usando iframe ou usando AJax, assim a pagina não atualiza para mudar o conteudo ( não recomendo nenhum dos 2, já q afetam a indexação dos sites de busca.). Vc pode trabalhar com Query String , mas com ele a pagina é atualizada, mas internamente o q é mudado é só o conteudo.

  121. ANDERSONNo Gravatar Diz:

    cara muito obrigado pela dica mais eu nao sou um profundo conheçerdor de desenvolvimento web to começando agora, mais falo q ja intendo o consideravel mais Query String ainda nao estudei ainda =/….
    se tiver como alguem me arrumar um codigo pra eu tentar colocar aqi pra ver se funciona o refresh na pagina agradeço muito

    isso e tipo o php com o include q so da um refresh na pagina nao e isso?

  122. fabio nunesNo Gravatar Diz:

    aulas maravilhosas, mas onde estao as aulas finais? a da imagem da esq abaixo do menu, de menu lista? rodape? nao consegui achar, se puder dar uma dica. Estou aguardando um dinheriro p pegar os dvds wordpress e tableless.

  123. CleberNo Gravatar Diz:

    Acabaram?
    Não haverá finalização do projeto do Hotel?

  124. NandoNo Gravatar Diz:

    oi filipe voas video aulas aprendi vastante com voce

    ja nao vao meter as vidio aulas finais desse curso desse curso?

    eu gostava que metesse para eu concluir o projecto abrasos

  125. Luís Felippe CoutinhoNo Gravatar Diz:

    Antes de mais nada gostaria de agradecer os excelentes materiais que você e toda equipe mxmasters tem disponibilizado.

    Pergunto meu amigo, sobre a última video aula desta série, pois não consegui localiza-la no portal, ou ela já foi postada e eu que tô voando (pois sou craque nisso).

    Grato desde já por sua atenção!!!

    Contem conosco, se puder sempre ajudar ajudaremos, nem que seja agradecendo!!!

    Abraços!

  126. David CHCNo Gravatar Diz:

    @Luís Felippe, o Felipe não deu continuação( ainda), mas existem outras aulas na seção tableless que te ajudarão a desenvolver seus layout sem tabelas.

  127. AndersonNo Gravatar Diz:

    Felipe meus parabens pelo site muito obrigado pelas video aulas
    e gotaria que você desse uma olhada no Templlates que crie com CSS que aprendi com as Video Aulas de Tableless e ve se esta tudo serto Muito Obrigo.

    Link: http://dl.dropbox.com/u/8768542/index.html

    como é apenas um teste eu Hospedei ele ai mesmo no Dropbox.

  128. JefersonNo Gravatar Diz:

    ei felipe no meu nao aparece a image pra por link aparece codigo no lugar das image quando vo em desing no dreamweaver como arrumo ?

  129. David CHCNo Gravatar Diz:

    @Jeferson, se está aparecendo apenas o codigo, veja se não esqueceu de fechar algum aspas. Evite comparar o resultado no Design do Dreamweaver, apesar dessas ultimas versões terem melhorado, mas é indicado ver o resultado no navegador.

  130. UrbanoNo Gravatar Diz:

    David Chc, me tira uma dúvida, no caso se eu resolvesse usar uma lista em vez de fatiar os menus, certo? tudo bem, no caso usaria a imagem somente da bolinha cor de vinho no lugar do pontinho preto da lista seria isso? como faria aquele efeito branco da bolinha saindo pra fora(canto esquerdo), faria como uma imagem soh(a bolinha com a sombra branca). rsrsr
    vlw

  131. David CHCNo Gravatar Diz:

    @Urbano, poderia fazer dessa maneira, talvez vc precisaria declarar esse item da lista, com um valor negativo, pra fique com o mesmo efeito

  132. UrbanoNo Gravatar Diz:

    Esse valor negativo como diz, seria o valor do margin-left da lista?

  133. David CHCNo Gravatar Diz:

    @Urbano , isso mesmo.

  134. Flávio ValenteNo Gravatar Diz:

    Muito boa a sua aula, Felipe! Estava, mesmo, querendo uma melhor explicação sobre css para os meus projetos e estou vendo que não é tão difícil quanto parece. Uma abraçooo, fica na Paz do Senhor Jesus!!

Deixe seu Comentário

Publicidade

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

Desenvolvido por David CHC e Felipe Cardozo