Jump to content

jcvlanova

Members
  • Content count

    5
  • Joined

  • Last visited

Community Reputation

0 Comum

About jcvlanova

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. jcvlanova

    menu no bootstrap

    olhei mas não ajudou muito. Na verdade eu tentei usar o dropdown e por alguma razão ele expande quando clico mas não volta, não retrai quando clico novamente. e não sei como resolver
  2. jcvlanova

    menu no bootstrap

    galera, criei esse menu drop down usando o BootStrap, ocorre que ao clicar a primeira vez ele se expande normal, mas quando clico novamente o bicho não retrai. Outro problema que não consigo resolver e que o campo BUSCAR não era para ficar ai mas sim na lateral direita. Como resolvo esses dois problemas ????? Me ajuda ai pessoal. Olha ai o meu html <!doctype html> <head> <title>Componentes</title> <meta charset="utf-8"> <!-- CSS --> <link href="public/css/bootstrap.min.css" rel="stylesheet"> </head> <body> <nav class="navbar fixed-top bg-danger navbar-dark"> <button class="btn dropdown-toggler" type="button" data-toggle="dropdown" data-target="#menu"> <span class="navbar-toggler-icon"></span> </button> <a href="#" class="navbar-brand">LOGO</a> <!-- links --> <div id="menu" class="dropdown-menu"> <a class="dropdown-item" href="#">Home</a> <a class="dropdown-item" href="#">Quem somos</a> <a class="dropdown-item" href="#">Serviços</a> <a class="dropdown-itm" href="#" id="menu_dropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Sites</a> <div class="dropdown-menu2"> <a href="http://meumundo.com" class="dropdown-item">meumundo</a> <a href="http://M!dium.com.br" class="dropdown-item">M!dium</a> </div> <a class="nav-link" href="#">Fale conosco</a> <form class="form-inline"> <div class="input-group"> <input type="text" placeholder="Buscar" name="buscar" class="form-control input-group-prepend"> <input type="submit" class="btn btn-success input-group-append"> </div> </form> </div> </nav> <footer> <!-- JS --> <script src="public/js/jquery.js"></script> <script src="public/js/bootstrap.bundle.min.js"></script> </footer> </body> </html> Valeu
  3. Galera, dei uma olhada no Site https://www.fastly.com/ e percebi que a página é estruturada com linhas curvas que circundam os tópicos da página, alguém saberia me dizer como é possível fazer essas linhas curvas numa página html ???
  4. Galera, dei uma olhada no Site https://www.fastly.com/ e percebi que a página é estruturada em tópicos circundados, divididos por uma espécie de caixas, boxes formados por linhas e curvas, alguém saberia me dizer como é possível fazer essas linhas curvas uma página html ???
  5. jcvlanova

    menu prsonalzado no bootstrap

    Galera, gostaria de saber se e possivel colocar no NavBar do Boostrap o icone do menu tipo sanduiche, de tal forma que o menu vertical ou horizontal somente fosse mostrado quando clicado no icone sem necessariamente expandir o height do Navbar? Desculpem a ignorancia. Mas os exemplos que vi são sempre usando a função collapse da class navbar collapse. Isso faz com que o menu (horizontal ou vertical), esteja sempre visivel e o botao só apareça quando voce diminui o tamanho da tela, que é quando o menu fica oculto. Quando isso acontece, o NavBar é expandido. Não é isso que quero. Quero o Navbar com altura fixa de 140 px sempre, com o botao tipo sanduiche a esquerda meu logo no centro e um campo de busca a direita. Ao clicar no botão os menus seriam mostrados normalmente. Consigo fazer isso com o css, sem usar o Bootstrap, mas nao é isso que quero. Alguem pode me ajudar ? Meu código está assim : <div class="navbar navbar-secondary navbar-dark"> <button class="navbar-toggler" data-toggle="collapse" data-target="#menu"> <span class="navbar-toggler-icon"></span> <a href="#" class="navbar-brand"><img src="/imagens/LogoJornal.png"> Aqui entra os itens de menu: <div id="menu class="collapse navbar-collapse"> <ul class="navbar-nav"> <li class="nav-item active"> <a class="nav-link" href="Home"> </li> <li class="nav-item active"> <a class="nav-link" href="Principal"> </li> ... </ul> <form class="form-inline"> <input type="''text" placeholder="Buscar" name="buscar" class="form-control"> <input type="submite" class="btn btn-outline"> </button>
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.