Jump to content

Search the Community

Showing results for tags 'nav'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 7 results

  1. Raphael Beghelli Ribeiro

    Duvida com Select

    Prezados, Bom Dia! Estou desenvolvendo um site, onde existe um navbar em sua versão desktop. <ul class="nav nav-tabs nav-stacked"> <li class="active"><a href="#empresa-historico" data-toggle="tab">HISTÓRICO</a></li> <li><a href="#empresa-filosofia" data-toggle="tab">FILOSOFIA</a></li> <li><a href="#empresa-localizacao" data-toggle="tab">LOCALIZAÇÃO</a></li> <li><a href="#empresa-logomarca" data-toggle="tab">LOGOMARCA</a></li> <li><a href="#empresa-equipe" data-toggle="tab">EQUIPE</a></li> <li><a href="#empresa-servicos" data-toggle="tab">SERVIÇOS</a></li> </ul> Na versão mobile, este nav é substituido por Select <select class="empresa-mobile" onchange="window.location.href = this.value;"> <option value="a_empresa.php#empresa-historico" <? if($Pagina == "a_empresa.php#empresa-historico") { echo"selected"; } ?>>HISTÓRICO</option> <option value="a_empresa.php#empresa-filosofia" <? if($Pagina == "a_empresa.php#empresa-filosofia") { echo"selected"; } ?>>FILOSOFIA</option> <option value="a_empresa.php#empresa-localizacao" <? if($Pagina == "a_empresa.php#empresa-localizacao") { echo"selected"; } ?>>LOCALIZAÇÃO</option> <option value="a_empresa.php#empresa-logomarca" <? if($Pagina == "a_empresa.php#empresa-logomarca") { echo"selected"; } ?>>LOGOMARCA</option> <option value="a_empresa.php#empresa-equipe" <? if($Pagina == "a_empresa.php#empresa-equipe") { echo"selected"; } ?>>EQUIPE</option> <option value="a_empresa.php#empresa-servicos" <? if($Pagina == "a_empresa.php#empresa-servicos") { echo"selected"; } ?>>SERVIÇOS</option> </select> o problema é: Quando faço a escolha do item, na versão mobile, ele atualiza o endereço da pagina no navegador e não abre na pagina. Algo de errado no código? alguma ajuda? Alguém poderia me ajudar com algum script que faz o reload da pagina após selecionar algum option ou alguma outra maneira do conteudo da div escolhida abra no mobile?? obrigado
  2. cassiamani

    Mega Menu - Nav

    Olá, Pessoal, tudo bem? Estou estudando como é feito um mega menu e achei um tutorial How To do w3schools (https://www.w3schools.com/howto/howto_css_mega_menu.asp), para mim ele funcionou perfeitamente, porém encontrei um problema, o dropdown ocupa a tela inteira, width:100%, porém eu gostaria que ele ocupasse apenas a área do .container (1200px), olhei o css e não consegui fazer muita coisa, alguém poderia me ajudar por gentileza? muito obrigado, segue o código abaixo, é possível ver o código no link acima também. <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="style.css" /> <style> * { box-sizing: border-box; } body { margin: 0; } .navbar { overflow: hidden; background-color: #3b76a6; font-family: Arial; } .navbar a { float: left; font-size: 16px; color: white; text-align: center; padding: 14px 16px; text-decoration: none; } .dropdown { float: left; overflow: hidden; } .dropdown .dropbtn { font-size: 16px; border: none; outline: none; color: white; padding: 14px 16px; background-color: inherit; } .navbar a:hover, .dropdown:hover .dropbtn { background-color: red; /*box-shadow: inset 0 0 15px #777;*/ } .dropdown-content { display: none; position: absolute; background-color: #fff; width: 100%; left: 0; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content .header { background: red; padding: 16px; color: white; } .dropdown:hover .dropdown-content { display: block; } /* Create three equal columns that floats next to each other */ .column { float: left; width: 20%; padding: 10px; background-color: #fff; min-height: 250px; } .column a { float: none; color: black; padding: 16px; text-decoration: none; display: block; text-align: left; } .column a:hover { background-color: #ddd; } /* Clear floats after the columns */ .row:after { content: ""; display: table; clear: both; } /*TAMANHO XS*/ @media (max-width: 768px) { .column { width: 50%; } } </style> </head> <body> <div style="width: 1100px; margin: 0 auto;"> <nav class="navbar container hidden-xs"> <div class="dropdown"> <button class="dropbtn">Cães <i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <div class="row"> <div class="column"> <h3>Category 1</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> <div class="column"> <h3>Category 2</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> <div class="column"> <h3>Category 3</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> <div class="column"> <h3>Category 4</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </div> </div> </div> <div class="dropdown"> <button class="dropbtn">Gatos <i class="fa fa-caret-down"></i> </button> <div class="dropdown-content"> <div class="row"> <div class="column"> <h3>Category 4</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> <div class="column"> <h3>Category 5</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> <div class="column"> <h3>Category 6</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> <div class="column"> <h3>Category 7</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> <div class="column"> <h3>Category 8</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> <div class="column"> <h3>Category 9</h3> <a href="#">Link 1</a> <a href="#">Link 2</a> <a href="#">Link 3</a> </div> </div> </div> </div> <a href="#home">Sobre</a> <a href="#news">Contato</a> </nav> </div> </body> </html>
  3. Bom dia Senhores, Estou precisando criar o efeito do gif anexado onde, no meu caso, tenho um menu lateral (NAV) ja construído e preciso que a pagina onde vai estar o conteúdo (que é uma div mas nao sei se é o ideal) se expanda e se colapse ao fechar e abrir o menu. Estou fazendo um treinamento em html e isso serviria para que os usuários pudessem fazer opção entre visualizar o conteúdo do treinamento em 100% da pagina e manter o menu fechado e abri-lo somente quando forem trocar de pagina ou deixa-lo abeto sempre e a pagina ficar menor. Espero ter sido claro e agradeço pela ajuda.
  4. juninhogpe

    Problemas com menu (Bootstrap)

    Bom dia. Estou fazendo um site onde utilizo Bootstrap e meu menu está assim: <!-- Navigation --> <nav class=" navbar-inverse navbar-default" style="z-index:1000000 !important;"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- Logo --> <div class="logo"> <a class="navbar-brand" href="index.html"><img src="images/logo.png" class="img-responsive" alt="" /></a> </div> <!-- //Logo --> </div> <div id="navbar" class="navbar-collapse navbar-right collapse"> <ul class="nav navbar-nav navbar-right"> <li><a class="cross-effect" href="index.html">Home</a></li> <li><a class="cross-effect" href="#missao">Quem somos</a></li> <li><a href="produto.html" target="_blank">Produtos</a></li> <li><a class="cross-effect" href="qualidade.html">Qualidade</a></li> <li><a class="cross-effect" href="#contact">Contato</a></li> </ul> </div><!-- //Navbar-Collapse --> </nav> <!-- //Navigation --> Ao passar um link dentro da ul assim: <li><a href="produto.html" target="_blank">Produtos</a></li> O mesmo não direciona para a página. Se eu retirar class="navbar ...", funciona. O que pode estar ocorrendo. Agradeço desde já quem puder me ajudar.
  5. Galera, o problema é o seguinte: 1- Tenho um menu fixo com 4 links 2- Cada link direciona para uma ‘section’ com um ID correspondente. 3- [Problema] – Quando clico no link, a ‘section’ que eu “chamei” de vez ir certinho para de baixo do menu, ela vai para atrás do mesmo. Segue exemplo: Pagina normal, como deveria aparecer (sem as bordas nos conteúdo claro ^_^): Link: http://tinypic.com/r/ayou1j/9 Quando clico no link, a section vai para atrás do menu, começando deste jeito: Link: http://tinypic.com/r/1jmdfd/9 - Deu pra entender? :huh:... Eu já entreguei o projeto para o Senac (meu primeiro ‘trabalho’ HTML/CSS), mas agora que não tenho mais prazo, gostaria de deixar realmente do jeito que imaginei. Obrigado!
  6. mauriciocantu

    Criar botão para aparecer video do YT

    Olá, estou desenvolvendo um projeto pra matéria de Desenvolvimento Web da escola e estou com uma ideia que não sei como realizar. Quero adicionar um botão na minha página que quando clicado, um video do youtube apareça. Extra: se possivel, queria também dar algum efeito na página quando o video estiver sendo exibido, tipo deixar a página mais escura, opaca ou algum outro efeito... Desde já agradeço, valeu!!
  7. Jiraya Tupiniquim

    Menu ativo

    Boa tarde, pessoal. Estou tentando criar um menu ativo, eu vi que tem como criar com PHP ou até mesmo jQuery. A estrutura do meu site é a seguinte. Tem a página principal, e depois os diretórios. Ex: /contato/ O menu está um ao lado do outro, ex: home // produtos // quem somos // contato Como posso deixar a página que o usuário está navegando destacada? home // produtos // quem somos // contato [home] Alguém pode me ajudar?
×

Important Information

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