Criando o site do filme Super Mario Bros com HTML e CSS

Поделиться
HTML-код
  • Опубликовано: 25 янв 2025

Комментарии • 205

  • @leovargas
    @leovargas  Год назад +21

    Link do respositório template
    github.com/leovargasdev/youtube-site-mario
    Já deixei preparado com os arquivos iniciais e um template de README!

  • @Riks7000
    @Riks7000 9 месяцев назад +7

    Você coda muito rápido, é prazeroso de ver, é visível o quanto que você treinou!

  • @debora_dourado
    @debora_dourado 3 месяца назад +1

    Esse é muito fera, não dá pra ser professor, pq explica rápido de mais. "Vc é muito habilidoso no que faz." Mas o vídeo é muito top. Show

  • @KRASSSH2111
    @KRASSSH2111 Год назад +7

    Que conteúdo maneiro cara. Parabéns, o projeto ficou muito legal!

    • @leovargas
      @leovargas  Год назад

      Que bom que gostou, muito obrigado pelo feedback!

  • @Nandakrll
    @Nandakrll Год назад +7

    cara de verdade muito obrigada por esse vídeo, eu fui seguindo seus passos mas fiz com um filme de anime que eu gosto muito, e mudei as cores etc, foi perfeito pra eu treinar alternativas quando eu não tinha como seguir totalmente o tutorial e no final eu gostei muito doque eu fiz, não paro de olhar a página 😂❤️

    • @leovargas
      @leovargas  Год назад +1

      Fico feliz em saber!!! É muito bom dar alguns passos sozinho, saindo do roteiro do video e treinar a criatividade.

    • @FelipeAugusto-cp6md
      @FelipeAugusto-cp6md 16 дней назад

      Vc já conseguiu algum serviço na área?

  • @EmillyAlmeida-r9s
    @EmillyAlmeida-r9s 3 месяца назад

    cara muito obrigada, foi maravilhoso acompanhar o seu vídeo, conseguir fazer, estou muito felizzzz

  • @marcoswodbarros
    @marcoswodbarros Год назад +2

    Melhor didática que já vi. Parabéns e obrigado. 👏🏼

    • @leovargas
      @leovargas  Год назад +1

      Eu que agradeço, obrigado pelo feedback!! 🤙🏼

  • @katohusk941
    @katohusk941 Год назад +1

    Cara ficou muito bacana, realmente muito melhor que a original, parabéns e obrigado!!

  • @asdasd54564
    @asdasd54564 11 месяцев назад +1

    Video animal, me mostrou qual proximo nivel de css que preciso estudar!

  • @jeanpucksz883
    @jeanpucksz883 8 месяцев назад +1

    que cara bom! Acompanhei e fiz o projeto aqui mas demorou umas 3hr KKKKKK agora pós termino falta ajustar a responsividade do menu com o javascript

    • @leovargas
      @leovargas  8 месяцев назад

      O tempo você vai diminuindo conforme a prática, que bom que conseguiu finalizar! E obrigado pelo feedback!

  • @VulgoVM
    @VulgoVM Год назад +1

    Sensacional, meu primeiro projeto deu tudo certo!

  • @EduardoSouza-qc7qn
    @EduardoSouza-qc7qn Год назад +1

    Parabéns pelo projeto, achei top!!

  • @LucasSan-mg7jf
    @LucasSan-mg7jf 7 месяцев назад +1

    Mano voce tem o dom de ensinar

    • @leovargas
      @leovargas  7 месяцев назад

      Vlw d+! ✌️

  • @mtheusmr
    @mtheusmr 6 месяцев назад +1

    Faz mais vídeos de sites assim, ou mais completos tbm… tem me ajudado muito, estou no quarto semestre de ads e queria ir pra front… se você tiver mais canais pra recomendar, que seja ptbr e tenha a mesma didática que a sua eu agradeceria kkkk

    • @leovargas
      @leovargas  5 месяцев назад

      Que bom que está ajudando! A ideia a partir de agora é focar em landing pages completas.

  • @leonanrafael5251
    @leonanrafael5251 Год назад +1

    Vídeo muito bacana.
    Projetinho muito maneiro!
    varias propriedades muito interessantes.
    Se me permite fazer uma crítica construtiva: Desacelerar um pouco nas explicações pode deixar a sua didática ainda melhor.

    • @leovargas
      @leovargas  Год назад +2

      Sim, algumas pessoas já me alertaram sobre isso, estou tentando falar mais lentamente ahhahaha eu só não queria deixar o vídeo muito longo :/
      Muito obrigado pelo feedback!! 😀

  • @clebervalerio4305
    @clebervalerio4305 Год назад +3

    KARAKAS MANO! TOP setado e sem enrolação, muito top! parabéns! deixa te perguntar vc tem um curso sobre html5,css3 e javascript nessa sua levada pq é muito top?

    • @leovargas
      @leovargas  Год назад +4

      Que bom que gostou!! Ainda não, estou pensando em montar um curso, mas primeiro quero aperfeiçoar a minha didática 🙂

  • @beti2B
    @beti2B 7 месяцев назад +1

    Que aula top!🎉

    • @leovargas
      @leovargas  7 месяцев назад

      Obrigado! ✌️

  • @brunoalmeida7174
    @brunoalmeida7174 6 месяцев назад +1

    ficou incrivel parabens, repliquei com algumas pequenas ateracoes !

    • @leovargas
      @leovargas  5 месяцев назад

      Boooa! 🚀🚀

  • @conhecimentoprevio
    @conhecimentoprevio Год назад +1

    Muito bom cara, parabéns!!!

  • @adairtecnicoeminformaticae8364
    @adairtecnicoeminformaticae8364 4 месяца назад +1

    Mais um Inscrito, Parabéns

    • @leovargas
      @leovargas  4 месяца назад

      Obrigado! 💪🏼👊🏼

  • @jeane4650
    @jeane4650 4 месяца назад +1

    Nossa cara, você é bem profissional, demorou muito pra chegar a esse nível .?

    • @leovargas
      @leovargas  4 месяца назад +1

      Opa, meu primeiro contato com programação foi em 2014 na faculdade e comecei a estudar programação web em 2018

    • @jeane4650
      @jeane4650 4 месяца назад +1

      @@leovargas Que legal cara, corre para chegar nesse nível 🤣

    • @leovargas
      @leovargas  4 месяца назад

      @@jeane4650 bem isso hahaha mas quando vc faz algo que gosta, o processo se torna muito mais fácil e gratificante

  • @guilhermeandrade4361
    @guilhermeandrade4361 6 месяцев назад +1

    Caraca vc é incrível, quanto tempo demorou pra ficar nesse nivel ?

    • @leovargas
      @leovargas  5 месяцев назад

      Olá, eu estudo programação web desde 2017

    • @guilhermeandrade4361
      @guilhermeandrade4361 4 месяца назад

      Pra arranjar o primeiro trabalho nessa área foi difícil?

  • @sylarbrkc
    @sylarbrkc Год назад +1

    Mano você salvou a minha vida MUITO OBRIGADO kkkkkk

  • @evandromoraescontini8712
    @evandromoraescontini8712 Год назад +3

    Parabéns muito bom, me animou para continuar a estudar.

  • @alessandrosilva1015
    @alessandrosilva1015 Год назад +1

    Muito bom, bem explicado.

  • @beatrizrodrigues9070
    @beatrizrodrigues9070 Год назад +1

    Valeu Léo, suas aulas são sensacionais, to sempre aprendendo bastante ❤

    • @leovargas
      @leovargas  Год назад

      Que bom Beatriz, espero continuar te ajudando!!

  • @denaovercosa
    @denaovercosa Год назад +2

    Obrigado pelo vídeo, estou aprendendo e gosto de fazer essas coisas legais, mesmo que seja copiando você.
    Um feedback que eu poderia dar é para, se puder fazer um pouco mais devagar os códigos, me perdi várias vezes por causa da sua velocidade e atalhos kkkk, mas muito obrigado, vou usar essa base que aprendi com o vídeo para fazer de outros temas.

    • @leovargas
      @leovargas  Год назад +1

      Que bom! Vou tentar usar menos os atalhos, boa parte das pessoas não conhecem e ficam confusas. Muito obrigado pelo feedback!

    • @leovargas
      @leovargas  Год назад

      Se ficou alguma dúvida, me chame lá no nosso servidor do discord discord.gg/JPS2bY6GVy, posso lhe ajudar

  • @OverFlow-c6e
    @OverFlow-c6e 6 месяцев назад +1

    Cara muito top !!! aqui deu certinho!! Parabéns pela didática. Poderia ajudar a fazer responsivo?

    • @leovargas
      @leovargas  5 месяцев назад

      Muito obrigado pelo feedback, posso ajudar, me chama no discord.

  • @iagobelmonte4213
    @iagobelmonte4213 Год назад +1

    Sem palavras !

    • @leovargas
      @leovargas  Год назад +1

      Espero que isso seja positivo hahhaha conseguiu fazer o projeto?

    • @iagobelmonte4213
      @iagobelmonte4213 Год назад

      @@leovargas Sim Positivo Sempre... o que eu quis Dizer que foi Simplesmente Sensacional encontrar esse Conteúdo... eu só fiquei admirando mesmo kkk' não fiz... aprendi algumas coisas e pronto... Sou muito "iniciantezão"... estou agora querendo aprender um pouco mais como encaixar o JS no meu site...se tiver alguma aula na pratica como aplicar uns JS's no seu Site seria uma ótima sugestão... digo... a pessoa tem um site básico e tals... agora que aprimorar... nesses termos

    • @leovargas
      @leovargas  Год назад

      Que bom que gostou!!
      Já sobre o JavaScript, tem um projeto que eu uso bastante. Esse aqui:
      ruclips.net/video/3pAnc4Miv00/видео.html&ab_channel=LeoVargas

  • @flaviadossantos3299
    @flaviadossantos3299 9 месяцев назад +1

    eu depois de fazer metade de uma aula de CSS vindo assistir esse video e minha cabeça assim 🤯

    • @leovargas
      @leovargas  9 месяцев назад

      Qualquer coisa assiste todo o vídeo primeiro e depois coda junto hahah

  • @RuanSantos-qk6gz
    @RuanSantos-qk6gz Год назад +1

    Top!! Projeto bacana!

  • @controlemocional
    @controlemocional Год назад +1

    Parabéns mano 🎉

  • @plagzindomine123
    @plagzindomine123 26 дней назад

    Mano ce pode ensinar a criar um menu de filmes?eu queria um site de filmes bem top, com menu mostrando os filmes disponíveis e essa tela aí como a do super Mario, exemplo, filme need for speed, ao clicar nele, aparece essa tela como a do super Mario, mas iria aparecer informações do filme need for speed

  • @BrunoHenrique-e1h
    @BrunoHenrique-e1h Год назад +1

    Oi coloquei tudo de acordo com o video mais quando coloquei no background.css o background: blue para sobre escrever o video nada acontece.
    Oque pode ser?

    • @leovargas
      @leovargas  Год назад

      Olá amigo, isso seria no elemento #background:after?
      O seu projeto está no github?

  • @lizz5042
    @lizz5042 Год назад +1

    Ótima explicação

  • @MariaLuizaSantosdelima-o1b
    @MariaLuizaSantosdelima-o1b 3 месяца назад +1

    Gente uma dica para escurecer o vídeo ou a imagem é só você abrir no CSS na onde ele colocou aquela cor azul da outra vez e você coloca
    opaicity: 0.6;
    E é só ir aumentando o número conforme o quanto você quer que escureça

  • @Alberto-fj7ed
    @Alberto-fj7ed 10 месяцев назад +1

    eu vim buscar cobre e encontrei ouro, cara comecei a aprender esses dias to bem leigo ainda n entendi mt sobre mais vou guardar aqui pq quero fazer um dps n igual ao seu mais melhor kkkkk é nois manin.

    • @leovargas
      @leovargas  9 месяцев назад

      Boa jovem!!! Depois mostra o resultado final, bons estudos!

  • @alexsandrodias9959
    @alexsandrodias9959 Год назад +1

    cara fantástico fiz seguindo seus tutorial ficou muito bom, só um detalhe gostaria que você explicasse o que cada função que você digita serve eu que sou iniciante fico meio perdido. muito obrigado

    • @leovargas
      @leovargas  Год назад

      Olá Alex, que bom que gostou! Qual função você ficou com dúvidas? as funções da lib de animação?

    • @alexsandrodias9959
      @alexsandrodias9959 Год назад +1

      olá aos 4:20 você usa o Wirth inherit largura ok mas esse inherit seria para fazer qual função ?
      agradeço mesmo a atenção @@leovargas

    • @leovargas
      @leovargas  Год назад +1

      @@alexsandrodias9959 ​​⁠é uma função de herança, nesse caso o elemento :after vai herdar a largura e altura do seu pai, a div com o id #background
      Mais detalhes sobre o inherit:
      developer.mozilla.org/pt-BR/docs/Web/CSS/Inheritance

    • @alexsandrodias9959
      @alexsandrodias9959 Год назад

      muito obrigado já estou seguindo seus outro vídeo e aprendendo muito valeu!!@@leovargas

  • @Douglasramos35
    @Douglasramos35 7 месяцев назад +1

    Oi leo quria saaber como usar esse projeto como base pra criar um ste de outro filme por exemplo

    • @leovargas
      @leovargas  7 месяцев назад

      Opa Douglas, esse projeto pode se adaptar para qualquer filme. Alguns passos:
      1 - Alterar o vídeo de fundo, adicionar o trailer/teaser do filme que vc deseja.
      2 - Alterar a cor destaque, que nesse caso nós usamos o vermelho. Ex: se fosse sobre o filme da Furiosa você poderia usar um amarelo/laranja
      3 - Alterar as imagens
      4 - Alterar o texto da descrição

  • @klshadow7665
    @klshadow7665 Год назад +1

    Minha parte da animação de entrada nao esta funcionando,como faço para resolver??

    • @leovargas
      @leovargas  Год назад

      Olá, talvez você tenha escrito errado o nome de alguma propriedade. Nesse link tem o arquivo completo:
      github.com/leovargasdev/youtube-site-mario/blob/codigo-completo/index.html
      Verifique se está igual ao meu código.

  • @gabrielgg5128
    @gabrielgg5128 Год назад +1

    eu to tendo problema na hora de editar os css, o global nao ta puxando o #app, mas ai o background.css que está puxando tudo

    • @leovargas
      @leovargas  Год назад

      Olá Gabriel, você lembrou de importar o global.css no index.html? ou de adicionar a tag id="app" na div?

  • @renansilva7760
    @renansilva7760 4 месяца назад

    Onde eu acho esses videos MP4 que sejam gratuitos pra baixar ?

  • @OverFlow-c6e
    @OverFlow-c6e 3 месяца назад

    Amigão tudo bem ? poderia postar o responsivo desse site? Obrigado!!!

  • @lombramc4883
    @lombramc4883 Год назад +1

    Muito foda 🔥

  • @guilhermelima6037
    @guilhermelima6037 Год назад +1

    Poderia explicar para que serve a propriedade "inset: 0;" no css?

    • @leovargas
      @leovargas  Год назад

      Claro, essa propriedade vai colocar o valor 0 em todos os eixos(top, right, bottom, left)

  • @hospitalitaigaramemorial
    @hospitalitaigaramemorial Год назад +1

    Professor, uma duvida ? Após criar o site como fazemos para que outras pessoas tenham acesso ao link do site criado ?

    • @leovargas
      @leovargas  Год назад

      Olá amigo, você pode usar uma plataforma de hospedagem gratuita, a mais popular e fácil é a Netlify.
      Nesse vídeo eu ensino a publicar o site: ruclips.net/video/v8vFNu76IVA/видео.htmlsi=ahOtJJ3dW-t421-H&t=23

  • @alessandrosilva1015
    @alessandrosilva1015 Год назад +1

    Ficou top, faz agora uma versao para mobile, so pra conferir o meu dever de casa de responsividade.

    • @leovargas
      @leovargas  Год назад

      Olá Alessandro, a versão mobile está nesse link filme-mario.leonardovargas.dev/

  • @SerieGames-nq8lr
    @SerieGames-nq8lr Год назад +1

    Brother eu fazendo esse tutorial com voce, eu posso colocar esse projeto mario world no meu github?

  • @angeloaugusto3653
    @angeloaugusto3653 5 месяцев назад +1

    e se eu quiser deixar o video com som?

    • @leovargas
      @leovargas  5 месяцев назад

      Esse arquivo não tinha aúdio, vc vai precisar usar outro vídeo como background.

  • @MaiconSantosTv
    @MaiconSantosTv Год назад +1

    video braboo, ate agr n conseguir colocar meu link das mnhs redes kkkkkkkkk

    • @leovargas
      @leovargas  Год назад

      Obrigado! Você precisa adicionar o link no atributo href do elemento

    • @leovargas
      @leovargas  Год назад

      Exemplo: link

  • @pedrovictorpossani5673
    @pedrovictorpossani5673 5 месяцев назад +1

    Tem tutorial do responsivo ?

  • @URSO.dllzZzZz
    @URSO.dllzZzZz Год назад +1

    parabens irmao pelo video

    • @leovargas
      @leovargas  Год назад

      Muito obrigado, qualquer dúvida só chamar! ✌

  • @edsonmeneses7573
    @edsonmeneses7573 11 месяцев назад +1

    como faço para adicionar os links da redes sociais no svg??

    • @leovargas
      @leovargas  11 месяцев назад

      Olá, você pode envolver os svgs em um elemento de âncora

  • @natanvictor24
    @natanvictor24 Год назад +1

    fala leo tentei replicar e nao sei que esta acontecendo com o codigo a minha pagina ta totalmente diferente da sua , hoje tenho apresentacao do meu segundo projeto e como o meu primeiro foi o jogo do mario , encontrei seu canal e achei super interessante e tentei repiclar e nao foi como esperado...... deve ser algum erro de escrita no meu codigo ...

    • @leovargas
      @leovargas  Год назад

      Olá Natan, talvez seja algum erro de propriedade do css ou nomenclatura de classe. Se você quiser posso te ajudar, seu código está no git?

  • @Effect990
    @Effect990 Год назад +1

    Opa blz gostei muito do seu video e estou com uma duvida de como colocar o link na parte dos logo do svg

    • @leovargas
      @leovargas  Год назад +1

      Opa Willian, você precisa adicionar um elemento em volta do svg

    • @Effect990
      @Effect990 Год назад

      @@leovargas Eu consegui aqui tava quebrando a cabeça mais e assim msm kk , pfv continue fazendo video mexendo com isso me ajuda mt sempre vai ter meu like

  • @pedrovictorpossani5673
    @pedrovictorpossani5673 8 месяцев назад

    Boa tarde Léo, Como que eu faço pra continuar o site abaixo dele (que ele ocupe apenas como "Banner")

    • @leovargas
      @leovargas  8 месяцев назад +1

      Olá Pedro, depende, você quer deixar o vídeo de fundo no site inteiro ou só na região do "banner"?
      Se for o vídeo só na região do banner, você vai precisar alterar o position o .bg-video para absolute e adicionar as novas tags HTML depois da div com id #app.
      PS: Desculpe a demora para responder...

    • @pedrovictorpossani5673
      @pedrovictorpossani5673 8 месяцев назад +1

      @@leovargas Deu certo, muito obrigado!

  • @jefinhoribeiro6915
    @jefinhoribeiro6915 Год назад +1

    Você pode ensinar a criar um layout novo estilo a netflix com carrocel animado e etc ?

    • @leovargas
      @leovargas  Год назад +1

      Posso sim, na verdade eu já tinha mapeado esse conteúdo, mas pensei em fazer com reactJS

    • @jefinhoribeiro6915
      @jefinhoribeiro6915 Год назад +1

      @@leovargas faz em html css e javascript utilizando essa API do TMDB. Outra coisa, você possui um contato onde eu consiga fazer um orçamento com você de um template em html css e javascript?

    • @leovargas
      @leovargas  Год назад +1

      Posso fazer somente com HTML e JS. Sobre o orçamento, me chame no discord.

  • @juno_-_
    @juno_-_ 9 месяцев назад +1

    que cara bom

    • @leovargas
      @leovargas  9 месяцев назад

      Obrigado jovem!

  • @pedrovictorpossani5673
    @pedrovictorpossani5673 9 месяцев назад +1

    Boa Tarde Léo, Primeiramente parabens pelo projeto, top dms. Minha unica duvida é na hr de adicionar o "flex: 1;" no main.css, ele não esta pegando.
    Pq sera ?

    • @leovargas
      @leovargas  9 месяцев назад +1

      Olá Pedro, que bom que gostou 🙂. Você lembrou de adicionar a propridade display: flex no elemento #app?

    • @leovargas
      @leovargas  9 месяцев назад

      ruclips.net/video/6Ok-kUrBGp8/видео.htmlsi=owL4DwFQIm_CG5nE&t=440

    • @pedrovictorpossani5673
      @pedrovictorpossani5673 9 месяцев назад

      @@leovargas sim, adicionei

    • @leovargas
      @leovargas  9 месяцев назад

      @@pedrovictorpossani5673 seu código está no github?

  • @AlbertoLuis-nq7kh
    @AlbertoLuis-nq7kh Год назад +1

    Muito Massa

  • @ELIELLOPESDASILVA
    @ELIELLOPESDASILVA 4 месяца назад

    Não consigo adicionar o vídeo

  • @gulifire
    @gulifire 11 месяцев назад +1

    salve mano, tenho uma pergunta. Usar essas imagens e vídeos dá problema com direitos autorais? eu fiz um projeto sozinho também sobre um anime para testar meu conhecimentos e queria colocar ele no portfólio pelo github

    • @gulifire
      @gulifire 11 месяцев назад

      acha que eu não deveria colocar? e trocar as imagens?

    • @lyanimes
      @lyanimes 10 месяцев назад

      n da problema n mano

    • @leovargas
      @leovargas  10 месяцев назад

      Olá, como é um projeto de estudos e sem fins lucrativos não tem problema não

  • @leofarnesi6364
    @leofarnesi6364 2 месяца назад

    No Opera GX a página vai ficar cortada e não vai aparecer os botões galera é só diminuir a página ou então tirar o overflow: hidden; do #app pra aparecer a barra de rolagem

  • @renan5460
    @renan5460 Год назад +1

    Muito bom!

  • @robbaitola
    @robbaitola Год назад

    minha header fica abaixo do meu background, onde eu estou errando?

    • @leovargas
      @leovargas  Год назад +1

      Olá, você lembrou de colocar o valor position: fixed no elemento #background?

    • @leovargas
      @leovargas  Год назад +1

      Nesse tempo aqui: ruclips.net/video/6Ok-kUrBGp8/видео.htmlsi=l91oylI4kuj3Ndfc&t=149

  • @sayronjesus4566
    @sayronjesus4566 Год назад +1

    muito bom mano

  • @melloscripter
    @melloscripter Год назад +1

    Fascinante

  • @phnkcell710
    @phnkcell710 Год назад +1

    Like e inscrito

  • @Carol-tt2gw
    @Carol-tt2gw 5 месяцев назад +1

    Como você consegue animar SVG??

    • @Carol-tt2gw
      @Carol-tt2gw 5 месяцев назад

      Meu CSS não consegue interagir com o SVG

    • @leovargas
      @leovargas  5 месяцев назад

      Olá. você está falando dos ícones do header?

    • @leovargas
      @leovargas  5 месяцев назад

      se sim, veja se o seu seletor está igual a esse: .navigation__social a:hover

  • @Beto4y
    @Beto4y Год назад +1

    qual graduação para programar sites assim?

    • @leovargas
      @leovargas  Год назад

      Olá Roberto, não é necessário fazer uma graduação para desenvolver sites. O core do desenvolvimento(html, css, javascript), você consegue aprender de graça na internet ou com cursos pagos(udemy, alura, etc).

  • @shoxznXp
    @shoxznXp Год назад +1

    salve eu fiz tudo soq nao ficou igual teria como tu dar uma ajuda?

    • @leovargas
      @leovargas  Год назад

      claro! entra no nosso servidor do discord discord.gg/JPS2bY6GVy, manda a dúvida no canal #duvidas e eu te respondo lá

  • @joao21ded
    @joao21ded Год назад

    Alguem soluciona, Se eu desenvolver um site de series e colocar uma lista de episodios, vou ter que colocar o link do video em cada um dos episodios da lista ?, sendo assim vou ter que criar a pagina onde vai estar cada video? uma por uma ?

    • @leovargas
      @leovargas  Год назад

      Olá, teria duas abordagens:
      1 - Criar uma página onde vai receber o id do video, sem precisar criar uma página para cada episodio. Ex: Como é feito aqui no youtube, existe uma única tela para o video, oq muda é o id na url (ruclips.net/video/ID_DO_VIDEO/видео.html)
      2 - Abrir o vídeo em um modal, sem precisar mandar o usuário para outra página.

  • @victorlopes4023
    @victorlopes4023 Год назад

    Fiz exatamente o que vc disse porém meu código não muda em nada. Nem o chapéu nem as redes sociais sobem . Poderia ajudar? Não tenho git

    • @leovargas
      @leovargas  Год назад +1

      Olá Victor, me chama no discord e manda um print do seu código.
      DISCORD: leovargas

    • @victorlopes4023
      @victorlopes4023 Год назад

      @@leovargas vou chamar sim muito obrigado

  • @LucasRS_
    @LucasRS_ Год назад +1

    muito bom!

  • @raissapaiva6492
    @raissapaiva6492 Год назад

    a fonte do story, wallpapers não funcionou no meu, por que?

    • @leovargas
      @leovargas  Год назад

      Você lembrou de importar a sua class .background?

  • @DaviHenrique-y5z
    @DaviHenrique-y5z Год назад

    poxa na parte que ele copiar o background me quebra nao mostra de onde ele copia e nem mostra tudo

    • @leovargas
      @leovargas  Год назад

      Olá, se for sobre a sombra no vídeo de background, eu comento no minuto 04:58

    • @leovargas
      @leovargas  Год назад

      O valor copiado está nesse arquivo github.com/leovargasdev/youtube-site-mario/blob/master/info.txt

  • @isaacalberto7774
    @isaacalberto7774 Месяц назад

    top dms!!!

  • @vitoriayouipv
    @vitoriayouipv Год назад

    tem como me passar o código todo? pq eu não estou conseguindo fazer, não fica igual o seu...

    • @leovargas
      @leovargas  Год назад

      Olá Vitoria, você pode ver o código completo nesse link: github.com/leovargasdev/youtube-site-mario/tree/codigo-completo

    • @leovargas
      @leovargas  Год назад

      OBS: Sugiro você copiar somente em últimos casos, o interessante é você aprender sozinha os conceitos abordados.

  • @clemertoigo2171
    @clemertoigo2171 5 месяцев назад +1

    Vou ter que conversar contigo na academia kakaak tava começando, parei e to tentando voltar, vai que vc me da uma ajuda kaka

  • @raissapaiva6492
    @raissapaiva6492 Год назад

    como faço pra salvar o meu projeto e compartilhar?

    • @leovargas
      @leovargas  Год назад

      Olá Raissa, vc pode enviar o seu código para o Github

  • @RenanLoveYouBrawlStars
    @RenanLoveYouBrawlStars Год назад

    Qual o tema que está utilizando no vscode ?

    • @leovargas
      @leovargas  Год назад

      Opa, estou usando esse o: Palenight Theme
      marketplace.visualstudio.com/items?itemName=whizkydee.material-palenight-theme

  • @wandsgui
    @wandsgui Год назад +1

    Cara qual dica vc me da para começar o dever de casa e deixar o site responsivo sem perder esse toque de profisionalismo

    • @leovargas
      @leovargas  Год назад

      Opa Teodoro, você pode criar duas páginas e só mudar o conteudo central, reaproveitando o cabeçalho e o fundo. Sendo elas:
      1 - Página Wallpapers: listando as imagens do filme.
      2 - Página Trailer: Carregar o do trailer do filme.

    • @leovargas
      @leovargas  Год назад

      Sobre a responsividade, o importante é não deixar os elementos muito próximos e não quebrar o layout. Recentemente eu fiz um vídeo fazendo a responsividade de um site, se você quiser dar uma olhada, talvez de uma luz.
      Video: ruclips.net/video/E5vWiWLoRkM/видео.htmlsi=uvNnqffOp9sXvADU

    • @leovargas
      @leovargas  Год назад

      PSE: Desculpe a demora para responder :/

  • @DenyellPlayer
    @DenyellPlayer Год назад

    Não achei o código do background.css no repositório e não vi o código do vídeo linear gradiante sua web cam tampou o final

    • @leovargas
      @leovargas  Год назад

      Olá, o código foi disponibilizado no arquivo: github.com/leovargasdev/youtube-site-mario/blob/master/info.txt
      Eu faço um comentário no minuto 04:58

  • @adryell_mathias
    @adryell_mathias Год назад +1

    Uau cara, isso é javaScript?

    • @leovargas
      @leovargas  Год назад +1

      Olá Andryell, nesse vídeo só foi usado um código externo em Javacript para fazer as animações. E no resto do vídeo só foi usado HTML e CSS.

  • @miqueiassouza7346
    @miqueiassouza7346 Год назад +1

    Mano quais extensoes eu tenho que baixar no code para rodar
    estou quebrando muito a cabeça

    • @miqueiassouza7346
      @miqueiassouza7346 Год назад

      ps: estou programando a 1 semana

    • @leovargas
      @leovargas  Год назад

      Olá Miqueias, estou usando a extensão Live Server. Nesse video eu ensino a instalar e usar, link: ruclips.net/video/W2KPdh4F4t8/видео.htmlsi=7EL3oFRWndU8lYh4
      Avançar até o tempo 10:20

  • @Hebert.D
    @Hebert.D 9 месяцев назад +1

    Se vc vender curso, eu compro, irmão. Te juro.

    • @leovargas
      @leovargas  9 месяцев назад

      Vou pensar hahhaha muito obrigado!

  • @frankguitarr
    @frankguitarr Год назад

    Rapaz não consegui rsrs deu erro aqui mais pra frente tento de novo rsrs

  • @mrsagave
    @mrsagave 9 месяцев назад

    liiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiinda

  • @CarolRamiro-r9h
    @CarolRamiro-r9h 2 месяца назад

    Meu texto ficando assim
    Desse jeito
    aqui Desse
    jeito aqui
    Desse jeito
    aqui
    Em vez de:
    Desse jeito aqui, desse jeito
    Aqui, desse jeito aqui, desse jeito aqui
    Alguma solução?

  • @WillianDDaniel
    @WillianDDaniel Год назад +2

    bora aprender css

  • @nokami2160
    @nokami2160 8 месяцев назад

    Cara eu to conseguindo fazer, mas voce nao explica bem, pelo menos nao nesse video, voce n explica, voce so fala o nome das coisas e faz tudo muito rapido

    • @leovargas
      @leovargas  8 месяцев назад

      Opa, em qual parte você ficou com mais dúvida? posso lhe ajudar!

  • @eduardobuscoff7210
    @eduardobuscoff7210 Год назад +9

    Cuidado com o processo

  • @renansilva7760
    @renansilva7760 4 месяца назад

    Muito bom !

  • @pedrovictorpossani5673
    @pedrovictorpossani5673 8 месяцев назад

    Como que eu faço pra continuar o site abaixo dele (que ele ocupe apenas como "Banner")

    • @leovargas
      @leovargas  8 месяцев назад

      te respondi no outro comentário.