Ir para conteúdo
Fórum Script Brasil

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


Fóruns

  • Programação & Desenvolvimento
    • ASP
    • PHP
    • .NET
    • Java
    • C, C++
    • Delphi, Kylix
    • Lógica de Programação
    • Mobile
    • Visual Basic
    • Outras Linguagens de Programação
  • WEB
    • HTML, XHTML, CSS
    • Ajax, JavaScript, XML, DOM
    • Editores
  • Arte & Design
    • Corel Draw
    • Fireworks
    • Flash & ActionScript
    • Photoshop
    • Outros Programas de Arte e Design
  • Sistemas Operacionais
    • Microsoft Windows
    • GNU/Linux
    • Outros Sistemas Operacionais
  • Softwares, Hardwares e Redes
    • Microsoft Office
    • Softwares Livres
    • Outros Softwares
    • Hardware
    • Redes
  • Banco de Dados
    • Access
    • MySQL
    • PostgreSQL
    • SQL Server
    • Demais Bancos
  • Segurança e Malwares
    • Segurança
    • Remoção De Malwares
  • Empregos
    • Vagas Efetivas
    • Vagas para Estágios
    • Oportunidades para Freelances
  • Negócios & Oportunidades
    • Classificados & Serviços
    • Eventos
  • Geral
    • Avaliações de Trabalhos
    • Links
    • Outros Assuntos
    • Entretenimento
  • Script Brasil
    • Novidades e Anúncios Script Brasil
    • Mercado Livre / Mercado Sócios
    • Sugestões e Críticas
    • Apresentações

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


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests

  1. Um dos sonhos de um iniciante em linguagem c é poder usar o mouse para acessar opções de um menu no proprio console do windows (cmd), pensando nisto cliei este simples exemplo que faz uso de poucos recursos da API do windows para capturar eventos do mouse na janelinha do dos. Veja o link abaixo:
  2. Boa noite a todos. Estou com a seguinte dúvida: Quero colocar no meu site, um menu retrátil (que só seja aberto quando o usuário passar o mouse sobre ele) e fixo no topo da página. Já consegui criar o menu retrátil, o problema é que quando eu tento deixá-lo fixo (usando o comando CSS position:fixed) ele "se desembrulha" quando o mouse passa pela região que deveria seria utilizada por ele (menu) só depois de expandido. Segue abaixo o código utilizado, ficarei muito grato aqueles que puderem me ajudar. <head> <style> .clearfix:after {display:block; clear:both;} .menu {width:40px;margin:0px auto;position:absolute;top:-14px;left:-65px;} .menu li {margin:0px; white-space:nowrap; width:125px; list-style:none;} .menu > ul > li {float:left; display:inline-block; position:relative; font-size:16px;} .menu > ul > li > a {padding:10px 40px; display:inline-block;} .menu > ul > li:hover > a, .menu > ul > .current-item > a {background:"transparent";} .menu li:hover .sub-menu {z-index:1; opacity:1;} .sub-menu {width:140%;padding:5px 0px;position:absolute;top:100%;left:0px;z-index:-1;opacity:0;transition:opacity linear 0.15s;box-shadow:0px 2px 3px rgba(0,0,0,0.2);background:#00bcd4;} .sub-menu li {display:block;font-size:14px;} .sub-menu li a {padding:10px 30px;display:block;} .sub-menu li a:hover, .sub-menu .current-item a {background:#33C9DD;color:#FFFFFF;} </style> </head> <body> <!-- <div style='position:fixed'> --> <nav class='menu'> <ul class='clearfix'> <li> <a href='#'><b style='background:#99E4EE;'><img src='imagens/menu-20x20.png'/></b></a> <ul class='sub-menu'> <li><a href='link1.html' ><b>LINK 1</b></a></li> <li><a href='link2.html' ><b>LINK 2</b></a></li> <li><a href='link3.html' ><b>LINK 3</b></a></li> </ul> </li> </ul> </nav> <!-- </div> --> </body> [/html]
  3. Quando seus programas em linguagem c se tornarem mais avançados, é sinal que você futuro programador necessita de um menu que acompanhe seus avanços. Já postei um Programa no qual entitulei de: "Menu inteligente", más o programa apesar da alta eficiência só permitia o uso de duas setas do teclado, que são as setas pra baixo e pra cima, e olha, ele é campeão disparado em visualizações no meu blog, este aqui com certeza é bem melhor, aceita as quatro setas do teclado e rejeita qualquer outra tecla exceto o Esc que também é um canal de saída do programa. Programa indicado a estudantes, e hobistas avançados em linguagem c. Pessoal se o vídeo não estiver abrindo por favor me avisem. Abraço a todos
  4. Bom dia/Boa tarde/Boa noite, Estou com o seguinte exercício utilizando lista: Escreva um programa que simule o controle de uma pista de decolagem de aviões em um aeroporto. Neste programa, o usuário deve ser capaz de realizar as seguintes tarefas: a) Listar o número de aviões aguardando na fila de decolagem; b) Autorizar a decolagem do primeiro avião da fila; c) Adicionar um avião à fila de espera; d) Listar todos os aviões na fila de espera; e) Listar as características do primeiro avião da fila. Considere que os aviões possuem um nome e um número inteiro como identificador. Adicione outras características conforme achar necessário. Para este exercício eu resolvi fazer utilizando struct e fazer um menu que interagisse com o usuário, para isso e facilitar na hora de fazer escolhi fazer alguns arquivos separados. Fila.h typedef struct item { int numero; char nome[30]; struct item *prox; } Item; typedef struct fila { Item *primeiro; Item *ultimo; int qtdItens; } Fila; Fila *criaFila(); void liberaFila(Fila *f); int estahVazia(Fila); void enfileirar(Fila *f, int n, char nm[]); void desenfileirar(Fila *f, char *nomeDesenfileirado, int *nDesenfileirado); void mostrarFila(Fila *f); int quantidadeFila(Fila *f); void mostrarCaracteristicas(Fila *f);Fila.cpp #include <malloc.h> #include <iostream> #include <string.h> #include "Fila.h" using namespace std; #define MSG_FILAVAZIA "\nA Fila está vazia\n" Fila *criaFila(){ Fila* f = (Fila*) malloc(sizeof(Fila)); f->primeiro = NULL; f->ultimo = NULL; f->qtdItens = 0; return f; } void liberaFila(Fila *f){ free(f); } int estahVazia(Fila *f){ return f->qtdItens == 0; } void enfileirar(Fila *f, int i, char n[]){ Item *novoItem = (Item*) malloc(sizeof(Item)); novoItem->numero = i; strcpy(novoItem->nome, n); if (estahVazia(f)){ novoItem->prox = NULL; }else{ novoItem->prox = f->ultimo; } f->ultimo = novoItem; f->qtdItens++; } int desenfileirar(Fila *f, char *nomeDesenfileirado[], int *nDesenfileirado){ Item *i; if(!estahVazia(f)){ i = f->primeiro; f->primeiro = i->prox; strcpy(*nomeDesenfileirado, i->nome); *nDesenfileirado = i->numero; free(i); }else{ fprintf(stderr, MSG_FILAVAZIA); return 0; } f->qtdItens--; return 1; } void mostrarFila(Fila *f){ Item *i = f->primeiro; while(i != f->ultimo){ cout << " [Numero: " << i->numero << ", Nome: " << i->nome << "] |"; i = i->prox; } cout << " [Numero: " << i->numero << ", Nome: " << i->nome << "]" << endl; } int quantidadeFila(Fila *f){ return f->qtdItens; } void mostrarCaracteristicas(Fila *f){ cout << " [Numero: " << f->primeiro->numero << ", Nome: " << f->primeiro->nome << "]" << endl; } aeroporto.h #include "Fila.cpp" /* Escreva um programa que simule o controle de uma pista de decolagem de aviões em um aeroporto. Neste programa, o usuário deve ser capaz de realizar as seguintes tarefas: */ // a) Listar o número de aviões aguardando na fila de decolagem; void quantosAvioesAguardam(Fila *f); // b) Autorizar a decolagem do primeiro avião da fila; void autorizarDecolagem(Fila *f); // c) Adicionar um avião à fila de espera; void adicionarAviaoFilaDecolagem(Fila *f); // d) Listar todos os aviões na fila de espera; void listarAvioesFilaDecolagem(Fila *f); // e) Listar as características do primeiro avião da fila; void caracteristicasProximoDecolar(Fila *f); // Menu interativo para acesso às funções. int menuAeroporto(Fila *f); /* Considere que os aviões possuem um nome e um número inteiro como identificador. Adicione outras características conforme achar necessário. */ aeroporto.cpp #include <iostream> #include <stdlib.h> #include <string.h> #include <unistd.h> #include "aeroporto.h" using namespace std; void quantosAvioesAguardam(Fila *f){ system("clear"); if(!estahVazia(f)){ cout << f->qtdItens << " Avioes estao aguardando para decolar." << endl; }else{ cout << "Nao ha avioes aguardando para decolar." << endl; } cout << endl; sleep(2); menuAeroporto(f); } void autorizarDecolagem(Fila *f){ Item *i; char *nm[30]; int *num; system("clear"); if (!estahVazia(f)){ desenfileirar(f, nm, num); cout << "Aviao [Numero: " << num << "] [Nome: " << nm << "] | Autorizado a decolar." << endl; }else{ cout << "Nao existem avioes para decolar." << endl; } sleep(2); menuAeroporto(f); } void adicionarAviaoFilaDecolagem(Fila *f){ char nm[30]; int num=0; system("clear"); cout << "Digite os dados do aviao a ser inserido na Fila de Decolagem" << endl; cout << "Numero: "; cin >> num; cout << endl; cout << "Nome: "; cin >> nm; enfileirar(f, num, nm); system("clear"); cout << "Aviao [" << num << "] [" << nm << "] adicionado com sucesso." << endl; sleep(2); menuAeroporto(f); } void listarAvioesFilaDecolagem(Fila *f){ Item *i; if(!estahVazia(f)){ system("clear"); i = f->primeiro; while(i != f->ultimo){ cout << "[" << i->numero << "] [" << i->nome << "] | "; i=i->prox; } cout << "[" << i->numero << "] [" << i->nome << "]" << endl; }else{ cout << "Nao existem avioes para decolar." << endl; } sleep(2); menuAeroporto(f); } void caracteristicasProximoDecolar(Fila *f){ if(!estahVazia(f)){ system("clear"); cout << "O proximo a decolar sera:" << endl; mostrarCaracteristicas(f); }else{ cout << "Nao existem avioes para decolar." << endl; } sleep(2); menuAeroporto(f); } int menuAeroporto(Fila *f){ int opt=1; while(opt != 6){ opt = 1; system("clear"); if(opt < 1 || opt > 6){ cout << "Opcao errada." << endl; cout << "Escolha entre 1 e 6." << endl; } cout << "1 - Quantos Avioes estao aguardando." << endl; cout << "2 - Autorizar proxima decolagem." << endl; cout << "3 - Adidionar aviao a espera." << endl; cout << "4 - Ver avioes aguardando." << endl; cout << "5 - Detalhes do proximo a decolar." << endl; cout << "6 - Sair." << endl; cout << endl; cout << "Opcao: "; cin >> opt; switch(opt){ case 1: quantosAvioesAguardam(f); case 2: autorizarDecolagem(f); case 3: adicionarAviaoFilaDecolagem(f); case 4: listarAvioesFilaDecolagem(f); case 5: mostrarCaracteristicas(f); case 6: cout << "Fechando aplicacao, aguarde..." << endl; sleep(3); return 0; default: menuAeroporto(f); } } return 0; } exFila.cpp #include "aeroporto.cpp" int main(){ Fila *aeroporto = criaFila(); menuAeroporto(aeroporto); return 0; } Bom... estes são os arquivos, o programa funciona na maioria do tempo, o menu vai e volta tranquilo. O problema é que em alguns momentos ele dá um erro de segmentação que não estou conseguindo resolver, acredito ser relativo a algum ponteiro. E acredito também que o menu pode ser melhorado, se alguém puder dar uma luz, serei muito grato.
  5. boa tarde! Hoje inicio um projeto, onde não quero colocar meu menu em todas as paginas. Assim queria usar o include, porém na pagina inicio.php, quando chamo com include ("menu.php"), funciona corretamente, porém ao chamar em quaisquer outras páginas, ele traz o menu, porém como tenho submenus, e estou usando o bootstrap, não funciona o dropdown. Alguém poderia me auxiliar?
  6. Bom dia, pessoal. Estou produzindo um site para uma empresa, estou fazendo ele em HTML e CSS simples, pois não tenho muito conhecimento. Está tudo quase pronto, falta apenas o menu que eu criei em HTML e coloquei um estilo em CSS. Esse menu fica sempre a esquerda da página e eu não estou conseguindo trazer ele para o meio. Já tentei de tudo, procurei e li muito sobre isso na internet durante o final de semana todo e agora estou sem opções. Vocês poderiam, por favor, me ajudar? Segue o codigo: <style type="text/css"> /*Configurações Padrões*/ ul.menu, .menu li, .menu a{ margin:0; padding:0; list-style:none; text-decoration:none;} ul.menu ul{ position:absolute; display:none; box-shadow:3px 3px 2px #333;} /* Configurações nivel 1*/ ul.menu{ float:left; font-family:Verdana, Geneva, sans-serif; font-size:15px; border-radius:5px; 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; transition:all 0.1s linear; } /* Configurações nivel 2*/ .menu li:hover > ul.submenu-1{ display:block; top:45px; left:0; padding:5px; width:200px; border-radius:0 0 5px 5px; } .menu ul.submenu-1 a{ width:160px; padding:0 20px; border-radius:5px; } /* Configurações nivel 2*/ .menu li:hover > ul.submenu-2{ display:block; top:0; left:195px; padding:5px; width:200px; border-radius: 0 5px 5px 5px; } .menu ul.submenu-2 a{ width:160px; padding:0 20px; border-radius:5px; } /* Configurações nivel 3*/ .menu li:hover > ul.submenu-3{ display:block; top:0; left:195px; padding:5px; width:200px; border-radius: 0 5px 5px 5px; } .menu ul.submenu-3 a{ width:160px; padding:0 20px; border-radius:5px; } /*Configurações de cores*/ /*nivel 1*/ .menu{background:#FF0; } .menu a{ color:#000;} .menu li:hover > a{ background:#999; color:#fff;} /*nivel 2*/ .submenu-1{ background:#FFFF99;} .submenu-1 a{color:#000;} .submenu-1 li:hover > a{ background:#666; } body { background-image: url("BG_teste.jpg"); /* esta declaração possui estes parenteses sim*/ } </style> <div id="top-wrapper" class="hfeed"> <div id="header"> <center> <a href="C:\Users\Home\Documents\Site Daynes\1 Index\daynes_index_V2.html" title="DAYNES" rel="home"> <!-- exemplo de site --> <img id="logo" src="http://i.imgur.com/CPbuNBw.jpg"alt=""> </a> </center> </div> <nav role='navigation'> <ul class="menu"> <!-- Esse é o 1 nivel ou o nivel principal --> <li><a href="#">Emprsa</a> <ul class="submenu-1"> <!-- Esse é o 2 nivel ou o primeiro Drop Down --> <li><a href="C:\Users\Home\Documents\Site Daynes\2 Empresa\Sobre_Nos_V2.html">Sobre Nós</a></li> <li><a href="C:\Users\Home\Documents\Site Daynes\2 Empresa\Noticias_V2.html">Notícias</a></li> </ul> <li><a href="#">Serviços</a> <ul class="submenu-1"> <!-- Esse é o 2 nivel ou o primeiro Drop Down --> <li><a href="C:\Users\Home\Documents\Site Daynes\3 Serviço\Servico_Bambu_V2.html">Bambu</a></li> <li><a href="C:\Users\Home\Documents\Site Daynes\3 Serviço\Servico_Fotos_V2.html">Fotos</a></li> </ul> </li> <li><a href="C:\Users\Home\Documents\Site Daynes\4 Guia\Guia_Resultado_V2.html">Guia</a></li> <li><a href="C:\Users\Home\Documents\Site Daynes\5 Contato\Contato_V2.html">Contato</a></li> </li> </ul> </nav> <br> <br> </ul> <title>Daynes</title> Muito obrigado, agradeço desde já!
  7. kklo

    Ocultar item de menu

    Boa tarde a todos, Sei que a dúvida é muito simples, mas esta me deixando de cabeça quente e está passando batido Tenho um menu horizontal. Este item de menu aparece para todos os usuários, mas quero que apareça somente para usuária "maria". Código em Smarty. {if $GLOBALS.current_user.logged_in} <li> {if $GLOBALS.current_user.group.id == "Employer"} <a href="http://sup.dominio.com.br/clientarea.php/"target="blank">[Suporte]</a> {/if} </li> {/if} Tabela users id username password 01 joao lxyTyhb 02 maria yTrvlOí 03 paulo gtRedCs Alguém pode me ajudar? kklo
  8. Olá bom dia, preciso de ajuda para personalizar um menu topo para meu site, alguém pode me ajudar?
  9. Olá colegas, Eu estou tentando fazer um menu que desliza para baixo da parte superior da página só que eu não sei se o certo é fazer com o Jquery hide/show, ou toggle, ou slidedown, ou toggleclass, ou addclass, ou switchclass, ou de outra forma. O que acontece é que eu estou aprendendo javascript e Jquery e eu não sei onde eu coloco o "duration" para que o menu deslize mais lentamente porque ele está dando um pulo para baixo, onde eu estou colocando os milisegundos não está funcionando, não sei se é erro de sintaxe ou outra coisa. Outra coisa que eu preciso saber é sobre o posicionamento porque eu quero que o menu deslize sobre a div que está abaixo sem empurrar ela para baixo. Eu tentei usar o z-index, mas não funcionou. Desculpem-me, mas eu sou iniciante, já sei um tanto de html e css, mas falta muito a aprender, javascript e jquery estou bem no começo mesmo. Eu fiz com o seguinte código: HTML <html> <head><title>Meu site</title> </head> <body> <div id="all"> <div id="tomenuandmenubutton" class="teste"> <div class="menu"> <ul> <li><a href="#">Ítem 1</a></li> </ul> </div> </div> <div id="toggle" ><img id="abainvertidadomenu1"src="images/aba_invertida_menu_3.png" width="50" height="20" /></div> <div id="content"> </div> </body> </html> CSS *{ margin:0; padding:0; list-style:none; } html { overflow-y: scroll; } html { overflow: -moz-scrollbars-vertical; } html { overflow-x: auto; } #all{ width:100%; height:auto; margin:; padding:; background: #ffffff; } #tomenuandmenubutton{ width: 100%; height:; margin: 0 auto; background:#000000; } #menubutton1{ width: 488px; height: 20px; background: #fff; border: 1px solid #ccc; padding: 5px; cursor: pointer; text-align: center; } .menu { width: 100%; height:100px; margin: 0 auto; background:#000000; cursor:pointer } .teste { height:0px; overflow: hidden; cursor:pointer } #toggle { width: 100%; height: 10px; padding: 0px; background: #000000; border-bottom: 1px solid #000000; text-align: center; cursor: pointer; } .menu ul li{ color: #ffffff; font-size:1.2em; margin:; padding:30px 0 0 30px; list-style:none; } .menu ul li a{ color: #ffffff; font-size:1.2em; margin:; padding:30px 0 0 30px; text-decoration:none; } .menu ul li a:hover{ color: orange; font-size:1.2em; margin:; padding:30px 0 0 30px; text-decoration:underline; } input{ display:block; } #content{ float:left; width:100%; height:600px; margin:; padding:; background:blue; z-index:1; } JAVASCRIPT E JQUERY <script type="text/javascript"> $(document).ready(function(){ $('#toggle').mouseover(function(){ $('#tomenuandmenubutton').toggleClass('teste'); }); }); </script> Grato desde já, Phil
  10. Olá pessoal, tudo bem? Gostaria da ajuda de todos com o meu problema. Estou fazendo um site do zero, sei HTML, CSS e PHP do médio para o avançado, mas eu não me dou muito bem com o JS, e queria fazer um menu off-canvas igual a este aqui : http://foundation.zurb.com/docs/components/offcanvas.html O tipo do menu é o (Off-Canvas Multilevel Menu), que para o meu projeto seria o mais apropriado. PS: O site é responsivo Obrigado desde já.
  11. Pessoal Como faço para estilizar um menu dropdown onde o html vem da seguinte maneira 1 class container = navbar 1 class menu-departamento = 1 ul com uma class = class banho 1 ul com uma class = class Mesa Percebam que não existem duas ul distintas! Como exemplo uma ul para menu-departsamento e outra para seus filhos. Sem a ul para o primeiro nivel que seria os departamentos não é possivel alinhar de maneira horizontal. Para maior entendimento segue o html para padrão da plataforma que não pode ser modificados <div class="navbar"> <div class="navbar-inner"> <div class="menu-departamento"> <span class="rt"> </span> <span class="rb"> </span> <h3 class="banho"> <span> </span> <a class="menu-item-texto" href="#">Banho</a> </h3> <ul class="banho"> <li> <a href="#">Jogos de Toalhas</a> </li> <li> <a href="#">Toalhas de Banho Gigante</a> </li> <li> <a href="#">Toalhas de Banho</a> </li> <li> <a href="#">Toalhas de Rosto</a> </li> <li> <a href="#">Toalhas Social</a> </li> <li> <a href="#">Toalhas para Pés</a> </li> <li> <a href="#">Toalhas de Praia</a> </li> <li> <a href="#">Toalhas de Times de Futebol</a> </li> <li> <a href="#">Toalhas Intanfil</a> </li> <li> <a href="#">Toalhas para Pescoço</a> </li> </ul> <h3 class="mesa even"> <span> </span> <a class="#">Mesa</a> </h3> <ul class="mesa even"> <li> <a href="#">Toalhas de Mesa</a> </li> </ul> </div> </div> </div>
  12. Olá pessoal, andei pesquisando aqui no fórum uma solução para meu problema, mas as alternativas que tentei não resolveram o caso. Poderiam me dar uma ajudinha aqui? Quero criar um terceiro nível em meu menu, especialmente no marcador "Download", para que eu possa, por exemplo, dar categorias de downloads como "material acadêmico, etc...". <div class='top-nav'> <div id='menu-dropdown'> <ul id='topmobilemenu'> <li><a expr:href='data:blog.homepageUrl'><span><i class='icon-home'/></span></a></li> <li class='has-sub'> <a href='#'><span>Tecnologia</span></a> <ul> <li><a href='#'><span>Notícias</span></a></li> <li><a href='#'><span>Downloads</span></a></li> <li class='last'><a href='#'><span>Products</span></a></li> </ul> </li> <li class='has-sub'> <a href='#'><span>Negócios</span></a> <ul> <li><a href='#'><span>Marketing</span></a></li> <li class='last'><a href='#'><span>Location</span></a></li> </ul> </li> <li class='last'><a href='#'><span>Fashion</span></a></li> <li class='last'><a href='#'><span>Lifestyle</span></a></li> </ul> </div> <ul class='social-icons float-right'> <li class='facebook'><a href='http://facebook.com' target='_blank' title='Facebook'> <i class='icon-facebook'/> </a></li> <li class='twitter'><a href='https://twitter.com' target='_blank' title='Twitter'> <i class='icon-twitter'/> </a></li> <li class='gplus'><a href='https://plus.google.com' target='_blank' title='Google plus'> <i class='icon-google-plus'/> </a></li> </ul> </div> <div class='clear'/> E o CSS pra ele é: (Vou colando a medida que eu for localizando no template) #menu-dropdown { max-width: 650px; float: left; } #menu-dropdown { border: 0px; margin: 0px auto; padding: 0px; font-size: 14px; font-weight: bold; width:100%; max-width:750px; float:left; } #menu-dropdown ul { background: #333333; height: 45px; list-style: none; margin: 0; padding: 0; } #menu-dropdown li { float: left; padding: 0px; } #menu-dropdown li a { background: #333333 url('http://4.bp.blogspot.com/-eRuYGIJ6kZU/Un8xjrEuaUI/AAAAAAAABto/rEx77zt-lr4/s1600/seperator.gif') center right no-repeat; display: block; font-weight: 400; line-height: 45px; margin: 0px; padding: 0px 15px; text-align: center; text-decoration: none; font-family: Oswald, arial, Georgia, serif; text-transform: uppercase; font-size:15px; } #menu-dropdown > ul > li > a { color: #cccccc; } #menu-dropdown ul ul a { color: #cccccc; } #menu-dropdown li > a:hover, #menu-dropdown ul li:hover > a { background: $(primary.color) url('http://2.bp.blogspot.com/-OIz_gMAJc6M/Un8xjibyHrI/AAAAAAAABt8/cJcD57RyXXY/s1600/hover.png') bottom center no-repeat; color: #FFFFFF; text-decoration: none; } #menu-dropdown li > a i{ color: #FFFFFF; } #menu-dropdown li ul { background: #333333; display: none; height: auto; padding: 0px; margin: 0px; border: 0px; position: absolute; width: 225px; z-index: 200; /*top:1em; /*left:0;*/ } #menu-dropdown li:hover ul { display: block; } #menu-dropdown li li { background: url('http://2.bp.blogspot.com/-62RZ4E3cHS8/Un8xkLqHRaI/AAAAAAAABt0/RqGVZ3Xy1Hs/s1600/sub_sep.gif') bottom left no-repeat; display: block; float: none; margin: 0px; padding: 0px; width: 225px; } #menu-dropdown li:hover li a { background: none; } #menu-dropdown li ul a { display: block; height: 35px; line-height:35px; font-size: 12px; font-style: normal; margin: 0px; padding: 0px 10px 0px 15px; text-align: left; } #menu-dropdown li ul a:hover, #menu-dropdown li ul li:hover > a { background: $(primary.color) url('http://1.bp.blogspot.com/-xW_sOqCx39k/Un8xjlYSKqI/AAAAAAAABts/LJqXWuWTJME/s1600/hover_sub.png') center left no-repeat; border: 0px; color: #ffffff; text-decoration: none; } #menu-dropdown p { clear: left; } Em anexo segue um print do menu atual.
  13. Olá pessoal, eu criei um menu seguindo um tuto, até aí sem problemas. Só que agora quero fazer um dropdown no menu portfólio e não estou sabendo solucionar. Será que alguém pode me dar uma luz? Segue meu CSS #menu { width:100%; height:30px; background-image:url(../imagens/bg_menu.jpg); background-repeat:repeat-x; } #dentromenu { width:950px; height:22px; margin:0 auto; padding-top:8px; } #dentromenu h2 { color:#705932; font-family:Arial, Helvetica, sans-serif; font-size:20px; text-align:center; } .links { color:#705932; font-family:Arial, Helvetica, sans-serif; font-size:18px; text-decoration:none; padding:22px; } .links:hover { color:#FFFF00; font-family:Arial, Helvetica, sans-serif; font-size:18px; background-image:url(../imagens/bg_menu_hover.jpg); background-repeat:repeat-x; padding-top:9px; } E o menu em HTML <div id="menu"> <div id="dentromenu"> <a href="index.html" class="links"> Home </a> <a href="chita.html" class="links"> Chita </a> <a href="quem.html" class="links"> Quem sou eu </a> <a href="produto.html" class="links"> Portfólio </a> <a href="contato.html" class="links"> Faça Contato </a> </div> </div> No aguardo de uma luz para minha dúvida....
  14. Olá Pessoal, Consegui fazer um menu fixo para deslizar sobre uma pagina inteira web, porem não estou estou conseguindo fazer o seguinte efeito: Como faço para uma das opções do menu ficarem destacadas enquanto vou para outra sessão? Suponha que no meu site, após o menu tenha a seção do home, noticias e contato, e quando eu rolar pela pagina o menu destacar a opção que seja da seção que estou. Como faço? Segue o código: /** .html **/ <nav id="menu" class="fixed-nav"> <div id="Navigation"> <ul class="menu unfixed""> <li class="button" id="#"><a href="#" class="link-menu">Home</a></li> <li class="button" id="#"><a href="#" class="link-menu">Sobre</a></li> <li class="button" id="#"><a href="#" class="link-menu">Notícias</a></li> </ul> </div> </nav> /** .cs **/ #menu{ margin-top: 0px; margin-right:0; } #menu ul li { display: inline; } #Navigation { position:relative; margin-left: 0px; margin-top: 0px; margin-right:0; background-color:#66f; width:100%; height:40px; box-shadow: #000 2px 2px 1px; } #Navigation ul.menu li.button { float:top; text-decoration:none; } #Navigation ul.menu li.button { float:top; text-decoration:none; } #Navigation ul.menu li.button a { display:inline-block; width:100px; line-height:10px; color:#fff; text-decoration: none; font-family:"Arial", sans-serif; text-align:center; padding:5px; padding-left:5px; padding-right:5px; margin:10px 30px 20px 10px; } #menu ul li a:hover { border-bottom:3px solid #fff; height:18px; border-top-width: 0; border-right-width: 0; border-left-width: 0; } .fixed-nav{ position:fixed; width:100%; top:0; left:0; z-index:999; } #Navigation .menu{ margin-top:0; } #Pag2{ margin-top: 50px; } div.quadro { position:relative; width: 100%; height:100px; margin-right:0; padding:20px; background-color:#f66; } /** .js **/ $(function(){ if($(window).scrollTop > $('#Pag2').offset().top){ $('#menu').addClass('fixed-nav'); }else{ $('#menu').removeClass('fixed-nav'); } $(window).scroll(function(){ if($(this).scrollTop() > $('#Pag2').offset().top){ $('#menu').addClass('fixed-nav'); }else{ $('#menu').removeClass('fixed-nav'); } }); });
  15. Olá pessoal, Boa tarde à todos, sou novo aqui no fórum, não achei nenhum tópico parecido, me desculpem se minha dúvida está no local errado. Criei um sistema simples de Login em PHP, quando o usuário se autentica ele cai no meu PAINEL.PHP. Este painel em si, só tem um Iframe em tela cheia onde roda a ferramenta pro usuário trabalhar. Como este Iframe está em tela cheia não tem como eu colocar um menu, pois iria ficar na frente da tela de trabalho. Minha dúvida é: como faço aqueles menus dobráveis no canto, que só se abrem quando o cursor encosta no canto da tela? Ou se puderem me falar o nome dessa ferramenta para eu pesquisar mais a fundo. Pois nesse menu queria colocar alguns itens, inclusive a opção de Logout que é essencial. Muito Obrigado, espero que possam me ajudar, Grato à todos do fórum.
×
×
  • Criar Novo...