Download the PHP package caiovilanova/cvil-responsive-menu without Composer

On this page you can find all versions of the php package caiovilanova/cvil-responsive-menu. It is possible to download/install these versions without Composer. Possible dependencies are resolved automatically.

FAQ

After the download, you have to make one include require_once('vendor/autoload.php');. After that you have to import the classes with use statements.

Example:
If you use only one package a project is not needed. But if you use more then one package, without a project it is not possible to import the classes with use statements.

In general, it is recommended to use always a project to download your libraries. In an application normally there is more than one library needed.
Some PHP packages are not free to download and because of that hosted in private repositories. In this case some credentials are needed to access such packages. Please use the auth.json textarea to insert credentials, if a package is coming from a private repository. You can look here for more information.

  • Some hosting areas are not accessible by a terminal or SSH. Then it is not possible to use Composer.
  • To use Composer is sometimes complicated. Especially for beginners.
  • Composer needs much resources. Sometimes they are not available on a simple webspace.
  • If you are using private repositories you don't need to share your credentials. You can set up everything on our site and then you provide a simple download link to your team member.
  • Simplify your Composer build process. Use our own command line tool to download the vendor folder as binary. This makes your build process faster and you don't need to expose your credentials for private repositories.
Please rate this library. Is it a good library?

Informations about the package cvil-responsive-menu

Cvil Responsive Menu @caiovilanova

[EN-US] This feature is a set of html, css and js files that create a responsive menu navbar useful for most websites.

[PT-BR] Esta ferramenta é um conjunto de arquivos html, css e js que criam uma navbar com menu responsivo útil para a maioria dos websites.

Installation

[EN-US] CVIL Responsive Menu is available via Composer:

[PT-BR] CVIL Menu Responsivo está disponível via Composer:

"caiovilanova/cvil-responsive-menu": "1.0.*"

or run

composer require caiovilanova/cvil-responsive-menu

Documentation

CSS cvil-menu.css

[EN-US] This file uses media query to set the screen resolution that adapts desktop to mobile design. It is easily possible to customize the menu by changing the color variables. The navbar is defined with position:absolute but can easily be changed to position:fixed without changing the behavior of the menu.

[PT-BR] Este arquivo utiliza media query para definir a resolução de tela que adpata o design de desktop para mobile. É facilmente possível personalizar o menu alterando as variáveis de cor. A navbar está definida com position:absolute mas pode facilmente ser trocado por position:fixed sem alterar o comportamento do menu.

JAVASCRIPT cvil-menu.js

[EN-US] This file listens for the menu button and, if enabled, applies styles that (1) remove scrolling from the page; (2) apply a background color to the transparent navbar and (3) Display the list of links filling the entire screen.

[PT-BR] Este arquivo ouve o botão do menu e, se ativado, aplica estilos que (1) removem o scrolling da página; (2) aplica uma cor de fundo na navbar transparente e (3) Exibe a lista de links preenchendo todo display.

const navbar = document.querySelector('.navbar');
const menuButton = document.querySelector('.navbar-button');
const menuList = document.querySelector('.navbar-list');

menuButton.addEventListener('click', function() {
    navbar.classList.toggle('navbar-mobile-active');
    menuList.classList.toggle('navbar-list-mobile-active');  
    document.body.classList.toggle('noScrolling');
});

HTML

[EN-US] Deployment in HTML:

[PT-BR] Implantação no HTML:

<nav class="navbar" id="navbar">
    <a class="navbar-brand" href="https://example.com">
        BRAND
    </a>
    <div class="navbar-menu">
        <a href="javascript:;" class="navbar-button" aria-label="Open menu">
            <svg viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
                <rect class="navbar-button-rect1" x="8" y="10" width="24" height="3" aria-hidden="true"></rect>
                <rect class="navbar-button-rect2" x="8" y="16" width="24" height="3" aria-hidden="true"></rect>
                <rect class="navbar-button-rect3" x="8" y="22" width="24" height="3" aria-hidden="true"></rect>
            </svg>
        </a>
        <ul class="navbar-list">
            <li class="nav-item"><a class="nav-link" href="https://example.com/link1">About us</a></li>
            <li class="nav-item"><a class="nav-link" href="https://example.com/link2">Services</a></li>
            <li class="nav-item"><a class="nav-link" href="https://example.com/link3">Products</a></li>
            <li class="nav-item"><a class="nav-link" href="https://example.com/link4">Contact</a></li>
        </ul>
    </div>
</nav>

Contributing

Contributions are welcome and will be fully credited. We accept contributions via Pull Requests on Github. Important: Create topic branches, One pull request per feature

Credits

License

The MIT License (MIT). Please see License File for more information.


All versions of cvil-responsive-menu with dependencies

PHP Build Version
Package Version
No informations.
Composer command for our command line client (download client) This client runs in each environment. You don't need a specific PHP version etc. The first 20 API calls are free. Standard composer command

The package caiovilanova/cvil-responsive-menu contains the following files

Loading the files please wait ....