Respostas interessantes marcadas com a tag

6 votos

Menu Centralizado

Como disse no comentário, usar a tag center do html é perca de tempo, totalmente desnecessário e outras coisas. Vamos organizar todos os alinhamentos pelo css. Prefiro não usar ul li para fazer menu, ...
João Victor Gomes Moreira's user avatar
5 votos
Aceito

Abrir e Fechar div usando o mesmo botão com JavaScript

Já tentou usar slideToggle? $('#hamburger').on('click', function() { $('#menu').slideToggle('slow'); }); $('.menu-link').each(function() { $(this).on('click', function() { $('#menu'...
Steve Angello's user avatar
5 votos

Menu lateral em Angular

Isso que você quer fazer é um "link interno", usando o elemento <a href="#id">vai para id</a> junto a outro elemento que possua seu identificador correspondente ao da tag <a>, ...
Lucas Fontes Gaspareto's user avatar
5 votos
Aceito

Menu Lateral do Bootstrap desconfigurado na versão mobile

Vamos lá vou tentar te ajudar.... o Bootstrap 3 é rigoroso com o uso correto das classes que determinam o tamanho da coluna da grade, Posso esclarecer dúvidas sobre isso em outra oportunidade, mas a ...
Aloiso Gomes's user avatar
5 votos
Aceito

Como fechar menu clicando fora ou em qualquer parte da página?

Vc pode ao mesmo tempo que abre a sidebar tb "abrir" um elemento por traz da sidebar que vai cobrir a tela inteira e vai servir para fechar o menu caso seja clicado. Eu chamei esse elemento de ....
hugocsl's user avatar
  • 66,7mil
5 votos

como deixa o fundo branco do dropdown

O problema é que a tag header está com opacidade definida para "0.6". Como você está mexendo na opacidade do elemento "pai" (header), a propriedade "opacity" afeta todos os elementos que estiverem ...
Ricardo Pereira Dias's user avatar
4 votos
Aceito

Como reposicionar barra de menu abaixo do cabeçalho?

Este tema - temabase_mLuv1.1, parece ser um tema personalizado, que alguém criou "para si mesmo" e que não o listou como disponível nos repositórios Wordpress ou em plataformas para venda de Temas ...
Chun's user avatar
  • 7.536
4 votos

Construir menu circular em css

Fiz este exemplo abaixo me baseando neste código. Acredito estar bem próximo do que precisa. O que vai ter que mudar é o menu 5 para ter uma imagem de background e não cor. ul.menu { margin: ...
Bruno Rigolon's user avatar
4 votos

Menu responsivo usando Bootstrap

Como você pode ver no exemplo abaixo, o menu Hamburger está lá, acontece que o seu Css estava sobrescrevendo o do Bootstrap. Existem algumas classes que podem te ajudar a estilizar sem precisar mexer ...
LeAndrade's user avatar
  • 8.991
4 votos

Encaixar li:hover no DropDown Menu

Vc precisa declarar um border-radius especial apenas para o primeiro e último filho de cada sub menu, para isso vc pode usar first-child e last-child, sendo que o primeiro filho só tem border-radius ...
hugocsl's user avatar
  • 66,7mil
3 votos

Scroll To negativo ou no final da ancora

Pode subtrair a altura do header à animação do scroll. EXEMPLO aqui, só pus clientes neste caso. Desta maneira pode tirar o padding-top em cada secção que colocou por esse motivo $('header ul a').on('...
Miguel's user avatar
  • 29,4mil
3 votos
Aceito

Bootstrap Navbar Fixed Top sobrepondo o slider carousel

Cara, pra usar o Navbar-Fixed-Top precisamos atribuir um valor de padding pro elemento body, pois o Navbar no CSS fica como "position: fixed", e com esse atributo, ele não tem influência nos outros ...
Rafael Grilli's user avatar
3 votos
Aceito

Dropdown Bootstrap não funciona

Não funciona porque você adicionou o menu dropdown fora do elemento li. Basta inserí-lo que funcionará perfeitamente. <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min....
Woss's user avatar
  • 76,7mil
3 votos

Erro com função interativa de menu quando corre código em bloco

Rodar o código em bloco é a mesma coisa que mandar interativamente comandos para o console. Dessa forma, quando você roda o código em bloco, o R vai achar que a linha logo após menu() é a resposta ...
Carlos Cinelli's user avatar
  • 17,2mil
3 votos
Aceito

Construir menu circular em css

você pode fazer da seguinte forma. O segredo é conseguir lidar com os transform: rotate e os position #container { width: 600px; height: 400px; box-sizing: content-box; padding: ...
Tobias Mesquita's user avatar
  • 23,1mil
3 votos
Aceito

Como deixar o menu selecionado ativo com jquery?

Podes fazer isso no PHP, adicionando a classe, ou fazer em JS verificando o location.search e procurando o link que lhe corresponde. $('.item-menu').click(function(e) { $('.item-menu')....
Sergio's user avatar
  • 135mil
3 votos
Aceito

Bootstrap navbar fechar

No Bootstrap 4 (conforme especificado na pergunta, mas deve funcionar em versões anteriores recentes) o menu se fechará ao clicar em um item na lista do menu, com o seguinte escutador jQuery: $(".nav-...
Meu ovo's user avatar
  • 80,6mil
3 votos
Aceito

como ocultar um item no menu

Basta tu instanciar o menu: Menu menu = navView.getMenu(); e setar o atributo visible menu.findItem(R.id.my_item).setVisible(false); Já o erro unreachable statement se dá a algum erro de lógica ...
LMaker's user avatar
  • 917
3 votos
Aceito

Tenho um menu fixo, como fazer ancoragem (#links internos) ficarem abaixo do menu?

Percebi alguns problemas no código: 1º. Ao usar o animate do jQuery com âncoras, não use name="alvo"; use id="alvo". Portanto altere tudo que tiver name="alvo" para id="alvo" (ex., name="datas" para ...
Meu ovo's user avatar
  • 80,6mil
3 votos
Aceito

Conteúdo sobrepõe o menu fixo ao rolar a página

Guilherme o seu conteúdo já está por traz do header, o problema é que o header não tem Cor de background, ai fica parecendo que um está por cima do outro, mas não está! Veja o exemplo, só coloquei ...
hugocsl's user avatar
  • 66,7mil
3 votos

Como fazer textos ocultos aparecerem ao expandir um menu

Segue uma opção feita apenas com CSS. Essa resposta apenas contem alguns elementos e estilos que podem te ajudar. Vc precisa ver a melhor forma de adaptar seu conteúdo dentro dos collapses para eles ...
hugocsl's user avatar
  • 66,7mil
3 votos
Aceito

Como fazer o efeito do menu fixo do Youtube Music

Essa imagem mostra um app, e essa é uma característica do iOS que pode ser facilmente obtida na linguagem ObjectiveC. Pesquisei algo semelhante em Javascript, mas não encontrei. Então topei o desafio ...
gcpdev's user avatar
  • 218
3 votos

Menu responsivo usando Bootstrap

É o seguinte, vc deixou de usar as classes de cor originais do Bootstrap, tipo navbar-light ou navbar-dark, assim como o bg-light ou bg-dark etc, por isso o seu button não aparece, pois só aplica a ...
hugocsl's user avatar
  • 66,7mil
3 votos
Aceito

Vue Menu com submenu vindo de json

Consegui, Segue como fiz a estrutura no v-for: <ul> <li v-if = "info != null" v-for="(item, key, index) in info.data"> <p>-- {{key}} --</p> <span v-if = "info != ...
Henrique Buzin's user avatar
3 votos

Encaixar li:hover no DropDown Menu

Em vez de usar :hover, defina as bordas como padrão para os elementos. Já economiza um evento no CSS. Para isso, utilize o sinal > (elementos filhos diretos) e o :not(:first-child) na ul para ...
Meu ovo's user avatar
  • 80,6mil
3 votos
Aceito

Mudar a cor da barra de rolagem com menu vertical

Exemplo de CSS de como é feita a customização: /* width */ ::-webkit-scrollbar { width: 20px; } /* Track */ ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px grey; border-radius: 10px; } ...
Sumback's user avatar
  • 518
3 votos

nao consigo usar :checked

Motivos de não estar funcionando: seu input tem o ID "bt_menu" mas no CSS está "bt-menu"; para usar o sibling combinator ("~"), o input deve estar num nível que tenha ...
dvlcube's user avatar
  • 176
2 votos
Aceito

Permanecer estilo do hover ao abrir um submenu Dropdown

Isto é possível alcançar com uma pequena mudança no teu código CSS. Primeiro vamos aplicar uma class à lista principal para que seja mais facil trabalhar com ela e para apontarmos com mais precisão ...
Chun's user avatar
  • 7.536
2 votos
Aceito

Checkbox obrigatório com javascript para clicar em link

<a href="#" onclick="fcnConfirma();">Remover Perfil</a> <input type="checkbox" id="remover" name="remover">Tenho certeza de que desejo remover o perfil. <script type="text/...
Lelecko San's user avatar

Only top scored, non community-wiki answers of a minimum length are eligible