Меню с плавающим пунктом
Привет мои дорогие друзья.

Сегодня я решил поделиться уроком, как установить меню с плавающим пунктом. Смотрится сие чудо довольно интересно, особенно, если подобрать цветовую гамму под свой дизайн.
Меню с плавающим пунктом


Шаг 1. Скачиваем архив с меню (ссылка выше). Распаковываем его в отдельную папку. И копируем файл jquery.spasticNav.js из архива с меню в папке js в папку js шаблона. Открываем скопированный файл в редакторе.
Архив со скриптом

Шаг 2. В папке css находим файл _add_style.css и переименовываем его в add_style.css. Затем идем в папку custom и там находим файл _header-end.php и переименовываем его в header-end.php. Оба файла открываем в редакторе.

Шаг 3. В файл add_style.css добавляем следующий код:
Внимание! У Вас нет прав для просмотра скрытого текста.

Сохраняемся.

Обратите внимание, что для некоторых строчек кода написаны подсказки.

Надеюсь. все знают как работает градиент? smile

Шаг 4. В файл header-end.php добавляем следующий код:
Внимание! У Вас нет прав для просмотра скрытого текста.


Шаг 5. Если для меню необходимо добавить эффект скачков (блин не придумал как назвать, если кто подскажет нужное слово – БИГ СПС)

То вместо этой строчки кода в файле header-end.php:
Внимание! У Вас нет прав для просмотра скрытого текста.


Вставляем это:
Внимание! У Вас нет прав для просмотра скрытого текста.


Где параметр speed отвечает за скорость скачков меню.

Шаг 6. В файле скрипта меню меняем содержимое строки 16 с:
Внимание! У Вас нет прав для просмотра скрытого текста.


на:
Внимание! У Вас нет прав для просмотра скрытого текста.


Шаг 7. Ну и последним шагом настраиваем наш плавающий пункт. За его настройку отвечают следующие строки в файле jquery.spasticNav.js (это строчки кода с 6 по 9):
Внимание! У Вас нет прав для просмотра скрытого текста.


Откройте этот файл в редакторе и поставьте свои значения.

Ну вот вроде и все. Будьте внимательны при добавлении и редактировании кода, так как из-за одного неправильного символа может не работать все меню!

Если будут вопросы, замечания или пожелания – прошу все писать в комментариях. Будем решать.

ЗЫ: не забудьте рассказать про этот урок своим друзьям. (достаточно просто нажать на одну из кнопок ниже)

Спасибо за внимание!скачать dle 12.1




html-cсылка
BB-cсылка
Прямая ссылка
Сайт/форум/чат Направление Админ Онлайн Вход
» Anime Chat (чат) Аниме Cheza Без реги
» Desert Rose (радио) Радио с минимальными ограничениями Нервная баба
Кисточка
1k Гостевой
» Не определен Вы можете занять данное место)) Пишите нам Всего 50 р. в месяц
Обновление сервисов на 1-м месте
Выбрать другой дизайн
KING
Переключится на дизайн «KING»
MOUSE
Переключится на дизайн «MOUSE»
PROMO кодыnew
Стоимость купона перекрывается скидкой которую он предоставляет.
Радио партнер
Найм тех. админа
Для найма доступны Развратник и Darkness
VIP партнеры


Облако тегов
25.03.2018 ^_^ augus4u august4u back CID Close CSS CSS3 Da Vinchi Desert Rose Fike GRADIENT HTML IP JS RIP Stephen Hawking Stephen William Hawking TrTd АдминЛопух Анимешники Бан Баны Безопасность Бот ВКонтакте Градиент Гуру Давненько Даже Дети Достоевский Евой Есть Ждали Женя Закончили Идиот Интересно Кемерово Киллка Мистик Мистика Многие Мобильная версия Нарушу Не останься равнодушным. Обновление Окно смайлов Оформление Панин Пожар в Кемерово Приятная мелочь Просили Радио СМАЙЛЫ Секретарь Скончался физик Скрипт Слились Старая таверна Стартовые Стивен Хокинг Страница Страницы бана Страшная трагедия Таверна Трагедия Утрата ХАК Халявчик Читайте ШАБЛОН Шаблоны Этим август август4ю августТоп админа админам администраторов админов аниме антивзлом апреля базе банов более было быстренько важно вводится весьма восхищена встроили выкладывается выкладывали выкладываю гей глав года голосованием городов группа группе группы давно данная данное данной дать двух делюсь дизайн дизайна длинном добротой дождались дополнение дополнения доступ дьявола жиробас завидно знать зоофил иероглифы информация к размышлению кнопки кнопку кого контейнер координаты которой которые курсора люблю люди мало мною модуль молодой назад написан начали нашем наши разработки наши сервисы нашла небольшое небольшой ничего новости новость общее определяет остались остальных пару пидарас пидераст платные услуги по поведении позволяет показывает полезное полной полную получается получили пользование помнит поприкалываться пояснениями правом пришли простенький проходят прочее разработки разрешению разрешения расскажу рассчитать расшифровка сайт сайтам сайте сайты сделали сделан сделать себя сегодня сервисы сказать слово случайно смотря спрашивают стартовая страницу страницы такие такое такой теги тексте тоже топик топчике удобный узнать украсить ВК украшения умными услуги форумам форумы хорошо чат чата чатам чатов чаты человек шуток элементы японского
Статистика посещений
6 посетителей сейчас на сайте
Из них:
Гости66

Добро пожаловать на dvscr.ru!

Для того чтобы стать полноценным пользователем нашего сайта, вам необходимо пройти регистрацию.
Зарегистрироваться
Создайте собственную учетную запить!
Авторизоваться
Уже зарегистрированны? А ну-ка живо авторизуйтесь!

Войти на сайт


Da Vinchi
Помогалка