Ir ao conteúdo
  • Cadastre-se

GabrielSennaMs

Membro Pleno
 Perfil  Explorar Conteúdo

  • Posts

    335

  • Cadastrado em

  • Última visita

 Tipo de conteúdo 

Tudo que GabrielSennaMs postou

  1. GabrielSennaMs
    Para trabalhar com vendas online você terá que montar uma estrutura para o comprador e isso vai incluir cadastro, login, etc.. é montar uma estrutura dessa vai ser necessário um servido com e-commerce e montar um servidor com essa estrutura pode demorar um bom tempo, e você ainda tem que escolher entre diversas opções de linguagem para montar um servidor como php, java, python, javascript(node.js) e asp.net. @weallgetlostsometimes Bom se você já tem um conhecimento em java, você pode desenvolver o servidor em java. Caso escolha optar por usar php em seu servidor recomento o uso de uma framework, para facilitar o seu trabalho, a framework laravel é uma boa opção, mas isso não tira o fato de que você vai precisar estudar a linguagem a fundo para montar um servidor.
  2. GabrielSennaMs
    @MugenShion Você não necessita declara um tamanho para sua Body e sim para o elemento que você quer centralizar, depois você utilizar a propriedade margin: 0 auto; no elemento, assim centralizando ele dentro do Body.
  3. GabrielSennaMs
    O Max e Min são utilizados como limitadores eles vão limitar o tamanho do elemento, eles são utilizados para criar layout responsivos. Um exemplo para você entender sua funcionalidade: <html> <head> <style> div.ex1 { width:500px; margin: auto; border: 3px solid #73AD21; } div.ex2 { max-width:500px; margin: auto; border: 3px solid #73AD21; } </style> </head> <body> <p>Reduza a largura do navegador para para notar a diferenção</p> <br> <div class="ex1">Esse é o elemento com width: 500px;</div> <br> <div class="ex2">Esse é o elemento com max-width: 500px;</div> </body> </html>
  4. GabrielSennaMs
    @weallgetlostsometimes Bom o HTML só server para descreve a estrutura das páginas da Web usando marcação, assim os navegadores as usam para renderizar o conteúdo da página. Para colocar uma funcionalidade na sua página você terá que usar Javascript, o Javascript é a linguagem de programação do HTML e da Web.
  5. GabrielSennaMs
    @MugenShion Vou responder sua duvida com uma pergunta. Como você centraliza algo que não tem um tamanho definido?
  6. GabrielSennaMs
    @MugenShion É Isso ai
  7. GabrielSennaMs
    @MugenShion As propriedades margin no CSS são usadas para criar espaço ao redor de elementos, fora de qualquer borda definida. Com CSS, você tem controle total sobre as margens. Existem propriedades para definir a margem para cada lado de um elemento (superior(top), direita(right), inferior(bottom) e esquerda(left)). Existe dois meios de você adicionar a propriedade margem. O primeiro e o Margin - Individual Sides: O CSS tem propriedades para especificar a margem para cada lado de um elemento: margin-top: 5px; margin-right: 10px; margin-bottom: 15px; margin-left: 20px; O segundo e o Margin - Shorthand Property margin: 5px 10px 15px 20px; A propriedade margin é uma propriedade abreviada para as seguintes propriedades de margem individuais: - margin-top - margin-right - margin-bottom - margin-left Você pode usar a propriedade margin de quatro formas 1 - inserido todas as propriedades da margem em uma propriedade margin, para isso você deve seguir uma ordem. margin: 5px 10px 15px 20px; A ordem é top, right, bottom e left. 2 - Você pode abreviar a propriedade margin em 3 valores, porém as propriedades right e left da margem terá um valor igual, para isso ocorrer você deve seguir uma ordem. margin: 5px 30px 15px; A ordem é top, (right e left) e bottom 3 - Você pode abreviar ainda mais a propriedade margin colocando apenas 2 valores, porém as propriedades right e left terá o valor igual, e top é bottom, para isso ocorrer você deve seguir uma ordem. margin: 20px 30px; A ordem é (top e bottom) e (right e left). 4- Você pode abreviar as propriedade margin colocando apenas 1 valor, porém todos as propriedades vão ter os valores iguais. margin: 50px; Caso você queira utilizar a abreviação margin e queira alterar uma propriedade de margin depois, você pode usando uma propriedade margin individual sides. margin: 0 30px; margin-top: 5px; O valor 0 na propriedade vai servir mais com uma borracha, apagando o/s valor/es daquela/s propriedade/s. Apesar de nos exemplos eu só utiliza valores em px, existe diferentes tipos de valores que podem ser utilizados. Todas as propriedades de margem podem ter os seguintes valores: 1- auto - o navegador calcula a margem 2 - length - especifica uma margem em px, pt, cm, etc. 3 - % - especifica uma margem em % da largura do elemento contido 4 - inherit - especifica que a margem deve ser herdada do elemento pai
  8. GabrielSennaMs
    Bom isso aqui está errado <div style="margin: 0 auto; width="440px"">Caixa</div> O correto seria <div style="margin: 0 auto; width:440px; ">Caixa</div> Nesse caso você não declara a margem Horizontal, e declara que a margem vertical vai ser automática, isso é de acordo com o elemento pai, caso o elemento pai for o BODY ele vai se ajustar no centro da página, isso se você não fez nenhuma modificação no tamanho do BODY. Quando você define que a propriedade vai ser justify cada texto é esticado para que cada texto tenha largura igual e as margens esquerda e direita sejam retas (como em revistas e jornais), você pode colocar um novo paragrafo com o elemento p o texto dentro de p vai se esticado ate ficar ajustado, isso não vai alterar o tamanho do texto. Um exemplo para você ver a diferença de left para justify: <!DOCTYPE html> <html> <head> <style> .div1 { border: 1px solid black; padding: 10px; width: 200px; height: 200px; text-align: left; } .div2 { border: 1px solid black; padding: 10px; width: 200px; height: 200px; text-align: justify; } </style> </head> <body> <div class="div1"> In my younger and more vulnerable years my father gave me some advice that <p>I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p> </div> <div class="div2"> In my younger and more vulnerable years my father gave me some advice that <p>I've been turning over in my mind ever since. 'Whenever you feel like criticizing anyone,' he told me, 'just remember that all the people in this world haven't had the advantages that you've had.'</p> </div> </body> </html>
  9. GabrielSennaMs
    @MugenShion Vou fazer uma pequena correção da explicação do amigo @Adriano_web. O valor 0 na declaração da margin: 0 auto; Não significa 0px, significa que você não quer declarar aquele ou aqueles valores de margin.
  10. GabrielSennaMs
    @guhbrj Dá uma olha no tutorial de ajax no W3Schools
  11. GabrielSennaMs
    @Joao Kavalchuk O "Churrascômetro" do Epa tem uma funcionalidade e um proposito diferente, antes de você tenta implementar um "Churrascômetro" no seu site, você deve ter certeza da funcionalidade que você quer implementar.
  12. GabrielSennaMs
    @arnaldobecca Cara eu acho que não existe um plugin proto para isso, é possível criar um? é, porém você vai ter que ter um conhecimento em desenvolvimento web com php e experienciar com Wordpress para fazer isso. Recomento você a procurar um desenvolvendo para fazer isso.
  13. GabrielSennaMs
    Bom o npm é um gerenciador de pacotes, quando você pede para ele instalar um pacote, ele automaticamente começa a baixar os arquivos do pacote, esses arquivos ficam salvos na pasta "node_modules", essa pasta fica onde você executou o comando npm, como ele é um gerenciador de pacotes ele usa o arquivo package.json como base para gerenciar os pacotes e seu projeto. O comando npm install @material é incorreto, esse comando somente é usado para baixa pequenas partes do material design e ele deve ser complementado com / e o nome da parte desejada. Exemplo: npm install @material/button Se você deseja baixar o material design completo, Recomento você a usar o comando: npm install material-components-web Para adicionar ele a sua página, entre na pasta "node_modules" depois em "material-components-web" depois em "dist", dentro dessa pasta você vai encontra os arquivos do material design como os arquivos reduzido(.mim) e os arquivos não reduzidos e os arquivo de mapa, depois é só adicionar o link para essa pasta ou copiar os arquivos desejados, recomendo você a copiar os arquivos "material-components-web.min.css" e "material-components-web.min", o resto você não vai usar. Você também pode usar o CDN para adicionar o material design na sua página web, sem a necessidade de usar o npm. <link href="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.css" rel="stylesheet"> <script src="https://unpkg.com/material-components-web@latest/dist/material-components-web.min.js"></script>
  14. GabrielSennaMs
    Bom você pode usar Flex-box ou CSS Grid para posicionar os elemento corretamente, vou passar um exemplo de como fazer uma grid simples. <!DOCTYPE html> <html> <head> <title>RWD GRID</title> <style type="text/css"> .box{ padding: 15px; border: red 3px solid; } .row::after { content: ""; clear: both; display: table; overflow: hidden; } [class*="col-"]{ float: left; } /* Para Desktop: */ .col-1 {width: 8.33%;} .col-2 {width: 16.66%;} .col-3 {width: 25%;} .col-4 {width: 33.33%;} .col-5 {width: 41.66%;} .col-6 {width: 50%;} .col-7 {width: 58.33%;} .col-8 {width: 66.66%;} .col-9 {width: 75%;} .col-10 {width: 83.33%;} .col-11 {width: 91.66%;} .col-12 {width: 100%;} @media only screen and (max-width: 560px) { /* Para Celular */ [class*="col-"]{ width: 100%; } } </style> </head> <body> <div style="max-width: 1000px; margin: 0 auto;"> <div class="row"> <div class="col-9"> <div class="box"> LEFT </div> </div> <div class="col-3"> <div class="box"> RIGHT </div> </div> </div> </div> </body> </html> Esse exemplo tem base no Tutorial da W3Schools.
  15. GabrielSennaMs
    Você tem outras maneiras de alinhar o conteúdo, você pode usar Flex-Box ou CSS Grid para isso. E utilizar o "left" para alinhar o conteúdo vai deixar sua página quebrada.
  16. GabrielSennaMs
    @Eduardo GarrixEssa sua class "ladodireito" está aplicando um "left: 70%", remove isso é o Scroll vai sumir. Você deve adicionar o Overflow no seu BODY ele é o responsável pelo scroll da página. overflow-x: hidden; Utilize o overflow-x para remover somente o scroll horizontal
  17. GabrielSennaMs
    @Eduardo Garrix Vai ser necessário mais informação da sua página para poder te ajudar, porém você pode usar "Overflow" no seu BODY ou no elemento que está criando o scroll. Aqui tem um Tutorial de como usar Overflow
  18. GabrielSennaMs
    @Natanael Marrafon Rocha O que está acontecendo é o colapso de margem, as margens superior e inferior dos elementos às vezes são recolhidas em uma única margem que é igual à maior das duas margens. Nesse caso para evitar que a margem do '#container" entre em colapso com a margem do "#titulo" você pode usar o overflow: hidden; no "#container". Você também pode usar no "#container" display: inline-block; Porém com isso a margem automática não vai funcionar. Para ganhar espaço no topo da DIV amarela você também pode usar padding-top no "#container".
  19. GabrielSennaMs
    @MugenShion Nesse caso sim, foi o texto que mudou sua posição, a posição do background e modificada de acordo com o background-position. Em relação a quando usar margin e padding isso só vai depender de você. Um exemplo seria: Você tem dois Botões e quer aumentar eles sem alterar o tamanho da fonte e nem definir um tamanho padrão, nesse caso você pode adicionar um padding, porém você percebe que esses Botões estão muito próximo um do outro, nesse caso você pode adicionar uma margin.
  20. GabrielSennaMs
    O background não é afetado pelo padding ou margin pro padrão ele vai cobrir todo o elemento
  21. GabrielSennaMs
    Bom utilizando o código HTML que você passo, eu consegui de boa usar os componentes do material design. Como eu havia comentado antes se você utiliza a ferramenta de desenvolvimento Boostrap, pro qual motivo você vai usar o material design.
  22. GabrielSennaMs
  23. GabrielSennaMs
    Provavelmente você está tendo problemas com o tamanho da imagem em relação ao tamanho do elemento que vai receber a imagem de background. Você já usou uma propriedade chamada size? com ela você pode força um tamanho único para a imagem de fundo. background-size: 100% 100%; É bom você olha o tutorial da W3School sobre background.
  24. GabrielSennaMs
    Bom o background vai cobrir todo o fundo do elemento ele não é afetado pelo padding, porém os elementos internos sim, como o texto.
  25. GabrielSennaMs
    O "churrascômetro" do Epa é feito em JS(javascript), se você tiver um conhecimento intermediário em JS(javascript), você consegue fazer isso de boas. Caso você não tenha nenhuma noção de javascript e desenvolvimento web, manda uma mensagem a e que eu posso te ajudar.

Sobre o Clube do Hardware

No ar desde 1996, o Clube do Hardware é uma das maiores, mais antigas e mais respeitadas comunidades sobre tecnologia do Brasil. Leia mais

Direitos autorais

Não permitimos a cópia ou reprodução do conteúdo do nosso site, fórum, newsletters e redes sociais, mesmo citando-se a fonte. Leia mais

Mais

×
×
  • Criar novo...

Ebook grátis: Aprenda a ler resistores e capacitores!

EBOOK GRÁTIS!

CLIQUE AQUI E BAIXE AGORA MESMO!