HTML / CSS / JavaScript

Navegação e menus

Navegação principal, paginação, abas, árvore e navegação baseada em comandos.

73c categorias de exemplos
Exibindo atualmente 73 casos
0008Navegação e menus

Menu de navegação suspenso

Navegação responsiva que equilibra a interação por hover no desktop e por toque no mobile.

HTMLCSSJavaScriptNavegação
Abrir e executar
0023Navegação e menus

Menu principal responsivo para guia de museu

Conclua o menu principal responsivo no cenário de guia de museu: inclui conteúdo real, controles interativos, feedback de status claro e layout responsivo a diferentes tamanhos.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0039Navegação e menus

Navegação em breadcrumb para guia do museu

Conclua a navegação por breadcrumbs no cenário de guia do museu: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0055Navegação e menus

Abas da área de trabalho do guia do museu

Concluir as abas do espaço de trabalho no cenário de guia de museu: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
0071Navegação e menus

Painel de comandos do guia do museu

Painel de comandos para o cenário de guia de museu: inclui conteúdo realista, controles acionáveis, feedback de status claro e layout responsivo em vários tamanhos.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0087Navegação e menus

Navegação em árvore para guia de museu

Conclua a navegação em árvore em um cenário de guia de museu: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
0103Navegação e menus

Navegação de progresso do roteiro de visita ao museu

Conclua a navegação de progresso do fluxo no cenário de guia de museu: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0119Navegação e menus

Navegação rápida inferior para guia de museu

Complete a navegação rápida inferior em um cenário de guia de museu: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0135Navegação e menus

Navegação por seções do guia do museu

Complete a navegação de localização de seções no cenário de guia de museu: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos de tela.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0151Navegação e menus

Navegação por páginas do guia do museu

Conclua a navegação por páginas numeradas em um contexto de guia de museu: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0167Navegação e menus

Menu grande em grupo para guia de museu

Crie um menu agrupado em estilo mega menu para um cenário de guia de museu: com conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0183Navegação e menus

Menu principal responsivo da base de conhecimento

Concluir um menu principal responsivo em um cenário de base de conhecimento: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout adaptado a diferentes tamanhos de tela.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0199Navegação e menus

Navegação por breadcrumbs da base de conhecimento

Completa a navegação por breadcrumb no cenário de base de conhecimento: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0215Navegação e menus

Abas da área de trabalho da base de conhecimento

Conclua a aba do espaço de trabalho no cenário da base de conhecimento: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout entre tamanhos de tela.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
0231Navegação e menus

Painel de comando da base de conhecimento

Conclua um painel de comandos no cenário da base de conhecimento: inclui conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0247Navegação e menus

Navegação em árvore da base de conhecimento

Conclua a navegação em árvore em um cenário de base de conhecimento: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
0263Navegação e menus

Navegação de progresso do fluxo da base de conhecimento

Crie uma navegação de progresso de processo para o cenário de base de conhecimento: inclua conteúdo real, controles acionáveis, feedback claro de estado e um layout adaptado a diferentes tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0279Navegação e menus

Navegação rápida inferior da base de conhecimento

Complete a navegação rápida no rodapé para o cenário de base de conhecimento: inclua conteúdo real, controles acionáveis, feedback claro de estado e layout adaptável a diferentes tamanhos.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0295Navegação e menus

navegação por seções da base de conhecimento

Concluir a navegação de localização de capítulos em um cenário de base de conhecimento: inclui conteúdo real, controles operáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0311Navegação e menus

Navegação por páginas numeradas da base de conhecimento

Conclua a navegação por páginas em um cenário de base de conhecimento: inclui conteúdo realista, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0327Navegação e menus

Menu grande de grupo da base de conhecimento

Conclua um menu grande agrupado para cenários de base de conhecimento: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0343Navegação e menus

Menu principal responsivo do espaço do projeto

Conclua um menu principal responsivo no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0358Navegação e menus

Navegação em trilha de pão da área do projeto

Concluir a navegação por breadcrumb no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em vários tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0373Navegação e menus

Abas do espaço de trabalho do projeto

Conclua as abas do espaço de projeto no contexto do espaço do projeto: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
0388Navegação e menus

Painel de comandos do espaço do projeto

Complete o painel de comandos no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback claro de estado e um layout adaptado a diferentes tamanhos.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0403Navegação e menus

Navegação em árvore do espaço do projeto

Complete uma navegação em árvore no contexto do espaço do projeto: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
0416Navegação e menus

Navegação de progresso do fluxo do espaço do projeto

Realize a navegação de progresso do fluxo no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0429Navegação e menus

