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

  1. 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); }
  2. 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>
  3. 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; }
  4. 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".
  5. Oi, sou novo por aqui. Queria saber como eu posso fazer um menu de links e informações com abas usando imagens, tipo esse:
  6. 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; }
  7. 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
  8. 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?
  9. 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.
  10. 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á!
  11. 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?
  12. 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.
  13. 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
  14. 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.
  15. 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
  16. 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!
  17. 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/
  18. 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/
  19. 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. 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. 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. 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.
  23. 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.
  24. 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.
  25. 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.
×

Important Information

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