Ir para conteúdo

Pesquisar na Comunidade

Mostrando resultados para as tags ''menu''.

  • Pesquisar por Tags

    Digite tags separadas por vírgulas
  • Pesquisar por Autor

Tipo de Conteúdo


Todas as áreas do Fórum

  • 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

Encontrar resultados em...

Encontrar resultados que...


Data de Criação

  • Início

    FIM


Data de Atualização

  • Início

    FIM


Filtrar pelo número de...

Data de Registro

  • Início

    FIM


Grupo


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Encontrado 123 registros

  1. 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".
  2. Oi, sou novo por aqui. Queria saber como eu posso fazer um menu de links e informações com abas usando imagens, tipo esse:
  3. 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; }
  4. 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
  5. 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?
  6. 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.
  7. 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á!
  8. 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?
  9. 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.
  10. caio_fgf

    Script não funcionando totalmente

    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
  11. ment0r

    Menu hamburguer com submenu - bootstrap

    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.
  12. 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
  13. Phil Santos

    Organização de menus alternativa

    Oi amigos, alguém pode me ensinar como eu faço para organizar o menu de um site no wordpress de forma que eu não precise ficar arrastando os ítens do primary menu porque está gigante e leva um ano cada vez que insiro um ítem? Eu tentei pela "Edição rápida" escolhendo um ascendente, mas não foi, em personalizar -> menu ele joga lá em baixo, gostaria de inserir a página dentro da categoria certa em baixo da página certa, prefiro que não seja, mas se só tiver uma solução pelo editor pode ser, eu só fico preocupado de estragar o tema, eu to aprendendo wordpress. Valeu!
  14. dn.net7@gmail.com

    Menu suspenso de Javascript não funciona

    Tenho um menu suspenso que será aberto e recolhido quando o botão "menu-mobile" for clicado. ele está funcionando perfeitamente fora, mas inserir na header.ph do site wordpress, e o menu não abre mais. veja o código abaixo: <!DOCTYPE html> <!--[if gt IE 8]><!--> <html class="no-js pc " lan <head> <meta charset="<?php bloginfo( 'charset' ); ?>"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="profile" href="http://gmpg.org/xfn/11"> <meta name="format-detection" content="telephone=no"> <?php if ( ! function_exists( 'has_site_icon' ) || ! has_site_icon() ) { $favicon = get_option( 'theme_favicon' ); if ( ! empty( $favicon ) ) { ?><link rel="shortcut icon" href="<?php echo esc_url( $favicon ); ?>" /><?php } } wp_head(); ?> <body <?php body_class(); ?>> <?php $rh_design_variation = INSPIRY_DESIGN_VARIATION; if ( 'classic' === INSPIRY_DESIGN_VARIATION ) { get_template_part( 'assets/' . INSPIRY_DESIGN_VARIATION . '/partials/header' ); } elseif ( 'modern' === INSPIRY_DESIGN_VARIATION ) { } ?> <!--<![endif]--> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb18030"> <link rel="stylesheet" href="https://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/bootstrap.min.css"> <link rel="stylesheet" href="http://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/animate.css"> <link rel="stylesheet" href="https://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/main.css"> <script src="http://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/jquery-1.11.0.min.js"></script> <script src="http://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/jquery.appear.js"></script> <script src="http://rrmartinsconsultoria.com.br/rrmartins/wp-content/themes/realhomes/modi/header/main.js"></script> <!---For Font-Aswesome Icons --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <body class="pg-home pg-hi"> <div id="wrapper"> <header id="header"> <div class="container"> <div id="logo"><a href="./"><img src="https://rrmartinsconsultoria.com.br/rrmartins/wp-content/uploads/2018/08/imobiliaria-em-santo-andre.png" alt="" /></a></div> <!-- (11) 2379-0459 --> <nav id="menu"> <ul class="menu1 hidden-xs"> <div class="main-menu"><a href="#" class="open-menu"><i class="fa fa-bars"></i><span class="numfav zero"></span> <span class="tmenu hidden-md">Menu</span></a></div> <ul class="menu2"> <li><a href="tel:(11) 4437-1529" ><i class="fa fa-whatsapp"></i> WhatsApp<br /><strong>(11) 4437-1529</strong></a></li> <li><a href="tel:(11) 4427-5132" ><i class="fa fa-phone"></i> Ligue agora<br /><strong>(11) 4427-5132</strong></a></li> <!--<li><a href="#" ><i class="fa fa-phone"></i> Ligue agora<br /><strong>(11) 2379-0445</strong></a></li>--> <li><a href="#"><i class="fa fa-envelope-o"></i> Atendimento<br /><strong>Por E-mail</strong></a></li> <!--<li><a href="#" class="open-aol"><i class="fa fa-comments"></i> Corretor<br /><strong>Online</strong></a></li>--> <li><a href="#" class=""><i class="fa fa-home"></i> Anuncie<br/><strong>Seu Im贸vel</strong></a></li> </ul> </ul> <ul id="menu-mobile" class="visible-xs"> <li><a href="#" class="open-menu"><i class="fa fa-bars fa-fw"></i></a></li> <li><a href="tel://4437-1529"><i class="fa fa-phone fa-fw"></i></a></li> <li><a href="tel://4427-5132" class="open-tel"><i class="fa fa-whatsapp fa-fw"></i></a></li> <li><a href="#"><i class="fa fa-heart-o fa-fw"></i></a></li> <!-- <li><a href="#" class="open-aol"><i class="fa fa-comments fa-fw"></i></a></li>--> <li><a href="#" class=""><i class="fa fa-home fa-fw"></i></a></li> <li><a href="contato"><i class="fa fa-envelope fa-fw"></i></a></li> <li><a href="#" class="open-busca"><i class="fa fa-search fa-fw"></i></a></li> </ul> <div class="menu"> <ul> <li><a href="./">Home</a></li> <li><a href="https://rrmartinsconsultoria.com.br/rrmartins/finalidade/venda/" target="_parent">Venda</a></li><li><a href="#" target="_parent">Lancamentos</a></li><li><a href="#" target="_parent"><span class="base">Favoritos<span class="numfav zero"></span></span></a></li><li><a href="#" target="_parent">Locacao</a></li><li><a href="anuncie" target="_parent">Anuncie</a></li><li><a href="#" target="_parent">Blog</a></li><li><a href="#" target="_parent">Imobiliaria</a></li> <li><a href="#">Fale Conosco</a></li> </ul> </div> </nav> </div> </header> </body> </html> Demonstração: http://hospebrasil.com/header/index Site que quero que funcione https://rrmartinsconsultoria.com.br/rrmartins/
  15. dn.net7@gmail.com

    Ajuda! class="open-menu"> Não funciona

    Meus caros amigo, quero sua ajuda, eu crie um um cabeçalho em html e javascript, ao lado um menu suspenso que funciona muito bem, e estou fazendo a inserção deste cabeçalho na header.php do site em wordpress, porém o único problema que estou enfrentando é que a class="open-menu"> não funciona, ou seja deveria abrir o sub-menu, mas nada acontece. Poderiam me ajudar por gentileza, desde já agradeço. O html funcionando http://hospebrasil.com/header/index Agora neste site deixou de abrir o menu https://rrmartinsconsultoria.com.br/rrmartins/
  16. BenficaScore

    Menu com Submenu + Subniveis no blogger

    Boas, Alguém me pode ajudar em como, ou o que poderei fazer para que este código CSS de um menu (ver no jsfiddle) possa ser aceite no blogger? É que funciona correctamente no jsfiddle, mas depois no blogger não funciona. Agradecia essa ajuda.
  17. BenficaScore

    Menu com Submenu + Subniveis no blogger

    Boas, Alguém me pode ajudar em como, ou o que poderei fazer para que este código CSS de um menu (ver no jsfiddle) possa ser aceite no blogger? É que funciona correctamente no jsfiddle, mas depois no blogger não funciona. Agradecia essa ajuda.
  18. BenficaScore

    Menu com Submenu + Subniveis no blogger

    Boas, Alguém me pode ajudar em como, ou o que poderei fazer para que este código CSS de um menu (ver no jsfiddle) possa ser aceite no blogger? É que funciona correctamente no jsfiddle, mas depois no blogger não funciona. Agradecia essa ajuda.
  19. BenficaScore

    Menu com Submenu + Subniveis no blogger

    Boas, Alguém me pode ajudar em como, ou o que poderei fazer para que este código CSS de um menu (ver no jsfiddle) possa ser aceite no blogger? É que funciona correctamente no jsfiddle, mas depois no blogger não funciona. Agradecia essa ajuda.
  20. BenficaScore

    Menu com Submenu + Subniveis no blogger

    Boas, Alguém me pode ajudar em como, ou o que poderei fazer para que este código CSS de um menu (ver no jsfiddle) possa ser aceite no blogger? É que funciona correctamente no jsfiddle, mas depois no blogger não funciona. Agradecia essa ajuda.
  21. BenficaScore

    Menu com Submenu + Subniveis no blogger

    Boas, Alguém me pode ajudar em como, ou o que poderei fazer para que este código CSS de um menu (ver no jsfiddle) possa ser aceite no blogger? É que funciona correctamente no jsfiddle, mas depois no blogger não funciona. Agradecia essa ajuda.
  22. leandryn

    Loja Tray Commerce

    Bom dia a todos. Tudo bem? Gostaria de colocar um menu ao lado das categorias segue site brinqueienjoei.com.br Queria colocar um menu no estilo desse site aqui http://www.clubinhodadidi.com.br/ alguém poderia me da uma força tenho uma certa noção de html, mas esse da lojatray e muito complexo. já estou instalando o menu esquerdo inteligente, então eu poderia deixar apenas uma categoria no menu chamada brinquedos e o restante seria sobre nos FAQ como funciona. Desde já agradeço muito, e um projeto que minha irma começou e estou ajudando ela.
  23. Wellington09

    Menu infinito

    Alguém poderia me dar um dica de como montar um menu para mobile no estilo da imagem abaixo ?
  24. aslivs

    Tirar "margem" do menu dropdown

    Oi pessoal. Estou criando um menu e estou com certa dificuldade. Nos itens que "vão para baixo" há um espaço em branco na esquerda que não consigo tirar de jeito nenhum, como vocês podem ver na imagem. Meus códigos HTML e CSS estão logo abaixo. Se puderem me ajudar, agradeceria muito :) <body> <div id="banner"> </div> <div id="menu"> <nav> <ul class="menu"> <li><a href="#">Index</a> </li> <li><a href="#">A Série</a> </li> <li><a href="#">Personagens</a> <ul> <li><a href="#">Ted Mosby</a></li> <li><a href="#">Robin Scherbatsky</a></li> <li><a href="#">Barney Stinson</a></li> <li><a href="#">Marshall Eriksen</a></li> <li><a href="#">Lily Aldrin</a></li> </ul> </li> <li><a href="#">Episódios Especiais</a> </li> <li><a href="#">Entre em contato</a> </li> </div> .menu{ list-style:none; } .menu li{ position:relative; float:left; } .menu li a{ color:black; text-decoration:none; padding:10px 85px; display:block; } .menu li a:hover{ background:#4C7EA5; color:#fff; text-shadow:0px 0px 5px #fff; } .menu li ul{ position:absolute; top:100%; left:0; background-color:#fff; display:none; } .menu li:hover ul, .menu li.over ul{ display:block; } .menu li ul li{ display:block; width:100%; }
  25. Tenho um site estático em HTML (site), e um blog em Wordpress em um subdiretório desse site (blog). Fiz download de um tema para esse blog e fui customizando para que o header e o footer fiquem iguais ao site, linquei todos os links (CSS, JS) corretamente, estaria tudo certo se não fosse pelo Menu principal do header. Como vocês podem ver pelos links ele está desconfigurando no blog. Já passei horas inspecionando tudo e não consigo achar a solução. Acredito que alguma parte do CSS ou do JS do tema que baixei está interferindo nele, mas não consigo identificar o(s) erro(s). Por isso peço a ajuda de alguém com mais experiência e agradeço muito a atenção desde já!
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.