Ir ao conteúdo
  • Cadastre-se

Allan47

Membro Júnior
 Perfil  Explorar Conteúdo

  • Posts

    18

  • Cadastrado em

  • Última visita

 Tipo de conteúdo 

posts postados por Allan47

    Caixa do menu escondida

    em Web e banco de dados

    Postado

    Bom, eu queria fazer o seguinte: deixar um dos itens do menu com mais opções para selecionar ao clicar em cima (dropdown), e ao mesmo tempo quero que este item entre na class que criei para os itens do menu, consegui fazer isto, porém agora quando aparece a caixa de opções, ela some no background, só fica visivel na barra do menu. Coloquei o tal de z-index porém não funcionou. Também quero saber se há outra forma de mover a caixa de opções  para que ela fique abaixo do item, ao invés de utilizar "top, left ou right"  no css. Vou colar abaixo as linhas de codigo que estou utilizando no site. 😁

     

    HTML:

      

    <!DOCTYPE html>
<html style="background:gray">
<head>
  <link rel="stylesheet" type="text/css" href="menu.css">
  <link rel="stylesheet" type="text/css" href="dropdown.css">
</head>
                  
  <body>
    <div class="navbar">
  <a a href="home.html">Home</a>
    <a a href="#social">Social Networks</a>
  <a onclick="myFunction()" class="dropbtn">Playlists</a>
  <div id="myDropdown" class="dropdown-content">
      <a target="blank" href="https://www.youtube.com/playlist?list=PLPeCuZsiWVp9UE-paCtFnKad2X0DlBSB8">Rock</a>
  </div>
</div>
  
      
<script>
/* When the user clicks on the button, 
toggle between hiding and showing the dropdown content */
function myFunction() {
  document.getElementById("myDropdown").classList.toggle("show");
}
// Close the dropdown if the user clicks outside of it
window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {
    var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns;
      if (openDropdown.classList.contains('show')) {         openDropdown.classList.remove('show');       }     }   } } </script>                </body> </html>

     

     

    CSS item com mais opções:

      

    • .dropbtn {
  background-color: #3498DB;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}
.dropbtn:hover, .dropbtn:focus {
  background-color: #2980B9;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-content {
  display: none;
  position: absolute;
  left:200px;
  top: 40px; 
  background-color: #f1f1f1;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}



 

CSS  menu:

 

 body {margin:0;}
   .navbar {

    overflow: hidden;
    background-color: #FCFBFB;
    position: fixed;
    top: 0;
    width: 100%;
   }
   .navbar a{
    float: left;
    display: block;
    color: #3B1818;
    text-align: center;
    padding: 16px 20px;
    text-decoration: none;
    font-size: 20px;
    font-family: "Comic Sans MS", cursive, sans-serif;
   }
  .navbar a:hover {
    background: #ddd;
    color: black;
  }
  .main{
    padding: 16px;
    margin-top: 30px;
    height: 1500px;
}

 

       

     

    image.thumb.png.5136323d04b4f37b98a1dd84e591c9ff.png

     

    Instalação de SSD sem retirar HD

    em HD, SSD e NAS

    Postado

    agora, Seagate disse:

     

    Sim, isso é correto, é melhor fazer uma nova instalação apenas com um dispositivo de armazenamento conectado, o que ajuda muito às vezes, porque várias pessoas me disseram que tiveram experiências ruins instalando quando instalam o Windows e têm dois discos conectados ao mesmo tempo . Melhor fazer isso apenas com um disco conectado para estar no lado seguro.

    Obrigado pela ajuda!

    Configuração até R$ 3.000,00

    em Montagem e upgrade de computadores de mesa

    Postado

    Olá :D  

     

    Abri esse tópico para pedir ajuda a vocês.... Estou tentando montar um computador para jogos não muito pesados, porém queria saber se não vai haver algum problema entre as peças que escolhi, e se vale a pena pegar alguma peça diferente das que escolhi. Segue abaixo as config:

     

     

    Placa de Vídeo VGA PCYes NVIDIA GeForce GTX 750 Ti 2GB DDR5 128Bits - PPV750TI12802D5

     

    HD Toshiba SATA 3.5´ P300 1TB 7200RPM 64MB Cache SATA 6.0Gb/s HDWD110XZSTA

    Processador Intel Pentium G4560 Kaby Lake, Cache 3MB, 3.5Ghz, LGA 1151, Intel HD Graphics 610 BX80677G4560

    Placa-Mãe GIGABYTE p/ Intel LGA 1151 mATX GA-H110M-S2PH 2xDDR4 32GB, HDMI, USB3.1 Ger1, Portas Paralela e Serial para Automação (COM e LPT)

     

    Memória Kingston HyperX FURY 8GB 2666Mhz DDR4 CL16 White - HX426C16FW2/8

     

    Fonte Corsair 500W 80 Plus White VS500 - CP-9020118

     

    Agradeço desde já !!

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!