Помогите удалить из меню лишние элементы.

Тема в разделе "Верстка", создана пользователем CHADREX, 23 сен 2014.

Информация :
Уважаемые пользователи, прежде чем ответить в теме или создать новую, внимательно ознакомьтесь с Правилами раздела и Правилами форума
Для быстрого поиска ответов на ваши вопросы воспользуйтесь Картой раздела и/или Поиском по разделу
Статус темы:
Закрыта.
Модераторы: ultra
  1. CHADREX

    CHADREX Психопат

    Регистр.:
    12 янв 2014
    Сообщения:
    542
    Симпатии:
    202
    В общем есть меню -tympanus.net/Development/ResponsiveMultiLevelMenu/

    Мне надо избавиться от квадратной кнопки которая его открывает. Результат лучше выложить на cssdeck.com дабы я понял что я не так делал.

    Вот есть еще гайд если что tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/

    Надеюсь на вашу помощь.
     
  2. yaski

    yaski

    Регистр.:
    21 фев 2010
    Сообщения:
    483
    Симпатии:
    288
    А как меню должно открываться? по какому событию?
    Если просто не отображать, то
    Код:
    button {
        visibility: hidden;
    }
     
    CHADREX и Festem нравится это.
  3. ivanvolgu

    ivanvolgu Постоялец

    Регистр.:
    22 июл 2013
    Сообщения:
    116
    Симпатии:
    79
    Попробуй в файле component.css допиши display: none;

    Код:
    .dl-menuwrapper button {
    background: #ccc;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    display: none;
    в index.html
    это
    Код:
    <div class="column">
                        <div id="dl-menu" class="dl-menuwrapper">
                            <button>Open Menu</button>
                            <ul class="dl-menu">
                                <li>
    замени на
    Код:
    <div class="column">
                        <div id="dl-menu" class="dl-menuwrapper">
                            <button class="dl-active">Open Menu</button>
                            <ul class="dl-menu dl-menuopen">
                                <li>
    убрать надпись click to open
    в файле default.css за комментируй строчку background: url(../images/clickhere.png) 90px 0 no-repeat;
    Код:
    .column:nth-child(2) {
        min-height: 400px;
        box-shadow: -1px 0 0 rgba(0,0,0,0.1);
        /*background: url(../images/clickhere.png) 90px 0 no-repeat;*/
    }
     
    Последнее редактирование: 23 сен 2014
    CHADREX нравится это.
  4. Festem

    Festem Постоялец

    Регистр.:
    4 сен 2014
    Сообщения:
    97
    Симпатии:
    26
    Если надо что оно всегда было открыто. то или в коде вместо
    Код:
    <ul class="dl-menu">
    сделайте
    Код:
    <ul class="dl-menuopen">
    и оно всегда будет открыто
     
    CHADREX нравится это.
  5. Nikita_Sp

    Nikita_Sp Создатель

    Регистр.:
    28 мар 2013
    Сообщения:
    15
    Симпатии:
    3
    А зачем тогда вообще этот скрипт использовать? О_о
    Ну да ладно.

    Спрячьте кнопку
    <button class="dl-trigger dl-active">Open Menu</button>
    .dl-trigger{
    display:none;
    }

    А меню выведете изменив component.css вот так:

    .dl-menuwrapper .dl-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    /*opacity: 0;*/
    /*pointer-events: none;*/
    /*-webkit-transform:translateY(10px);*/
    /*transform: translateY(10px);*/
    /*-webkit-backface-visibility:hidden;*/
    /*backface-visibility: hidden;*/
    }

    Закоментированные строки - удалить. Они как раз и "прячут" меню когда оно не активное.
     
  6. CHADREX

    CHADREX Психопат

    Регистр.:
    12 янв 2014
    Сообщения:
    542
    Симпатии:
    202
    За советы всем спасибо. Только меня ввела в ступор одна фигня. Я вставил код и по быстрому подключил два файла стилей и js с оригинального сайта. Только я не пойму что еще может отвечать за работу кнопки:

    http://jsfiddle.net/7jnj3Laj/
     
  7. CHADREX

    CHADREX Психопат

    Регистр.:
    12 янв 2014
    Сообщения:
    542
    Симпатии:
    202
    И еще, эти советы вроде направлены чтобы скрыть кнопку, а мне нужно убрать, причем не визуально, а вообще. Чтобы было само меню без кнопки.
     
  8. _sergey_

    _sergey_ Писатель

    Регистр.:
    1 окт 2008
    Сообщения:
    1.744
    Симпатии:
    1.155
    Блин. Удалите строчку из кода:
    <button class="dl-trigger">Open Menu</button>

    и кнопка перестанет показываться.
     
  9. CHADREX

    CHADREX Психопат

    Регистр.:
    12 янв 2014
    Сообщения:
    542
    Симпатии:
    202
    Если бы было все так просто, меню то видно должно быть.
     
  10. _sergey_

    _sergey_ Писатель

    Регистр.:
    1 окт 2008
    Сообщения:
    1.744
    Симпатии:
    1.155
    В посту №4 вам же дали решение, чем оно вас не устраивает? Вот скрин как будет:

    меню.png
     
Статус темы:
Закрыта.