Jump to content

Search the Community

Showing results for tags 'menu'.



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 136 results

  1. Boa tarde pessoal! Sou novo em html e css e me deparei com um problema enquanto estava "brincando" de programar. Provavelmente um erro bobo de programação, ou algo do tipo. Agradeço qualquer tipo de ajuda, Obrigado desde já!
  2. Boa tarde galera, tudo bem? estou tentando aprender javascript, mas o que eu preciso fazer eu ainda não sei. Eu tenho o meu menu do site e logo abaixo tenho a section serviços e a section produtos. Eu queria que inicialmente o background do menu fosse azul, mas quando a pessoa desse um scroll e chegasse na section serviços, o background do menu alterasse a cor. Alguem pode me ajudar?
  3. sthefany silva

    menu com aba inclinada

    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; }
  4. s3c0

    Menu Suspenso

    Olá pessoal, peguei um exemplo de um menu suspenso que utiliza somente CSS, porém não estou conseguindo adaptar para a minha aplicação. Segue abaixo: * { box-sizing: border-box; } body { margin: 0; } /*Configurações Padrões*/ ul.menu, .menu li, .menu a{ margin:0; padding:0; list-style:none; text-decoration:none; width:100%; } ul.menu ul{ position:absolute; display:none;} /* Configurações nivel 1*/ ul.menu{ float:left; font-family:Verdana, Geneva, sans-serif; font-size:15px; padding:0 5px;} .menu li{ float:left; width:auto; position:relative;} .menu li a{ display:block; padding:0 20px; line-height:45px; height:45px; float:left; width:240px; transition:all 0.1s linear; } /* Configurações nivel 2*/ .menu li:hover > ul.submenu-1{ display:block; top:45px; left:0; padding:0px; width:250px; } .menu ul.submenu-1 a{ padding:0 20px; width:250px; } /* Configurações nivel 2*/ .menu li:hover > ul.submenu-2{ display:block; top:0; padding:0px; width:250px; left:240px; } .menu ul.submenu-2 a{ width:250px; padding:0 20px; } /* Configurações nivel 3*/ .menu li:hover > ul.submenu-3{ display:block; top:0; padding:0px; width:250px; left:240px; } .menu ul.submenu-3 a{ width:250px; padding:0 20px; } .column1 { float: left; width: 250px; padding: 10px; min-height: 250px; } .column1 a { float: none; color: black; padding: 16px; text-decoration: none; display: block; text-align: left; } .column1 a:hover { } .column4 { float: right; width: 300px; padding: 10px; min-height: 250px; position:relative; top:0px; } .column4 a { float: none; color: black; padding: 16px; text-decoration: none; display: block; text-align: left; } .column4 a:hover { } .row:after { content: ""; display: table; clear: both; } /*Configurações de cores*/ /*nivel 1*/ .menu{background:#CCC; } .menu a{ color:#000; } .menu li:hover > a{ color:#000; } /*nivel 2*/ .submenu-1{} .submenu-1 a{color:#000;} .submenu-1 li:hover > a{ color:#000; } /*nivel 3*/ .submenu-2{ } .submenu-2 a{color:#000;}; .submenu-2 li:hover > a{ color:#000; } /*nivel 3*/ .submenu-3{ } .submenu-3 a{color:#000;} .submenu-3 li:hover > a{ color:#000; } <ul class="menu"> <!-- Esse é o 1 nivel ou o nivel principal --> <li><a href="#">Categorias <i class="fa fa-caret-down"></i></a> <ul class="submenu-1"> <!-- Esse é o 2 nivel ou o primeiro Drop Down --> <li><a href="#">Departamento 1 <i class="fa fa-caret-right"></i></a> <ul class="submenu-2"> <!-- Esse é o 3 nivel ou o Segundo Drop Down --> <li><a href="#">Categoria 1</a></li> <li><a href="#">Categoria 11</a></li> <li><a href="#">Categoria 111 <i class="fa fa-caret-right"></i></a> <ul class="submenu-3"> <!-- Esse é o 4 nivel ou o Terceiro Drop Down --> <li><a href="#">Subcategoria 1</a></li> <li><a href="#">Subcategoria 11</a></li> <li><a href="#">Subcategoria 111</a></li> </ul> </li> </ul> </li> <li><a href="#">Departamento 2 <i class="fa fa-caret-right"></i></a> <ul class="submenu-2"> <!-- Esse é o 3 nivel ou o Segundo Drop Down --> <li><a href="#">Categoria 1</a></li> <li><a href="#">Categoria 11</a></li> <li><a href="#">Categoria 111 <i class="fa fa-caret-right"></i></a> <ul class="submenu-3"> <!-- Esse é o 4 nivel ou o Terceiro Drop Down --> <li><a href="#">Subcategoria 1</a></li> <li><a href="#">Subcategoria 11</a></li> <li><a href="#">Subcategoria 111</a></li> </ul> </li> </ul> </li> </ul> </li> </ul> A primeira imagem é o resultado e a segunda imagem, seria o que estou querendo fazer. Alguém consegue me explicar o que está de errado? Agradeço a atenção de todos!
  5. Carlos Web Soluções Web

    CSS Responsive Menu

    Olá pessoal !! Estou desenvolvendo um menu em CSS, e eu gostaria de colocá-lo no CSS Responsive: @media screen and (max-width: 800px) { } O link do menu de como está atual se encontra em: MENU Link e o que eu desejo alcançar é: MENU RESPONSIVE Por favor me ajudem.....abraço !!
  6. alysson122010

    Menu sempre em mobile

    Gente tenho um menu que quando abro no pc ele lista assim normal: E quando esta em celular mobile fica assim: Eu gostaria que ele ficasse tanto no pc ele ficasse igual mobile tmb tipo oculto para mostrar so quando apertar nos pontinhos igual o mobile como faço isso? codigo css: html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; background:transparent; /*vertical-align: baseline;*/ } /* lists */ .list-full, .list-full li, .list-auto, .list-auto li { width: 100%; float: left; display: block; position: relative; } .list-auto, .list-auto li { width: auto; } /* floats */ .float-l { float: left; } .float-r { float: right; } body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; text-shadow: 0 1px 0 #fff; } header { min-height: 60px; position: fixed; top: 0; right: 0; left: 0; background: #30373f; z-index: 2; } header h1 { padding: 10px 0 0 10px; } header h1 a { color: #333; } header ul { padding: 15px 10px 0 0; } header li { border-left: 1px solid #ccc; } header li:first-child { border: none; } header li a { display: block; padding: 0 10px; color: #999; font-size: 16px; line-height: 30px; text-decoration: none; -webkit-transition: all 300ms ease; transition: all 300ms ease; } header li a:hover { color: #333; } input#control-nav { visibility: hidden; position: absolute; left: -9999px; opacity: 0; } /* content */ section { padding: 80px 20px 50px; border-top: 1px solid #ccc; font-size: 20px; line-height: 24px; } section:after { content: ""; display: block; clear: both; } section img { width: 44%; margin: 0 0 10px 4%; } section p { padding: 0 0 20px; } .highlights { position: relative; } .highlights input { visibility: hidden; position: absolute; left: -9999px; opacity: 0; } .highlights-item { float: left; margin: 0 0 0 2%; width: 32%; text-align: center; } .highlights-item:first-of-type { margin-left: 0; } .highlights-item img { display: block; width: 100%; margin: 0 0 5px; } .highlights-item p { font-size: 14px; } .highlights-button { display: inline-block; padding: 10px 15px 8px; cursor: pointer; border-radius: 3px; border: 1px solid #ccc; background-color: #ececec; -webkit-transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out; transition: background-color 300ms ease-in-out, border-color 300ms ease-in-out; } .highlights-button:hover { border: 1px solid #ececec; background-color: #ccc; } .highlights-buttons { display: none; clear: both; text-align: center; } .highlights-buttons label { display: inline-block; width: 15px; height: 15px; margin: 0 10px; border-radius: 10px; background-color: #ccc; cursor: pointer; position: relative; overflow: hidden; text-indent: -9999px; -webkit-transition: background-color 300ms ease-in-out; transition: background-color 300ms ease-in-out; } .highlights-buttons label:hover { background-color: #777; } /* init modal */ .modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s 0.5s ease-in-out; transition: all 0.5s 0.5s ease-in-out; } .modal-content { padding: 10px; max-width: 600px; min-width: 360px; max-height: 85%; overflow: auto; position: absolute; top: 5%; left: 50%; z-index: 2; opacity: 0; border-radius: 3px; background: #fff; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .modal-content img { display: block; width: 100%; margin: 10px 0 0; } .modal-content p { padding-top: 10px; text-align: justify; } .modal-close { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,0.5); } .modal-close:after { content: "X"; float: right; margin: 5px 5px 0 0; width: 30px; height: 30px; position: relative; z-index: 3; text-align: center; line-height: 30px; cursor: pointer; background-color: rgba(255,255,255,0.8); border-radius: 20px; box-shadow: 0 0 3px #000; } input[id*="modal_"] { position: fixed; left: -9999px; top: 50%; opacity: 0; } input[id*="modal_"]:checked + div.modal { opacity: 1; visibility: visible; -webkit-transition-delay: 0s; -ms-transition-delay: 0s; transition-delay: 0s; } input[id*="modal_"]:checked + div.modal .modal-content { opacity: 1; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-transition-delay: 0.5s; -ms-transition-delay: 0.5s; transition-delay: 0.5s; } @media screen and (max-width: 767px) { header nav { position: fixed; top: 0; right: 0; bottom: 0; width: 250px; border-left: 1px solid #ccc; background: #fff; overflow-x: auto; z-index: 2; -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } header ul.list-auto { padding: 0; } header ul.list-auto li { width: 100%; border: solid #ccc; border-width: 0 0 1px; } header li a { padding: 15px 10px; } header li a:hover { background-color: #ccc; } .control-nav { /* label icon */ position: absolute; right: 20px; top: 20px; display: block; width: 0px; padding: 0px 0; } .control-nav:before { content: ""; display: block; height: 0px; background: #333; } .control-nav-close { position: fixed; /* label layer */ right: 0; top: 0; bottom: 0; left: 0; display: block; z-index: 1; background: rgba(0,0,0,0.4); -webkit-transition: all 500ms ease; transition: all 500ms ease; -webkit-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } /* checked nav */ input#control-nav { display: block; } input#control-nav:focus ~ .control-nav { border-color: #000; box-shadow: 0px 0px 9px rgba(0,0,0,0.3); } input#control-nav:focus ~ .control-nav:before { background: #000; } input#control-nav:checked ~ nav, input#control-nav:checked ~ .control-nav-close { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } header+section { padding-top: 80px; } section { padding: 30px 15px 10px; } .highlights { -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; } .highlights-item { width: 100%; margin-left: 0; position: absolute; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); } .highlights-item p { opacity: 0; -webkit-transition: opacity 500ms 500ms ease-in-out; transition: opacity 500ms 500ms ease-in-out; } .highlights-buttons { display: block; padding-top: 10px; } /*checked*/ .highlights input:checked + div { position: relative; opacity: 1; visibility: visible; z-index: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .highlights input:checked + div p { opacity: 1; } .highlights input:nth-of-type(1):checked ~ .highlights-buttons label:nth-child(1), .highlights input:nth-of-type(2):checked ~ .highlights-buttons label:nth-child(2), .highlights input:nth-of-type(3):checked ~ .highlights-buttons label:nth-child(3) { background-color: #000 } .modal-content { padding: 10px 5%; min-width: 88%; } } @media screen and (max-width: 100%) { header h1 { font-size: 20px; line-height: 40px; } } codigo html <nav class="float-r"> <ul class="list-auto" style="color:#FFF;"> <li> <a href="https://www.baixarfilmetorrent.info/appyoufilmes/" title="Home">Home</a> </li> <li> <a href="https://www.baixarfilmetorrent.info/appyoufilmes/?acao=series" title="Home">Séries</a> </li> <?php $id = $_GET['id']; $cat = mysqli_query($conn, "SELECT * FROM categoria ORDER BY nome ASC"); while($rowcat = mysqli_fetch_assoc($cat)){ ?> <li> <a href="?acao=categoria&cat=<?php echo $rowcat['id'];?>" title="<?php echo utf8_encode($rowcat['nome']);?>"><?php echo utf8_encode($rowcat['nome']);?></a> </li> <?php }?> </ul> </nav>
  7. Olá colegas, eu venho avançando a cada dia na programação em PHP mas eu travei em uma estrutura e queria a ajuda dos colegas mais experientes. Eu tenho 3 tabelas: Adm_Funcionarios_Usuarios - contem login e senha # login, senha jose, 1234 Sis_Setores: aonde tem os nomes dos módulos e os links dele. Ex. Administrativo, Financeiro, etc. # linkNome link administrativo administrativo.php financeiro financeiro.php vendas vendas.php Adm_Funcionarios_Usuarios_Acessos - contem login e módulos # login, autorizados jose, administrativo, financeiro Hoje eu só uso o menu carregando todas as opções $sql = "SELECT * FROM Sis_Setores WHERE linkNome = '$Sistema' AND situacao = 1;"; $return = mysqli_query($conexao, $sql) or trigger_error(" Query falhou! SQL: $sql - Error: ".mysqli_error(), E_USER_ERROR); while($LinhaMenu = mysqli_fetch_assoc($return)) { echo '<a href="'.$LinhaMenu["link"].'" target="_self">'.$LinhaMenu["linkNome"]."</a>"; } O que eu estou tentando fazer é: (levando em consideração que eu já tenha as informações do usuário logado) 1 - Verifica quem é a pessoa logada / Já tenho isso pronto 2 - Verifica se a pessoa logada existe na tabela Adm_Funcionarios_Usuarios_Acessos no campo login / Já tenho isso pronto Não estou conseguindo fazer 3 - Verifica na tabela Adm_Funcionarios_Usuarios_Acessos o campo autorizados os módulos que serão carregados 4 - Percorre a array com os valores, exemplo: administrativo, vendas 5 - Se existe na array a palavra administrativo que também existe no campo linkNome da tabela Sis_Setores 6 - Carrega no menu apenas os links que existem dentro da array. O que eu tentei fazer sem sucesso (coisas de café com leite): $sql = "SELECT autorizados FROM Adm_Funcionarios_Usuarios_Acessos WHERE iduser = 1;"; $return = mysqli_query($conexao, $sql) or die(mysqli_error($conexao)); if(!$result = mysqli_fetch_array($return)) { echo "Deu Ruim no SQL dos Acessos"; } else { $autorizados = $result["autorizados"]; //echo $autorizados; foreach($autorizados as $valor) { $sql = "SELECT * FROM Sis_Setores WHERE linkNome = '$autorizados' AND situacao = 1;"; $return = mysqli_query($conexao, $sql) or trigger_error(" Query falhou! SQL: $sql - Error: ".mysqli_error(), E_USER_ERROR); while($LinhaMenu = mysqli_fetch_assoc($LinksSubSistema)) { echo '<a href="'.$LinhaMenu["link"].'" target="_self">'.$LinhaMenu["linkNome"]."</a>".$br; } } } O erro que dá é Warning: Invalid argument supplied for foreach() in testeArray.php on line 50 //Linha 50 -> foreach($autorizados as $valor) Agradeço desde já aos colegas.
  8. rafalbino

    Versão Mobile Menu

    Fala pessoal! Tô com uma dúvida na versão mobile do meu menu. A versão desktop já está tudo ok, porém, quando acesso pelo mobile, ele aparece apenas um dos campos do menu e não ele totalmente. Segue o código: .menu{width: 100%;height: 50px;background-color: #fff; margin-top: -65px; } .menu ul{list-style: none;position: relative;float: right;} .menu ul li {width: 200px;float: left;} #menu2 {width: 130px;float: left;} #menu3 {width: 160px;float: left;} .menu ul li:last-child {width: 200px;float: left;} .menu i {vertical-align: middle; margin-right: 2px; margin-top: -4px;} .menu a{padding: 15px;display: block;text-decoration: none;text-align: center;background-color: #fff;color: #151e51; vertical-align: middle; font-size: 16px;} .menu ul ul{position: absolute; margin-left: 50px; visibility: hidden; } /*Atacando a ul do submenu, escondendo os campos */ .menu ul li:hover ul{visibility: visible; }/*Atacando a ul do submenu, passando pela li interna, mostrando os campos ocultos*/ .menu a:hover{background-color: #fff; font-weight: 500;}/*Alterando a cor da fonte quando o mouse passa por cima*/ #primeiro{ border-radius: 7px 7px 0px 0px;} #ultimo{ border-radius: 0px 0px 7px 7px;} .menu ul ul li{float: none;width: 200px; }/*Deixando as linhas do submenu na vertical*/ .menu ul ul li:last-child {float: none; width: 200px;}/*Deixando as linhas do submenu na vertical*/ .menu ul ul li a {background-color: #f1f1f1;border-radius: 0; text-align: left; margin-bottom: -20px; color: black;} /*Alterando a cor de fundo do submenu*/ .menu ul ul li a:hover {background-color: #f1f1f1;color: black; } /*Alterando a cor de fundo do submenu*/ .borda {border-radius: 0;} label[for="bt_menu"]{padding: 5px;background-color: #222;color: #fff;font-family: 'Arial';text-align: center;font-size: 30px;cursor: pointer;width: 50px;height: 50px; margin-top: -75px;} #bt_menu{display: none;} label[for="bt_menu"]{display: none;} Agora o código da versão mobile label[for="bt_menu"]{display: block;float: right; margin-top: -70px; background: #f35270;} #bt_menu:checked ~ .menu{margin-left: 0;} .menu{margin-top: 255px;margin-left: -110%;transition: all .9s;width: 100%; } .menu ul{float: none;} .menu ul li{width: 100%;float: none;} .menu ul li:last-child {width: 100%;float: none; margin-top: 55px;} .menu ul ul{ /*Escondendo os subitens no modo mobile*/ position: static;overflow: hidden;max-height: 0;transition: all .9s;} .menu ul li:hover ul{ /*mostrando os subitens no modo mobile*/ height: auto;max-height: 900px;} .menu ul ul li{width: 100%} .menu ul ul li:last-child {width: 100%;}
  9. rafalbino

    Versão Mobile Menu

    Fala pessoal! Tô com uma dúvida na versão mobile do meu menu. A versão desktop já está tudo ok, porém, quando acesso pelo mobile, ele aparece apenas um dos campos do menu e não ele totalmente. Segue o código: .menu{width: 100%;height: 50px;background-color: #fff; margin-top: -65px; } .menu ul{list-style: none;position: relative;float: right;} .menu ul li {width: 200px;float: left;} #menu2 {width: 130px;float: left;} #menu3 {width: 160px;float: left;} .menu ul li:last-child {width: 200px;float: left;} .menu i {vertical-align: middle; margin-right: 2px; margin-top: -4px;} .menu a{padding: 15px;display: block;text-decoration: none;text-align: center;background-color: #fff;color: #151e51; vertical-align: middle; font-size: 16px;} .menu ul ul{position: absolute; margin-left: 50px; visibility: hidden; } /*Atacando a ul do submenu, escondendo os campos */ .menu ul li:hover ul{visibility: visible; }/*Atacando a ul do submenu, passando pela li interna, mostrando os campos ocultos*/ .menu a:hover{background-color: #fff; font-weight: 500;}/*Alterando a cor da fonte quando o mouse passa por cima*/ #primeiro{ border-radius: 7px 7px 0px 0px;} #ultimo{ border-radius: 0px 0px 7px 7px;} .menu ul ul li{float: none;width: 200px; }/*Deixando as linhas do submenu na vertical*/ .menu ul ul li:last-child {float: none; width: 200px;}/*Deixando as linhas do submenu na vertical*/ .menu ul ul li a {background-color: #f1f1f1;border-radius: 0; text-align: left; margin-bottom: -20px; color: black;} /*Alterando a cor de fundo do submenu*/ .menu ul ul li a:hover {background-color: #f1f1f1;color: black; } /*Alterando a cor de fundo do submenu*/ .borda {border-radius: 0;} label[for="bt_menu"]{padding: 5px;background-color: #222;color: #fff;font-family: 'Arial';text-align: center;font-size: 30px;cursor: pointer;width: 50px;height: 50px; margin-top: -75px;} #bt_menu{display: none;} label[for="bt_menu"]{display: none;} Agora o código da versão mobile label[for="bt_menu"]{display: block;float: right; margin-top: -70px; background: #f35270;} #bt_menu:checked ~ .menu{margin-left: 0;} .menu{margin-top: 255px;margin-left: -110%;transition: all .9s;width: 100%; } .menu ul{float: none;} .menu ul li{width: 100%;float: none;} .menu ul li:last-child {width: 100%;float: none; margin-top: 55px;} .menu ul ul{ /*Escondendo os subitens no modo mobile*/ position: static;overflow: hidden;max-height: 0;transition: all .9s;} .menu ul li:hover ul{ /*mostrando os subitens no modo mobile*/ height: auto;max-height: 900px;} .menu ul ul li{width: 100%} .menu ul ul li:last-child {width: 100%;}
  10. lukaizh

    Alterando Layout Tray

    Olá Galera, Estou iniciando um e-commerce pela Tray,e não entendo muito bem de css eu gostaria de saber se tem como eu mudar o menu lateral esquerdo, para deixar ele na horizontal. e teria mais uma dúvida, se há alguma maneira de importar o site para o photoshop e depois pegar o css das camadas.
  11. Bruno Goedert Dalmolin

    Como Movimentar um Menu em HTML5 e CSS

    Fala devs Beleza? Estou com uma duvida em como eu movimento meu menu para o canto, pois ele fica travado no centro. Os dados são os seguintes: do HTML: <header> <ul id="Menu"> <li><a href="SmartAce-Home.html">Home</a></li> <li><a href="">Sobre</a></li> <li><a href="">Contato</a></li> </ul> </header> do CSS: @charset "UTF-8"; body { margin: 0; padding: 0; display: flex; justify-content: center; align-items: center; height: 100vh; background: #112c38; } ul#Menu { text-align: center; margin: 0; padding: 0; display: flex; top: -10; } ul#Menu li{ list-style: none; margin: 0 20px; transition: 0.5s; } ul#Menu li a{ position: relative; text-decoration: none; padding: 5px; font-size: 18px; font-family: sans-serif; color: #fff; text-transform: uppercase; transition: 0.5s; } ul#Menu:hover li a { transform: scale(1.4); opacity: .2; filter: blur(5px); } ul#Menu li a:hover { transform: scale(2); opacity: 1; filter: blur(0); } ul#Menu li a:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #ff497c; transition: transform 0.5s; transform-origin: right; transform: scaleX(0); z-index: -1; } ul#Menu li a:hover:before { transition: transform 0.5s; transform-origin: left; transform: scaleX(1); }
  12. Jefferson andre

    Como passar uma informacao de um menu para o php?

    Ola, preciso passar uma informação via menu para o php buscar no mysql, mas não sei como proceder em enviar a informação do menu. Tenho algumas series escolares e preciso pegar a escolha do usuário via menu e então buscar o conteúdo letivo no mysql Alguém pode me dizer como proceder por favor Segue o menu: <style type="text/css"> <!-- .style1 { font-size: 9px; font-weight: bold; } .style14 {font-family: "Times New Roman", Times, serif; font-size: 12px; color: #FFFFFF; } .style7 {color: #FFFFFF} .style9 { font-family: "Times New Roman", Times, serif; font-size: 12px; } #Layer_topo7 { position:absolute; left:665px; top:115px; width:120px; height:22px; z-index:10; } #Layer_topo_6 { position:absolute; left:835px; top:115px; width:140px; height:22px; z-index:10; } #Layer_topo_5 { position:absolute; left:950px; top:120px; width:70px; height:22px; z-index:10; } .style15 {font-family: "Times New Roman", Times, serif; font-size: 12px; color: #FFFFFF; font-weight: bold; } #Layer_topo_3_menu { position:absolute; width:130px; height:69px; z-index:9999; left: 1057px; top: 115px; } --> </style> <title>Plataforma de cursos</title><div id="Layer_topo7"> <div align="right" class="style7"> <div align="left"> <nav> <ul class="menu"> <li class="style14"><span class="style15"><a href="#" class="style15"><strong>Series disponiveis</strong></a></span><a href="" class="style15"> do aluno</a> <ul> <li><a href="5_serie.php">5 serie - 6 ano</a></li> <li><a href="6_serie.php">6 serie - 7 ano</a></li> <li><a href="7_serie.php">7 serie - 8 ano</a></li> <li><a href="8_serie.php">8 serie - 9 ano</a></li> <li class="separador"></li> <li><a href="1_ano_medio.php">1 ano do ensino medio</a></li> <li><a href="2_ano_medio.php">2 ano do ensino medio</a></li> <li><a href="3_ano_medio.php">3 ano do ensino medio</a></li> </ul> </li> </ul> </nav> </div> </div> </div> <div id="Layer_topo_6"> <div align="right" class="style7"> <div align="left"> <nav> <ul class="menu"> <li class="style14"><span class="style15"><a href="#" class="style15"><strong>Precisando de ajuda ?</strong></a></span><a href="" class="style15"></a> <ul> <li><a href="#">Duvidas frequentes</a></li> <li><a href="formulario.php">Fale conosco</a></li> <li><a href="#">Forum</a></li> <li><a href="#">Novidades</a></li> <li><a href="#">Procurar no site</a></li> <li class="separador"></li> <li><a href="#">Sobre o site</a></li> </ul> </li> </ul> </nav> </div> </div> </div> <div id="Layer_topo_3_menu"> <div align="right" class="style7"> <div align="left"> <nav> <ul class="menu"> <li class="style14"><span class="style15"><a href="#" class="style15"><strong>&Aacute;rea do aluno</strong></a></span><a href="" class="style15"> do aluno</a> <ul> <li><a href="#">Acessar os videos</a></li> <li><a href="cadastro_aluno.php">Matricule-se</a></li> </ul> </li> </ul> </nav> </div> </div> </div>
  13. Olá, estou criando uma página em html e estou tendo dificuldade em achar uma solução para esse problema, como faço para que o menu fique fixo em todas as páginas desse site sem que seja necessário refazer todo o código? Segue abaixo o código do meu menu e do css: <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./../css/header.css"> <title></title> </head> <body> <header> <img src="./../img/fundo.png"> <nav> <ul> <li><a href="sla.html" class="active">Início</a></li> <li><a href="pps.html">Teste</a></li> <li><a href="#">Teste</a></li> <li><a href="#">Teste</a></li> <li><a href="#">Teste</a></li> </ul> </nav> </header> </body> </html> img { width: 100px; } ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #333; font-weight: bold; } li { float: left; border-right: 0px solid #333; } li: last-child { border-right: none; } li a { display: block; padding: 10px 15px; color: white; text-align: center; text-decoration: none; } li a:hover:not(.active){ background-color: #111; } .active { background-color: #FF0000; float: right; color: #111; }
  14. Gabriel Barros Santana

    Menu Hover em CSS e HTML

    Oi, estou com uma duvida. Estava criando um meno de categorias para um site e-commerce na tray. Porém estou lutando para editar na plataforma da tray. Tenho um menu horizontal com os subníveis vertical porém queria editar para alterar o estilo e conteúdo mas a tray ta sendo bem estranha para mim alguma ajuda ? Queria mudar desse menu hover normal de lista do site "JP" pra esse mais dinâmico com um caixa maior e com foto de produtos como exemplo do site "casas bahia".
  15. Oi, sou novo por aqui. Queria saber como eu posso fazer um menu de links e informações com abas usando imagens, tipo esse:
  16. HTML <!DOCTYPE hmtl> <html lang="pt-br"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>DaHora Software</title> <link rel="stylesheet" href="css/styles.css"> <link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Staatliches" rel="stylesheet"> <link href="https://fonts.googleapis.com/css?family=Alfa+Slab+One" rel="stylesheet"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery("#subirTopo").hide(); jQuery('a#subirTopo').click(function () { jQuery('body,html').animate({ scrollTop: 0 }, 800); return false; }); jQuery(window).scroll(function () { if (jQuery(this).scrollTop() > 200) { jQuery('#subirTopo').fadeIn(); } else { jQuery('#subirTopo').fadeOut(); } }); }); </script> </head> <body> <header> <input type="checkbox" id="btn-menu"> <label for="btn-menu"><img src="img/menu_icon_verde.png" width="30" height="30"></label> <div class="logo"> <a href="#"><img src="img/logo.png" width="250" height="150"></a> </div> <nav class="menu"> <ul> <li><a href="#empresa">NOSSA EMPRESA</a></li> <li><a href="#cursos">CURSOS</a></li> <li><a href="#sites">SITES</a></li> <li><a href="#sistemas">SISTEMAS</a></li> <li><a href="#contato">FALE CONOSCO</a></li> </ul> </nav> </header> <div class="empresa"> <h1 id="empresa"> NOSSA EMPRESA </h1> </div> <div class="cursos"> <h1 id="cursos"> CURSOS </h1> </div> <div class="sites"> <h1 id="sites"> SITES </h1> </div> <div class="sistemas"> <h1 id="sistemas"> SISTEMAS </h1> </div> <div class="contato"> <h1 id="contato"> FALE CONOSCO </h1> </div> <footer> <a id="subirTopo"> <img src="img/seta.png"” alt=”some text” width="100" height="100"> </a> </footer> </body> </html> CSS *{ margin: 0; padding: 0; } body{ font-family: 'Poppins', sans-serif; } header{ width: 100%; height: 150px; background-color: black; } #btn-menu{ display: none; } header label{ display: none; width: 30px; height: 30px; padding: 10px; border-right: 1px solid green; } header label:hover{ cursor: pointer; background: rgba(0,0,0,0.3); } .menu ul{ margin: 0; list-style: none; padding: 0; display: flex; justify-content: flex-end; align-items: flex-end; } .titulo li a{ font-family: 'Alfa Slab One', cursive; font-size: 50pt; text-decoration: none; color: darkgreen; padding: 50px 50px; } .menu li{ border-right: 1px solid #fff; } .menu li a{ display: block; padding: 15px 20px; color: #fff; text-decoration: none; font-family: 'Alfa Slab One', cursive; font-size: 12pt; } . menu li:hover{ background: rgba(0,0,0,0.3); } a img{ display: inline-flex; } @media (max-width:768px){ header label{ display: block; } .menu{ position: absolute; background-color: #000; width: 70%; margin-left: -70%; transition: all 0.5s; } .menu ul{ flex-direction: column; } .menu li{ border-top: 1px solid #fff; } .logo a{ justify-content: center; align-items: center; display: inline-flex; } header{ height: 50px; background-color: black; } #btn-menu:checked - .menu { margin-right: 70px; } } /* a{ margin: 20px; color: #fff; text-decoration:none; font-family: font-family: 'Staatliches', sans-serif; font-size: 18pt; } */ .empresa{ background-color: #fff; width: auto; height: 500px; display: flex; padding: 0px 50px; } .cursos{ background-color: #8FBC8F; width: auto; height: 500px; padding: 0px 50px; } .sites{ background-color: #fff; width: auto; height: 500px; padding: 0px 50px; } .sistemas{ background-color: #8FBC8F; width: auto; height: 500px; padding: 0px 50px; } .contato{ background-color: #fff; width: auto; height: 500px; padding: 0px 50px; } footer{ background-color: #000000; width: auto; height: 200px; padding: 0px 50px; } #subirTopo { background-repeat: no-repeat; bottom: 20px; right: 20px; cursor: pointer; padding: 0px; position: fixed; }
  17. D@nielle

    Mudar imagem no Menu

    Olá. Estou com dificuldade para trocar a imagem do menu conforme passa o mouse. Criei uma função no javascript para isto, porém não encontro o erro no código. Segue o codigo; <!DOCTYPE html> <html lang="pt-br"> <head> <meta charset"UTF-8"/> <title> Tudo sobre Google Glass</title> <link rel="stylesheet" type="text/css" href="_css/estilo.css"/> </head> <script> function mudaFoto(foto){ document.getElementByID("icone").src = foto; } </script> <body> <div id="interface"> <header id="cabecalho"> <hgroup> <h1>Google Glass</h1> <h2>A revolução do Google está chegando</h2> </hgroup> <img id="icone"src="_imagens/glass-oculos-preto-peq.png" alt="google glass"> <nav id="menu"> <h1>Menu Principal</h1> <ul> <li onmouseover="mudaFoto('_imagens/home.png')"><a href="index.html">Home</a></li> <li onmouseover="mudaFoto('_imagens/especificacoes.png')"><a href="specs.html">Especificações</a></li> A ideia é trocar a imgem de id="icone" por uma imagem do meu arquivo (como está descrito acima) ao passar o mouse. Obrigada
  18. igoraraujowd

    Sobscrever função jQuery

    Pessoal, Estou trabalhando em um teste A/B e preciso fazer uma modificação no código do menu. Estou utilizando o Mega Site Menu e preciso que o site fique sempre com o hamburger menu ainda que em desktop. https://codyhouse.co/gem/css-mega-site-navigation Pra fazer isso, eu precisaria fazer 2 alterações no código abaixo: https://ghostbin.com/paste/fjy3t 1 - Alterar o valor da variável MqL 2 - Anular as linhas abaixo na função moveNavigation: //navigation.insertBefore('.menu--mobile-header-cta'); //$('.nav-overlay').removeClass('is-visible'); A questão é que eu não posso fazer essas alterações diretamente no código e precisaria inserir algo em tags <script> que sobscrevesse a função e alterasse os pontos acima. É possível?
  19. raphaelrdo

    Menus Wordpress - Nav Menu

    Boa Noite, sou novo no wordpress e estou com uma dúvida: Estou desenvolvendo um site usando o "Elementor", e para inserir um menu em minhas páginas usei um plugin o "Nav menu" até ai tudo bem. Criei a estrutura do menu usando a opção Links personalizados, minha estrutura ficou assim: HOME, EDIÇÕES, PORTFÓLIO, AFTERMOVIE, RELATÓRIO E CONTATO. Defini que a pagina inicial do meu site é a home, voltei nas configurações do menu e editei a url para quando clicar em home ir direto para a pagina inicial do site, porém quando entro na home do site fica aparecendo essa marcação azul conforme a imagem anexo, como faço para remove-lá pois esteticamente ficou muito feio. o meu site é: http://www.villamixonline.com.br Abs e obrigado.
  20. Bom dia! Alguém pode me ajudar a ajudar um amigo? Eu estou criando uma pagina para um amigo; o site é gpchaveiro.com.br. Mas quando abro pelo computador ele apesar de simples, está amigável; mas quando abro de qualquer smartphone, a parte superior está com um espaçamento fora do comum, alterando o layout, cortando parte de um slide que vem logo abaixo e, o pior é que quando aperto o menu ele abre as opções, eu escolho, e ele continua na tela, ele não recua. No HTML (index.html): <!-- ==================================================== header section --> <header class="top-header"> <div class="container"> <div class="row"> <div class="col-xs-5 header-logo"> <br> <a href="index.html"><img src="img/logo.png" alt="" class="img-responsive logo"></a> </div> <div class="col-md-7"> <nav class="navbar navbar-default"> <div class="container-fluid nav-bar"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a class="menu active" href="#home" >Home</a></li> <li><a class="menu" href="#servicos">Serviços</a></li> <li><a class="menu" href="#localizacao">Localização </a></li> <li><a class="menu" href="#quemsomos">Quem Somos</a></li> <li><a class="menu" href="#faleconosco"> Fale Conosco</a></li> </ul> </div><!-- /navbar-collapse --> </div><!-- / .container-fluid --> </nav> </div> </div> </div> </header> <!-- end of header area --> NO CSS (style.css) .navbar-default { background-color: transparent; border-color: transparent; margin-bottom: 0; margin-top: 8px; transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -moz-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; } .nav-bar { margin-top: 29px; } .navbar-toggle span { color: #fff; } ul.nav { margin: 0; padding: 0; } .navbar-default .navbar-nav>li>a { font-size: 24px; color: #737373; text-transform: uppercase; transition: all .7s ease 0s; -webkit-transition: all .7s ease 0s; -moz-transition: all .7s ease 0s; -o-transition: all .7s ease 0s; -ms-transition: all .7s ease 0s; padding: 14px 15px; font-weight: bold; } .navbar-default .navbar-nav>li>a:hover { color: #42b3e5; } .navbar-default .navbar-toggle .icon-bar { background-color: #000; } li a.active { color: #42b3e5 !important; } .navbar-default .navbar-toggle { border-color: #fff; margin-top: 4px; } Existem dois sites muito no estilo desse que fiz, e o deles funcionam perfeitamente essa ação via smartphone, não fica com o espaço que o meu fica e uma vez escolhido o link no menu, ele recua: chaveiro24horasajato.com.br e chaveiros24horas.com.br Alguem consegue me ajudar, por gentileza?! Agradecendo desde já!
  21. Estou desenvolvendo um site Onepage com bootstrap. Implementei este Collapse Menu <nav class="navbar navbar-expand-sm bg-nav navbar-dark fixed-top"> <a class="navbar-brand" href="#"> <img class="logo" src="images/logo.jpg" alt="logo"> </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="collapsibleNavbar"> <ul class="navbar-nav"> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#section2">Quem Somos</a> </li> <li class="nav-item"> <a class="nav-link" href="#section3">Nossos Serviços</a> </li> <li class="nav-item"> <a class="nav-link" href="#section4">Nossos Clientes</a> </li> <li class="nav-item"> <a class="nav-link" href="#section5">Contatos</a> </li> </ul> </div> </nav> O CSS e Javascript são estes: <head> <title>Meu Site.</title> <link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico"> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"> <style> body {height: 100%;width: 100%;} html {height: 100%;width: 100%;} form{height: 100%;padding-bottom: 250px;} .bg-nav{background-color:#077877!important} @media (max-width:667px) { img.logo{width: auto; height: 40px;} .desfault-section{padding-top: 65px;padding-bottom: 20px;} } @media (min-width:668px) { img.logo{width: auto; height: 60px;} .desfault-section{padding-top: 90px;padding-bottom: 20px;} } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script> </head> Quando é exibido em tela de celular, o menu abre ao clicar nas 3 barras, porém, ao escolher um item do menu, o mesmo deveria recolher automaticamente sem ter que clicar nas 3 barras e, isto não está acontecendo. Alguém me dá uma luz de como resolver?
  22. lanahwinchester

    Onde estou errando?

    #include<stdio.h> #include<stdlib.h> #include<iostream> using namespace std; int topo=-1, tamanho = 5, total = 0, inicio = 0, fim = 0, vetor[5]; char letra; void enfileirar(); void desenfileirar(); void elementoinicio(); void mostrarfila(); void exit(); int main() { char letra; int i,menu; for(i=0;i<5;i++){ cout<<"Digite uma letra:";cin>>letra; printf("(1) Enfileirar\n(2) Desenfileirar\n(3) ElementoInicio\n(4)MostrarFila\n(5)Sair(0)"); scanf("%d%*c", &menu); switch(menu){ case 1 : void enfileirar(int letra); break; case 2 : void desenfileirar(int letra); break; case 3 : void elementoinicio(int letra); break; case 4 : void mostrarfila(int letra); case 5: exit(0); } } } void enfileirar() { if (!filacheia()){ vetor[fim] = letra; fim = fim + 1; total = total + 1; if ( fim >= 5) fim = 0; } else{ cout<<"Fila cheia!"; } int Desenfileirar (){ int desenfileirado = -1; if (FilaVazia()) cout<<"Fila vazia"; else { desenfileirado = vetor[inicio]; inicio = inicio + 1; total= total -1; if ( inicio >= tamanho ) inicio = 0; } return desenfileirado; } void ElementoInicio() { if (!FilaVazia()) cout<<"O elemento do inicio e:"; vetor[inicio]); else cout<<"Fila vazia"; } void MostrarFila() { int pos; pos = inicio; for (int i= 0; i < total; i++) { cout<<"elemento posicao";cin>>vetor[i],i; pos = pos + 1; if ( pos>= tamanho ) pos = 0; } } } Meu professor pediu para que fizéssemos um programa com um menu para enfileirar,desenfileirar,elemento início,mostrar fila e sair , no caso enfileirar letras . Ao rodar o programa está dando os seguintes erros no devc : In function 'void enfileirar()': [Error] 'filacheia' was not declared in this scope; [Error] a function-definition is not allowed here before '{' token; [Error] expected '}' at end of input. Não sei onde posso estar errando.
  23. Estou desenvolvendo um site e necessito que o menu receba a classe ativo quando o botão for clicado, e se este for clicado de novo ou qualquer parte do documento for clicada, o menu perca a classe. Ao clicar em outra parte da página, o menu desaparece, porém, ao clicar novamente no botão do menu, não consigo a aplicação desejada $(document).ready(function () { var menu = $("nav") $(".bt_menu").click(function (e) { if (menu.hasClass("ativo")) menu.removeClass("ativo"); else menu.addClass("ativo"); e.stopPropagation(); }); $(document).click(function (e) { $('nav').removeClass("ativo"); }); }); Grato pela atenção
  24. Boa tarde caros amigos do fórum. Comecei a trabalhar com sites responsivos (bootstrap) há pouco tempo e ainda não tenho pleno domínio no assunto. Bom, desenvolvi um site (não responsivo) pra um cliente há alguns meses e o proprietário pediu recentemente para que eu o torna-se responsivo. Acontece que o site tem um sub-menu pra o link Produtos. Causam-me dois problemas: 1) Quando o site é visualizado em aparelhos móveis os links não ficam um embaixo do outro, como deveriam ficar; 2) Os links do sub-menu não pode aparecer da forma que está aparecendo, pois dessa maneira só os dois primeiros são mostrados. Pra ajudar vou disponibilizar o link do site. Peço que vejam ele no 'Responsive Mode Design', pois o problema é só quando ele é exibido em dispositivos móveis. Importante: para fazer o sub-menu, utilizei um arquivo CSS (menu.css), provavelmente é isso que está dando o problema, mas não consigo descobrir como corrigir. Link para o site Qualquer ajuda é bem vinda e agradeço desde já à todos que se propuserem a ajudar.
  25. Mupthon

    Espaco branco entre as divs

    Olá, boa tarde a todos. Queria uma ajuda estou desenvolvendo um site para uma barbearia (meu tcc) e estou enfrentando um problema, minhas divs tem espaços brancos entre elas, aqui o codigo: HTML CSS: Aqui estao fotos do meu site e os espacos. https://imgur.com/a/YU5xJK9 https://imgur.com/a/gUnamUZ https://imgur.com/a/16brr75 https://imgur.com/a/KDgWCbf
×

Important Information

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