
Orlando Namba
Membro Júnior-
Posts
17 -
Cadastrado em
-
Última visita
Reputação
2-
CSS Quando coloco uma imagem, o tamanho da página aumenta.
Orlando Namba postou um tópico em Web e banco de dados
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; } -
CSS Não consigo colocar os tópicos no lugar correto
Orlando Namba respondeu ao tópico de Orlando Namba em Web e banco de dados
valeu mano, e valeu tambem por mandar o link de como colocar o código da forma correta. Tmjj -
CSS Não consigo colocar os tópicos no lugar correto
Orlando Namba postou um tópico em Web e banco de dados
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; } -
Placa-mãe A320M-K/BR suporta Ryzen 5 5600/X + RX 5500 XT?
Orlando Namba respondeu ao tópico de Orlando Namba em Placas-mãe
@1lokos beleza mano, brigadao pelas dicas -
Placa-mãe A320M-K/BR suporta Ryzen 5 5600/X + RX 5500 XT?
Orlando Namba respondeu ao tópico de Orlando Namba em Placas-mãe
@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? -
BIOS v5602 da placa-mãe A320M-K/BR suporta Ryzen 5 3600X?
Orlando Namba respondeu ao tópico de Gabriel Matos Teixeira em Placas-mãe
@bngomes poderia me ajudar em meu tópico por favor? -
Placa-mãe A320M-K/BR suporta Ryzen 5 5600/X + RX 5500 XT?
Orlando Namba postou um tópico em Placas-mãe
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? -
meu pc não reconhece toda a memória ram
Orlando Namba respondeu ao tópico de Orlando Namba em Memórias (RAM)
@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 -
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
-
Quais dessas fontes é a melhor opção?
Orlando Namba respondeu ao tópico de Orlando Namba em Fontes e energia
Ookok, obrigadoo -
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ááá!
-
Fonte PCYes! Electro V2 White 400W suporta Ryzen 3 2200G?
Orlando Namba respondeu ao tópico de Orlando Namba em Fontes e energia
@Crixus Champion O meu com tudo até com a fonte, saiu 1300 -
Fonte PCYes! Electro V2 White 400W suporta Ryzen 3 2200G?
Orlando Namba respondeu ao tópico de Orlando Namba em Fontes e energia
@Phoenyx Obrigadoo -
Fonte PCYes! Electro V2 White 400W suporta Ryzen 3 2200G?
Orlando Namba respondeu ao tópico de Orlando Namba em Fontes e energia
@Phoenyx Putzzz é mesmo kkkk, mas você pode me informar se a marca ´confiávell? -
Fonte PCYes! Electro V2 White 400W suporta Ryzen 3 2200G?
Orlando Namba postou um tópico em Fontes e energia
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