1.0.1 • Published 5 months ago

responsive-circular-menu v1.0.1

Weekly downloads
-
License
MIT
Repository
github
Last release
5 months ago

Interactive Circle Menu

Este é um exemplo de um menu circular criado com HTML, CSS e JavaScript. O menu possui um estilo circular úcom alteração de cores conforme a passagem do mouse.

Demonstração

Incluí uma demonstração, que pode ser acessada aqui.

Como Usar

  1. Clone ou baixe este repositório.

  2. Abra o arquivo index.html no seu navegador web.

  3. Explore o menu circular e experimente os links responsivos.

Personalização

Você pode personalizar o menu ajustando os links, cores e estilos. Aqui estão algumas opções que você pode considerar:

  • Adicionar Links Personalizados: Abra o arquivo index.html e altere os valores do atributo href em cada link para apontar para suas páginas desejadas.

  • Alterar Cores: Edite o arquivo style.css para ajustar as cores do fundo do círculo, links e qualquer outra propriedade de estilo.

  • Ajustar Tamanho e Posicionamento: Explore o arquivo script.js para fazer ajustes nas dimensões e posicionamento dos elementos do menu.

Contribuições

Contribuições são bem-vindas! Sinta-se à vontade para propor melhorias, corrigir bugs ou adicionar novos recursos.

Licença

Este projeto está licenciado sob a Licença MIT.

Interactive Circle Menu

This is an example of a circular menu created with HTML, CSS and JavaScript. The menu has a unique circular style with changing colors as you hover the mouse.

Demo

I have included a live demo of the menu, which can be accessed here.

How to Use

  1. Clone or download this repository.

  2. Open the index.html file in your web browser.

  3. Explore the circular menu and try out the responsive links.

Customization

You can customize the menu by adjusting the links, colors, and styles. Here are some options you might consider:

  • Add Custom Links: Open the index.html file and change the href attribute values for each link to point to your desired pages.

  • Change Colors: Edit the style.css file to adjust the background colors of the circle, links, and any other styling properties.

  • Adjust Size and Positioning: Explore the script.js file to make adjustments to the dimensions and positioning of the menu elements.

Contributions

Contributions are welcome! Feel free to propose improvements, fix bugs, or add new features.

License

This project is licensed under the MIT License.