Ir ao conteúdo

Orlando Namba

Membro Júnior
  • Posts

    17
  • Cadastrado em

  • Última visita

Reputação

2
  1. Eae galerinha, beleza? To dando uma curiada em HTML e CSS, para futuramente fazer um portfólio para mim. Dividi meu site em 5 páginas (de rolagem), quando cheguei na parte que seria o sobre mim, quando coloco a imagem que eu quero, o tamanho da página aumenta. Mesmo eu colocando a imagem em um lugar que ao meu ver não deveria atrapalhar. Nos prints, o vermelho representa uma pagina e o rosa outra. Vou deixar abaixo o código HTML e CSS. <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"> <link rel="stylesheet" href="/css/style.css"> <title>Portfólio | Orlando Namba - Desenvolvedor Full-Stack</title> </head> <body> <header> <div class="center"> <div class="logo">onamba.</div> <div class="menu"> <a href="" target="_blank">Inicio</a> <a href="" target="_blank">Sobre Mim</a> <a href="" target="_blank">Habilidades</a> <a href="" target="_blank">Projetos</a> <a href="" target="_blank">Contato</a> </div> </div> </header> <div class="social-midia"> <a href=""><img src="/img/icon-LinkedIn.png"></a> <a href=""><img src="/img/icon-GitHub.png"></a> <a href=""><img src="/img/icon-Instagram.png"></a> </div> <main> <section class="page1"> <div class="center"> <div class="texto-apresentacao"> <h1>Seja Bem Vindo!<br>Meu nome é Orlando Namba <br>Sou Desenvolvededor tananana</h1> <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Beatae libero alias sequi maiores cumque est natus repudiandae laudantium temporibus ut ducimus, eveniet molestiae consequuntur? Eveniet enim atque reprehenderit deserunt earum.</span><span><br>dsa dasdasdasds ds<span style="color: coral;">Python, Java, SQL, HTML, CSS e JavaScript</span>. Lorem ipsum dolor sit amet consectetur adipisicing elit. Omnis impedit cupiditate illum cumque ut delectus aut et fugiat odit iure, asperiores, labore quos modi voluptatibus nobis ex beatae eaque molestiae?<br></span></p> <button>Serviços Oferecidos</button> </div> </div> </section> <section class="page2"> <div class="center"> <div class="texto-sobre-mim"> <h2>Sobre Mim</h2> <p> <span class="paragrafo1">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem aut a asperiores incidunt, animi delectus eveniet illo pariatur, ab reiciendis obcaecati, quasi ad deserunt necessitatibus quia. Dolorum error quos nesciunt.<br><br></span> <span class="paragrafo2">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem aut a asperiores incidunt, animi delectus eveniet illo pariatur, ab reiciendis obcaecati, quasi ad deserunt necessitatibus quia. Dolorum error quos nesciunt.<br><br></span> <span class="paragrafo3">Lorem ipsum dolor sit amet consectetur adipisicing elit. Rem aut a asperiores incidunt, animi delectus eveniet illo pariatur, ab reiciendis obcaecati, quasi ad deserunt necessitatibus quia. Dolorum error quos nesciunt.<br><br> </span> </p> <div class="minha-foto"> <img class="calleri" src="img/calleri.png"> </div> </div> </div> </section> <section class="page3"> <div class="center"> <div class="texto-habilidades"> <h2>Minhas Habilidades</h2> <p> Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque recusandae error enim ipsam ullam vel minus, est iusto iure, voluptate qui inventore soluta natus ducimus quos assumenda illo deleniti harum! </p> </div> </div> </section> <section class="page4"> <div class="center"> <div class="projetos"> <img src="/img/github_logo.png"> </div> </div> </section> <section class="page5"> <div class="center"> <div class="contato"> # </div> </div> </section> </main> <script src="/javascript/scripts.js"></script> </body> </html> CSS ABAIXO: *{ margin: 0; padding: 0; box-sizing: border-box; font-family: Verdana, Geneva, Tahoma, sans-serif; } .center{ display: flex; flex-wrap: wrap; max-width: 1280px; margin: 0 auto; padding: 0 2%; } .logo{ width: 50%; font-size: 30px; margin-top: 21px; } .menu{ width: 50%; text-align: right; margin-top: 30px; } .menu a{ color: bisque; text-decoration: none; font-weight: bold; margin-right: 15px; } .social-midia{ position: absolute; right: 75px; top: 110px; } .social-midia img{ display: block; width: 40px; margin: 30px 0; } body{ background-color: black; color: bisque; } section{ display: grid; place-items: center; align-items: center; min-height: 100vh; } h2{ text-align: center; font-size: 50px; } p{ font-size: 20px; } .page1{ background-color: RGB(0, 0, 0); } .texto-apresentacao{ } .texto-apresentacao h1{ font-size: 50px; } .texto-apresentacao p{ margin: 50px 0; font-size: 20px; } .texto-apresentacao button{ border: 0; background-color: coral; color: white; border-radius: 10px; width: 100px; height: 50px; } .page2{ background-color: RGB(168, 11, 11); } .texto-sobre-mim{ border: solid 1px greenyellow; } .texto-sobre-mim h2{ margin-top: 30px; } .texto-sobre-mim p{ border: solid 1px blanchedalmond; width: 60%; margin: 90px 0; text-align: justify; position: absolute; position: relative; } .calleri{ border: solid 1px black; max-width: 350px; height: 350px; position: absolute; position: relative; right: -770px; top: -500px; } .page3{ background-color: crimson; } .page4{ background-color: RGB(57, 20, 220); } .page5{ background-color: chocolate; }
  2. valeu mano, e valeu tambem por mandar o link de como colocar o código da forma correta. Tmjj
  3. Bom noite, estou começando a programar a algumas hora e já me deparei com a primeira dificuldade kkkkk. Como eu faço para colocar o: "Início, Quem Somos?, Posts e Contato" mais pra cima?? Vou colocar os códigos digitados até o momento (o HTML e o CSS): index.html <html> <head> <link rel="stylesheet" type="text/css" href="./css/main.css"> <title>Beber Comer e Amar</title> </head> <body> <header class="menu-principal"> <main class="col-100"> <div class="header-1"> <div class="logo"> <img src="./img/BCA Logo.png" /> </div> <div class="redes-sociais"> <ul> <li><a href=""><img src="./img/faceiconesite1.png" alt=""></a></li> <li><a href=""><img src="./img/instaiconesite1.png" alt=""></a></li> </ul> </div> </div> </main> </header> <main> <div class="header-2"> <div class="menu"> <ul> <li><a href="">Início</a></li> <li><a href="">Quem Somos?</a></li> <li><a href="">Posts</a></li> <li><a href="">Contato</a></li> </ul> </div> </div> </main> </body> </html> main.css body { width: 100%; height: 100%; margin: 0 auto; font-family: 'Roboto Condensed', sans-serif; } .menu-principal { background-color: #e0e1e2; height: auto; } main { margin: 0 auto; width: 980px; position: relative; } .logo { float: left; padding: 16px; width: 10px; } .redes-sociais ul li{ margin-left: 15px; display: inline-block; float: left; list-style: none; } .redes-sociais { width: 200px; float: right; margin-top: 6%; } .menu ul li { display: inline-block; color: #da0024; margin-left: 30px; } .menu ul li a { color: #da0024; text-decoration: none; font-size: 18px; text-transform: uppercase; } .col-100 { width: 100%; float: left; position: relative; }
  4. @1lokos beleza mano, brigadao pelas dicas
  5. @1lokos beleza obrigado mano, mas só uma dúvida, o que acontece se eu usar um pendrive não muito qualificado?? E a minha fonte, ela aguenta o R5 5600 + RX5500XT mesmo sendo 400w?
  6. @bngomes poderia me ajudar em meu tópico por favor?
  7. Estou querendo fazer esse upgrade de processador junto com uma placa RX 5500XT (tudo pela aliexpress), mas não sei se minha placa-mãe aguentaria, por pelo menos 1 ou 2 meses. Se caso ela não aguentar, qual seria a indicada, será que teria alguma abaixo de R$ 500,00? OBS: minha fonte é uma GIGABYTE PW400 80Plus de 400W, será que esse upgrade ficaria pesado para ela?
  8. @ramses.frs Obrigadoo, deve ser isso mesmo adicionado 1 minuto depois @.Solutionn. Eu vou comprar mais uma memória essa semana ainda, eu planejava fazer 2x8 para ficar 16gb, Obrigadooo!! adicionado 1 minuto depois @ramses.frsObrigado de novooo, hehe. Vou comprar mais uma memória de 8GB para fazer o dual Channel
  9. Recentemente montei um PC do 0, e comprei uma memória RAM de 8GB DDR4 e a placa mão também é DDR4. Porém quando eu abro as config do PC aparece que eu só tenho 5,94 de memória RAM instalada, já fiz o procedimento do "msconfig" mas o máximo que consigo colocar é "6144", alguém me ajude por favorrr
  10. Ookok, obrigadoo
  11. Estou montando um PC, e gostaria de saber se essas fontes são boas e confiáveis. Gostaria de saber também qual dessas é a melhor opção, me recomendem também uma fonte boa e de baixo preço. Fonte 1: Fonte Gigabyte 400W 80 Plus White - GP-PW400 Fonte 2: Fonte One Power 500W - MP500W3-I Fonte 3: Fonte Epic Power 550W - FT550WEP Fonte 4: Fonte Aerocool 400W 80 Plus White KCAS Configurações do PC: placa-mãe: Placa-Mãe Asus Prime A320M-K/BR, AMD AM4, mATX, DDR4 Vou colocar duas dessas Memórias RAM: MEMORIA CRUCIAL BALLISTIX SPORT 8GB (1X8) DDR4 2666MHZ VERMELHA, BLS8G4D26BFSEK HD: É um HD de 1TB Processador: Processador AMD Ryzen 3 2200G, Cooler Wraith Stealth, Cache 6MB, 3.5GHz (3.7GHz Max Turbo), AM4 - YD2200C5FBBOX Obrigado desde jááá!
  12. @Crixus Champion O meu com tudo até com a fonte, saiu 1300
  13. @Phoenyx Putzzz é mesmo kkkk, mas você pode me informar se a marca ´confiávell?
  14. Estou montando um PC para jogos e preciso saber se essa fonte suporta essas configurações, ou se tem alguma confiável e mais em conta.. Fonte que preciso saber: https://www.kabum.com.br/produto/98807/fonte-pcyes-400w-80-plus-white-elv2whpto400w Processador: AMD Ryzen 3 2200G, Cooler Wraith Stealth, Cache 6MB, 3.5GHz (3.7GHz Max Turbo), AM4 ( https://www.kabum.com.br/produto/94723/processador-amd-ryzen-3-2200g-cooler-wraith-stealth-cache-6mb-3-5ghz-3-7ghz-max-turbo-am4-yd2200c5fbbox/?tag=ryzen ) São duas Memória RAM dessa: Memória Crucial Ballistix Sport LT, 4GB, 2666MHz, DDR4, CL16 ( https://www.kabum.com.br/produto/102518/memoria-crucial-ballistix-sport-lt-4gb-2666mhz-ddr4-cl16-cinza-bls4g4d26bfsb) placa-mãe: Placa-Mãe Asus Prime A320M-K/BR, AMD AM4, mATX, DDR4 ( https://www.kabum.com.br/produto/93427/placa-mãe-asus-prime-a320m-k-br-amd-am4-matx-ddr4) OBS: Já tenho um HD de 1TB, Leitor de CD e Gabinete OBS Parte 2 hahaha: Essa vai ser a primeira vez que não compro PC montado no Walmart kkkkk

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

×
×
  • Criar novo...

LANÇAMENTO!

eletronica2025-popup.jpg


CLIQUE AQUI E BAIXE AGORA MESMO!