Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Выпадающее меню новости

Выпадающее меню новости


     10.04.2013    Стили (CSS), jQuery, Хаки    2495

вопрос
Здравствуйте.
помогите пожалуйста решить проблему с выпадающим меню новости. по стандарту оно выглядит вот так -
Выпадающее меню новости


а мне нужно вот так -
Выпадающее меню новости
чтоб при нажатии на молоток с ключом меню выезжало в бок и вместо текста были бы иконки...

Реализацию самого меню я нашел в файле dle_js.js но как изменить под свой дизайн так и не понял. Так же пробовал копаться в несжатом dle_js.js но и там толком ничего не понял. Вот код реализации меню (это не закодированный и не сжатый)


function MenuNewsBuild( m_id, event ){

var menu=new Array();

menu[0]='<a onclick="ajax_prep_for_edit(\'' + m_id + '\', \'' + event + '\'); return false;" href="#">' + menu_short + '</a>';

if (dle_admin != '') {

    menu[1]='<a href="' + dle_root + dle_admin + '?mod=editnews&action=editnews&id=' + m_id + '" target="_blank">' + menu_full + '</a>';

}

if (allow_dle_delete_news) {

    menu[2]='<a onclick="sendNotice (\'' + m_id + '\'); return false;" href="#">' + dle_notice + '</a>';
    menu[3]='<a onclick="dle_news_delete (\'' + m_id + '\'); return false;" href="#">' + dle_del_news + '</a>';

}

return menu;
};


Может быть если у кого есть примеры или материалы ну или время для написания небольшого примера ? Буду очень благодарен. А и кстати в Google ничего толкового так и не нашел кроме как сменить цвет текста и фона стандартного всплывающего меню.

Ответил: Sander


На CSS3:
#dropmenudiv a{height:28px;width:28px;display:inline-block;text-indent:-10000px;}
#dropmenudiv a:nth-child(1){background:url('......') no-repeat;}
#dropmenudiv a:nth-child(2){background:url('......') no-repeat;}
#dropmenudiv a:nth-child(3){background:url('......') no-repeat;}
#dropmenudiv a:nth-child(4){background:url('......') no-repeat;}


А вот уже положение настраивается в фукнции dropdownmenu, но вот ее я бы не рекомендовал сильно трогать...

Комментарии пользователей (1)

nfox25
2 | 1

nfox25 - 10 апреля 2013 21:45 - Юзер

Спасибо SANDER ! А если встроенную не использовать а создать что нибудь самодельное то будет работать ? Я пробовал создать что-то по типу выпадающего как в дефолтном логин с ссылками. ссылки работают но вот проблема с выпаданием. в первой новости все ок, но когда кликаешь на другие то страница перематывается в начало и ничего не происходит. Я так понял что это из за того что у каждой новости свой ид. но как решить проблему пока не разобрался. может есть кто может помочь. Если все будет работать то результатом поделюсь, потому что пока еще не сталкивался с dle страничками с кастомным меню редактирования новости, кроме как цвет размер и т.п. другие.

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы