jcvlanova
-
Total de itens
5 -
Registro em
-
Última visita
Tudo que jcvlanova postou
-
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
-
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
-
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 ???
-
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 ???
-
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>