Navegação rápida inferior do espaço do projeto

Conclua a navegação rápida inferior para o cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em vários tamanhos.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0442Navegação e menus

Navegação de seções com indicação de posição do espaço do projeto

Realize a navegação de localização por seção em um contexto de espaço de projeto: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0455Navegação e menus

Navegação por páginas numeradas do espaço do projeto

Conclua a navegação por paginação no cenário de espaço de projeto: inclui conteúdo real, controles acionáveis, feedback claro de status e layout responsivo a vários tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0465Navegação e menus

menu grande agrupado do espaço do projeto

No cenário de espaço do projeto, conclua o menu em grupo expandido: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0524Navegação e menus

Navegação rápida inferior do centro de suporte

Conclua uma navegação rápida na parte inferior no cenário de centro de suporte: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo entre tamanhos.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0540Navegação e menus

Navegação por breadcrumb do centro de arquivos

Conclua a navegação por breadcrumb em um contexto de centro de arquivos: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0549Navegação e menus

Painel de comandos do hall de arquivos

Conclua o painel de comandos no cenário do saguão do arquivo: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0565Navegação e menus

Menu grande agrupado de orientação do campus

Menu agrupado concluído no cenário de guia do campus: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0574Navegação e menus

Navegação por páginas da estação de despacho de arquivos

Complete a navegação por paginação no cenário da central de expedição de arquivos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0590Navegação e menus

Navegação de progresso do roteiro de guia do arquivo

Concluir a navegação do progresso do fluxo no cenário da parede de guia de arquivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0599Navegação e menus

Menu principal responsivo do painel de avisos do arquivo

Conclua o menu principal responsivo no cenário do quadro de avisos de arquivos: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout em diferentes tamanhos.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0615Navegação e menus

Navegação de ancoragem em seções do índice rápido de arquivo

Conclua a navegação de localização de capítulos no cenário de índice rápido de arquivo: com conteúdo real, controles utilizáveis, feedback de status claro e layout adaptável a diferentes tamanhos.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0624Navegação e menus

Navegação em árvore da estante de recursos de arquivo

Complete a navegação em árvore no cenário do suporte a recursos de arquivos: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
0640Navegação e menus

Abas da área de trabalho do mapa de rotas de arquivo

Em um cenário de mapa de rotas de arquivo, conclua as abas da área de trabalho: com conteúdo real, controles acionáveis, feedback de status claro e layout adaptado a diferentes tamanhos de tela.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
0649Navegação e menus

Navegação rápida inferior da sala de serviços de arquivos

Conclua a navegação rápida inferior em um cenário de sala de serviços de arquivos: inclui conteúdo real, controles utilizáveis, feedback de estado claro e layout responsivo.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0665Navegação e menus

Navegação breadcrumb do cartão de acesso ao arquivo

Conclua a navegação por breadcrumbs em um cenário de cartão de acesso a arquivos: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0674Navegação e menus

Painel de comandos da central de despacho do campus

Conclua um painel de comandos no cenário do posto de despacho do campus: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos de tela.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0690Navegação e menus

Menu agrupado em mural de guia do campus

Conclua um mega menu agrupado no cenário do mural de orientação do campus: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0699Navegação e menus

Navegação por páginas do mapa do campus

Complete a navegação por páginas no cenário do mapa do campus: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout em vários tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0715Navegação e menus

Navegação de progresso do mural de avisos do campus

Complete a navegação por progresso de processos em cenários de quadro de avisos do campus: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos de tela.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0724Navegação e menus

Menu principal responsivo de índice rápido do campus

No cenário de índice rápido do campus, conclua um menu principal responsivo: inclui conteúdo real, controles operáveis, feedback de estado claro e layout entre diferentes tamanhos.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0740Navegação e menus

Navegação por seções com destaque da prateleira de recursos do campus

Complete a navegação por localização de seção no cenário da estante de recursos do campus: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0749Navegação e menus

Navegação em árvore do mapa de rotas do campus

Conclua a navegação em árvore no contexto do mapa de rotas do campus: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
0765Navegação e menus

Abas da área de trabalho do hall de serviços do campus

Complete as abas do espaço de trabalho no cenário do hall de serviços do campus: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a vários tamanhos.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
0774Navegação e menus

Navegação rápida inferior do cartão de acesso ao campus

Conclua a navegação rápida inferior no contexto do cartão de visita ao campus: com conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0790Navegação e menus

Navegação em breadcrumb do percurso de cuidado

Complete a navegação por breadcrumb em um cenário de jornada de cuidados: conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0799Navegação e menus

Painel de comandos de serviços urbanos

