[Помогите] Как сделать на странице такие папки (СРОЧНО пожалуйста)

Тема в разделе "Wordpress", создана пользователем nexis33, 17 мар 2015.

Модераторы: DzSoft, Sorcus
  1. nexis33

    nexis33 Постоялец

    Регистр.:
    11 фев 2015
    Сообщения:
    120
    Симпатии:
    3
    Добрый день, помогите ! Как сделать вот такую штуку
    Чтобы была папка с названием на определенной странице и при нажатие выпадали меню в низ
    В виде документов (как в скрине) см. ниже
    [​IMG]
     
  2. D'Jack

    D'Jack

    Регистр.:
    22 сен 2012
    Сообщения:
    358
    Симпатии:
    133
    Реализация на чистом css вот

    Или Вам надо понять как прикрутить такое меню к wp?
     
  3. nexis33

    nexis33 Постоялец

    Регистр.:
    11 фев 2015
    Сообщения:
    120
    Симпатии:
    3
    Ну вот что-то подобное) Только у меня почему-то стили не цепляет!
    Я делал вот так, сразу в странице вставлял код
    [​IMG]
     
  4. D'Jack

    D'Jack

    Регистр.:
    22 сен 2012
    Сообщения:
    358
    Симпатии:
    133
    На а это

    Код:
    .css-treeview ul,
    .css-treeview li
    {
        padding: 0;
        margin: 0;
        list-style: none;
    }
    .css-treeview input
    {
        position: absolute;
        opacity: 0;
    }
    .css-treeview
    {
        user-select: none;
    }
    .css-treeview a
    {
        color: #35d;
        text-decoration: none;
    }
    .css-treeview a:hover
    {
        text-decoration: underline;
    }
    .css-treeview input + label + ul
    {
        margin: 0 0 0 22px;
    }
    .css-treeview input ~ ul
    {
        display: none;
    }
    .css-treeview label,
    .css-treeview label::before
    {
        cursor: pointer;
    }
    .css-treeview input:disabled + label
    {
        cursor: default;
        opacity: .6;
    }
    .css-treeview input:checked:not(:disabled) ~ ul
    {
        display: block;
    }
    .css-treeview label,
    .css-treeview label::before
    {
        background: url("http://experiments.wemakesites.net//pages/css3-treeview/example/icons.png") no-repeat;
    }
    .css-treeview label,
    .css-treeview a,
    .css-treeview label::before
    {
        display: inline-block;
        height: 16px;
        line-height: 16px;
        vertical-align: middle;
    }
    .css-treeview label
    {
        background-position: 18px 0;
    }
    .css-treeview label::before
    {
        content: "";
        width: 16px;
        margin: 0 22px 0 0;
        vertical-align: middle;
        background-position: 0 -32px;
    }
    .css-treeview input:checked + label::before
    {
        background-position: 0 -16px;
    }
    
    @media screen and (-webkit-min-device-pixel-ratio:0)
    {
        .css-treeview
        {
            -webkit-animation: webkit-adjacent-element-selector-bugfix infinite 1s;
        }
        @-webkit-keyframes webkit-adjacent-element-selector-bugfix
        {
            from
            {
                padding: 0;
            }
            to
            {
                padding: 0;
            }
        }
    }
    вставьте в файлик с css
     
  5. nexis33

    nexis33 Постоялец

    Регистр.:
    11 фев 2015
    Сообщения:
    120
    Симпатии:
    3
    Не помогло((
     
  6. nexis33

    nexis33 Постоялец

    Регистр.:
    11 фев 2015
    Сообщения:
    120
    Симпатии:
    3
    Сделал! Единственное почему то не срабатывает (открытие и закрытие при нажатие на чекбокс)
     
  7. D'Jack

    D'Jack

    Регистр.:
    22 сен 2012
    Сообщения:
    358
    Симпатии:
    133
    посмотрите через свойство элемента (f12) может быть он подсасывает какие то другие свойства из этого или какого либо другого файла шаблона.
     
  8. nexis33

    nexis33 Постоялец

    Регистр.:
    11 фев 2015
    Сообщения:
    120
    Симпатии:
    3
    Даже не пойму в чем дело(
    http://admnovsvet.ru/бюджет/ Может посмотрите, если не сложно
     
  9. Eugenij

    Eugenij Постоялец

    Регистр.:
    30 апр 2013
    Сообщения:
    86
    Симпатии:
    193
    По моему, делать такие папочки можно плагином WP-Filebase Download Manager. Давно им не пользовался, могу ошибиться.
    P.S.
    Проверил наскоро - все получается.
    2015-03-18_110334.jpg
     
    Последнее редактирование: 18 мар 2015
  10. nexis33

    nexis33 Постоялец

    Регистр.:
    11 фев 2015
    Сообщения:
    120
    Симпатии:
    3
    Вроде то что надо, я поставил категории настроил, только не могу вывести их на страницу, там через код выводится?