1. Grizzzlik VIP user

    Регистрация:
    13.01.16
    Сообщения:
    113
    Симпатии:
    27
    Пол:
    Мужской
    VKcom:
    vesserv
    Skype:
    satson54
    Приветствую друзья, кто поможет решить не большую проблемку?
    Суть проблемы в том что при наведение на пункт выпадает подменю, а мне надо что бы при нажатии выпадало подменю, как это сделать и что нужно для этого?

    <ul class="menu">
    <li><a href="">Мой Профиль↓</a>
    <ul class="sub-menu" > <li><a href="../users">Все Пользователи</a></li>
    <li><a href="../profile">Мой Профиль</a></li>
    <li><a href="../messages">Мои Сообщения</a></li>
    <li><a href="../friends">Мои Друзья</a></li>
    <li><a href="../purse">Пополнить Баланс</a></li>
    <li><a href="../notifications">Уведомления</a></li>
    <li><a href="../my_stores">Мои Привелегии</a></li>
    <li><a href="../settings">Настройки Профиля</a></li>
    </ul>
    </li>
    <li><a href="•В Е С Ё Л Ы Й • С Е Р В А Ч О К• | Форум">Форум</a></li>
    <li><a href="•В Е С Ё Л Ы Й • С Е Р В А Ч О К• | Реквизиты покупки">Реквизиты покупки</a></li>
    <li><a href="•В Е С Ё Л Ы Й • С Е Р В А Ч О К• | Покупка Привилегий">Покупка [Админки|Вип]</a></li>
    <li><a href="../store/">Покупка [Админки|Вип] online</a></li>
    <li><a href="•В Е С Ё Л Ы Й • С Е Р В А Ч О К•">Прописать [Админку|Вип</a></li>
    <li><a href="•В Е С Ё Л Ы Й • С Е Р В А Ч О К•">Как узнать свой STEAM ID</a></li>
    <li><a href="•В Е С Ё Л Ы Й • С Е Р В А Ч О К•">Правила сервера</a></li>
    <li><a href="../bans/">Заявки на Разбана</a></li>
    <li><a href="../exit">Выход</a></li>
    </ul>
    ul.menu {
    font-size: 14px;
    list-style: none outside none;
    position: relative;
    padding: 0px;
    margin: 0px;
    width: 100%;
    overflow: hidden;
    }

    ul.menu > li > a {
    border-top: 1px solid #5178A1;
    border-bottom: 1px solid #345378;
    background: none repeat scroll 0% 0% #45688E;
    padding-left: 15px;
    border-radius: 3px;
    margin: 0px;
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: white;
    cursor: pointer;

    font-family: Arial;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    outline: medium none;
    }

    ul.menu > li > a:hover {
    border-color: #48739B #143D6B #143D6B;
    border-top: 1px solid #143D6B;
    background: none repeat scroll 0% 0% #37587C;
    }

    ul.menu > li > a.open {
    border-bottom: 1px solid #143D6B;
    }

    ul.menu li ul {
    box-shadow: 0px 0px 5px -5px #000 inset;
    display: none;
    background: #37587C;
    list-style: none;
    margin: 0;
    padding: 0;
    }

    ul.menu li ul li a {
    background: none repeat scroll 0% 0% #37587C;
    padding-left: 15px;
    margin: 0px;
    display: block;
    position: relative;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: white;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-family: Arial;
    outline: medium none;
    border-top: 1px solid #37587C;
    border-bottom: 1px solid #37587C;
    }

    ul.menu li ul li a:hover {
    border-top: 1px solid #5178A1;
    border-bottom: 1px solid #345378;
    background: none repeat scroll 0% 0% #45688E;
    }

    ul.menu li:hover ul {
    display: block;

    left: 190px;
    top: 1px;


    z-index: 1000;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    }

    ul.menu li:hover ul li:first-child a:hover {
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
    }

    ul.menu li:hover ul li:last-child a:hover {
    border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    -moz-border-radius: 0 0 5px 0;
    }
    }

    ul.menu li {
    list-style: none;
    position: relative;
    }

    ul.menu li a {

    color: white;
    font-family: Arial;
    text-decoration: none;

    }
     
    Последнее редактирование: 13.05.16
  2. windranger1337 Пользователь

    Регистрация:
    04.10.15
    Сообщения:
    303
    Симпатии:
    177
    Telegram:
    serfreeman1337
  3. Grizzzlik VIP user

    Регистрация:
    13.01.16
    Сообщения:
    113
    Симпатии:
    27
    Пол:
    Мужской
    VKcom:
    vesserv
    Skype:
    satson54
    Мне надо что бы меню мое было с моим html и css
     
  4. Vladorld Пользователь

    Регистрация:
    21.09.15
    Сообщения:
    38
    Симпатии:
    12
    Пол:
    Мужской
    в css:
    .sub-menu
    {
    display:none;
    }
    .main-item:focus ~ .sub-menu,
    .main-item:active ~ .sub-menu,
    .sub-menu:hover
    {
    display:block;
    }