Complete um painel de comandos em um cenário de serviços da cidade: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0815Navegação e menus

Mega menu em grupos do portal de cursos

No cenário do portal de cursos, conclua o menu de navegação em grupo: com conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0824Navegação e menus

Navegação por páginas do painel de despacho ambulatorial

No cenário do posto de despacho da clínica, conclua a navegação por páginas numeradas: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0840Navegação e menus

Navegação de progresso do fluxo da parede de orientação ambulatorial

Concluir a navegação de progresso do fluxo no cenário do painel de orientação da clínica: inclui conteúdo real, controles acionáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0849Navegação e menus

Menu principal responsivo do terminal ambulatorial

No cenário do terminal ambulatorial, conclua o menu principal responsivo: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0865Navegação e menus

Navegação por seções do quadro de avisos ambulatorial

Na cena do quadro de avisos do ambulatório, conclua a navegação de posicionamento de seções: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0874Navegação e menus

Navegação em árvore do índice rápido do ambulatório

Obtenha navegação em árvore em um cenário de índice rápido de ambulatório: com conteúdo real, controles acionáveis, feedback de estado claro e layout entre diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
0890Navegação e menus

Abas da área de trabalho da estante de recursos do consultório

Conclua as abas da área de trabalho no cenário da estante de recursos da clínica: inclui conteúdo real, controles acionáveis, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
0899Navegação e menus

Navegação rápida inferior para o mapa de rotas da clínica

Conclua a navegação rápida inferior no cenário do mapa de rotas do ambulatório: inclua conteúdo real, controles interativos, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
0915Navegação e menus

Navegação por breadcrumb da sala de serviços ambulatoriais

Conclua a navegação por breadcrumbs em um cenário de posto de atendimento ambulatorial: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a vários tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar
0924Navegação e menus

Painel de comandos do cartão de visita da clínica

Complete o painel de comandos no cenário do cartão de visita à clínica: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusPainel de comandosHTMLCSSJavaScript
Abrir e executar
0940Navegação e menus

Menu grande agrupado do painel do criador

Conclua um mega menu agrupado em um cenário de espaço de trabalho do criador: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusMenu principal agrupadoHTMLCSSJavaScript
Abrir e executar
0949Navegação e menus

Navegação por páginas da central de eventos

Conclua a navegação por páginas numeradas em um cenário de central de eventos: inclui conteúdo real, controles interativos, feedback claro de estado e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação por páginaHTMLCSSJavaScript
Abrir e executar
0965Navegação e menus

Navegação de progresso do centro de controle da frota

Conclua a navegação de progresso do fluxo no contexto de uma central de frota: com conteúdo real, controles acionáveis, feedback de estado claro e layout adaptado a vários tamanhos.

Navegação e menusNavegação de progresso do fluxoHTMLCSSJavaScript
Abrir e executar
0974Navegação e menus

Menu principal responsivo da central de criação

Conclua um menu principal responsivo no cenário da bancada do criador: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusMenu principal responsivoHTMLCSSJavaScript
Abrir e executar
0990Navegação e menus

Navegação por seções do fórum de makers

Navegação de ancoragem por seção concluída no cenário de fórum de makers: inclui conteúdo real, controles operáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusnavegação por seçãoHTMLCSSJavaScript
Abrir e executar
0999Navegação e menus

Navegação em árvore da sala de mídia

Conclua a navegação em árvore no cenário da sala de mídia: inclui conteúdo real, controles operáveis, feedback de estado claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação em árvoreHTMLCSSJavaScript
Abrir e executar
1015Navegação e menus

Abas da área de trabalho do roteiro de ensaio

Concluir uma página de abas da área de trabalho no cenário de roteiro de ensaio: inclui conteúdo real, controles acionáveis, feedback de estado claro e layout responsivo em diferentes tamanhos.

Navegação e menusAbas da área de trabalhoHTMLCSSJavaScript
Abrir e executar
1024Navegação e menus

Navegação rápida inferior da Praça de Serviços

Conclua a navegação rápida inferior no cenário da praça de serviços: inclui conteúdo real, controles operáveis, feedback de status claro e layout responsivo a diferentes tamanhos.

Navegação e menusNavegação rápida no rodapéHTMLCSSJavaScript
Abrir e executar
1040Navegação e menus

Navegação em breadcrumb do painel do estúdio

Conclua a navegação por breadcrumb em um cenário de despacho de estúdio: com conteúdo realista, controles acionáveis, feedback de estado claro e layout adaptável a diferentes tamanhos.

Navegação e menusNavegação por breadcrumbsHTMLCSSJavaScript
Abrir e executar