Search the Community

oi, estou desenvolvendo uma página html e estou utilizando bootstrap, gostaria de fazer um menu com abas e que fosse levemente iclinado para direita... mais ou menos como essa ideia do arquivo... segue meu código html: <ul class="nav nav-tabs" id="#" role="tablist"> <li class="nav-item active"> <a class="nav-link" id="tarefa-tab" data-toggle="tab" href="#tarefa" role="tab" aria-controls="tarefa" aria-selected="false"> <i class=" fa fa-list-alt"></i> Tarefa</a> </li> <li class="nav-item"> <a class="nav-link" id="sugestao-tab" data-toggle="tab" href="#sugestao" role="tab" aria-controls="sugestao" aria-selected="false"><i class="fa fa-lightbulb-o"></i> Sugestão</a> </li> <li class="nav-item"> <a class="nav-link" id="faq-tab" data-toggle="tab" href="#faq" role="tab" aria-controls="faq" aria-selected="true"><i class=" fa fa-search"></i> FAQ</a> </li> </ul> segue meu código css: .nav-tabs { border-bottom: 2px solid var(--cor-primaria-2); } .nav-tabs > li { float: left; margin-bottom: -1px; /* margin-top: 0px; */ } .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 1px solid; border-bottom: 0px; border-radius: 4px 4px 0 0; color: #666666; background: rgba(204, 204, 204, 0.1803921568627451); } .nav-tabs > li > a:hover { border-color: #FFFFFF; }

Olá, Preciso de uma ajuda, gostaria de saber como faço para carregar o conteúdo de uma div para uma aba na descrição do meu produto, a div estaria na mesma pagina da aba. Exemplo: Tem aba1 e aba2, quando clicar na aba2, ia carregar o conteúdo da div que esta acima do rodapé. Obrigado!

Olá. Quando dou o play na aplicação, o VS está abrindo uma nova janela para a aplicação, ao invés de utilizar a mesma janela que está aberta e abrir apenas uma nova aba. Quando eu paro a aplicação, a janela se fecha (ou vice-versa: quando fecho a janela, a aplicação para). Gostaria que o VS utilizasse a mesma janela que já está aberta, criando apenas uma nova aba. Onde mudo essa configuração? *Estou usando o VS Community 2017

Caros, bom dia Gostaria de ajuda na seguinte situação: Eu tenho algumas abas, porém quando quando o conteúdo está sendo exibido, elas não focam alinhadas. Meu código css está simples, gostaria de saber o que fazer para deixar todas as abas na parte superior ao conteúdo. código CSS: .sess{ padding-top: 0.7%; padding-bottom: 0.7%; margin-top:0.9%; margin-bottom:0.9%; background-color:#EEE; } .cont{ background-color:#EDE9E3; } body{ background-image: url("../imagens/fundo.png"); } Obrigado!

Caros, boa tarde! Estou fazendo um sistema para praticar/estudar. O problema é que eu estou preciso usar alguns conjuntos de abas, porém só consigo deixar funcionando um SEGUE PRINT: Quando clico na seta para baixo o conteúdo (exemple1, no caso) muda, porém isso não acontece no segundo conjunto de abas. Segue o código: <div id="tabs"> <ul id='bkpfdb'> <li id='conteudo11'> <input type='checkbox' id='bkpfb1' class='c_bkpfb'/> <a href="#tabs-11"><input type='button' id='11' onclick='sitem(11)' class='c_show' value='v'/></a> <a>Backup Firebird</a> <input type='button' id='more11' class='c_more' onclick='ritem(1)' value='+'/> </li> <li id='conteudo12'> <input type='checkbox' id='bkpfb1' class='c_bkpfb'/> <a href="#tabs-12"><input type='button' id='12' onclick='sitem(12)' class='c_show' value='v'/></a> <a>Backup Firebird</a> <input type='button' id='more12' class='c_more' onclick='ritem(1)' value='+'/> </li> </ul> <div id='conteudo1'> <div id="tabs-11"> <p class='cont'>exemple1</p> </div> <div id="tabs-12"> <p class='cont'>exemple12</p> </div> </div> <ul id='mntfdb'> <li id='conteudo21'> <input type='checkbox' id='mntfb1' class='c_mntfb'/> <a href="#tabs-21"><input type='button' id='21' onclick='sitem(21)' class='c_show' value='v'/></a> <a>Manutenção Firebird</a> <input type='button' id='more21' class='c_more' onclick='ritem(2)' value='+'/> </li> <li id='conteudo22'> <input type='checkbox' id='mntfb' class='c_bkpfb'/> <a href="#tabs-22"><input type='button' id='22' onclick='sitem(22)' class='c_show' value='v'/></a> <a>Manutenção Firebird</a> <input type='button' id='more22' class='c_more' onclick='ritem(2)' value='+'/> </li> </ul> <div id='conteudo2'> <div id="tabs-21"> <p class='cont'>mntfdb1</p> </div> <div id="tabs-22"> <p class='cont'>mntfdb2</p> </div> </div> </div> Alguém teria alguma ideia?? (pode ser de forma diferente da que eu fiz, porém preciso que funcione com mais de um conjunto de aba). (Acredito que seja por que eu use dois conjuntos de tabelas) Obrigado!

[PESSOAL JÁ CONSEGUI RESOLVER. FAVOR IGNORAR] Olá, Pessoal. Gostaria da ajuda de você no seguinte: Tenho um efeito JS de abas no meu site que já veio pronto. Porém quando carrega o site ao invés de abrir na primeira aba, abre na última. Como conheço pouco de JS, gostaria da ajuda para poder definir a primeira aba como ativa no carregamento. Segue o link: http://www.propainel.com/novo/index.php/midia-exterior/ Desde já obrigado.