Меню как на сайте

[vojack]

Как можно сделать меню как на приведеном образовательном сайте Для просмотра ссылки Войди или Зарегистрируйся Или может есть готовые решения, например для wordpress?

 

[funnywheel]

Как можно сделать меню как на приведеном образовательном сайте Для просмотра ссылки Войди или Зарегистрируйся Или может есть готовые решения, например для wordpress?

Для просмотра ссылки Войди или Зарегистрируйся

 

[ddn128]

Выбирайте - Для просмотра ссылки Войди или Зарегистрируйся

 

[mervinking]

Посмотрите в сторону mmenu

 

[Артем222]

css +js

 

[smerlol]

А обычный рип уже не подходит? На fl.ru сделают за 10$

 

[Addtrust]

Такого результата можно добиться и с помощью html+css. Обычно в таких случаях я делаю 2 картинки на одну кнопку. При наведении курсора мыши на одну картинку, появляется вторая. Получается эффект наведения на кнопку. Использовать можно атрибут hover.

 

[Spals]

<style>

li {list-style: none;float:left;margin-right:15px;}

.block_img {width:200px;height:200px;background:url(http://fizmat.by/pic/tests_img/test3.png);}
.block_img:hover {background:url(http://fizmat.by/pic/tests_img/test4.png);}


</style>

<div class="customer-grid">
    <ul class="clearfix">
        <li class="flip-card">
            <a href="">
                <div class="block_img"></div>
            </a>
        </li>

        <li class="flip-card">
            <a href="">
                <div class="block_img"></div>
            </a>
        </li>
       
        <li class="flip-card">
            <a href="">
                <div class="block_img"></div>
            </a>
        </li>
       
       
</div>

 

[NikroVir]

Addtrust, Spals вы не о том меню речь ведёте. Автор явно говорит о меню в шапке.
А по теме, вот тоже хороший вариант: Для просмотра ссылки Войди или Зарегистрируйся

 

[winerror]

Смотри в коде сайта, там же все на js написано.. все эллементарно..
$(document).ready(function(){
$("#headerToggleNav").click(function(){
$(".index").toggleClass("main-nav-open");
});
});

$(document).ready(function(){
$("#navCloseBtn").click(function(){
$(".index").removeClass("main-nav-open");
});
});