Розробка, підтримка, SEO, просування, соцмережі та реклама сайтів ☣
Кабінет клієнта
Зареєструватись Забули пароль?
» » » Як зробити активним пункт меню в DLE

Як зробити активним пункт меню в DLE

Створюю і просуваю комерційні сайти та інтернет-магазини з 2008 року. 15-01-2015 848 0
0 0 00
Як зробити активним пункт меню в DLE

Виявляється в DLE  дуже просто зробити активним пункт меню на тій сторінці де перебуває користувач.

Отже, замість того щоб вручну привласнювати до певного пункту меню клас active, стандартним методом робиться так:


<li [category=1]class="activlink"[/category]>

- за нас з цим завданням відмінно впорається невеликий код на Jquery, підключений до вашого сайту. Він сам визначить на якій сторінці зараз знаходиться користувач і привласнить клас на льоту.

Для цього нам необхідно в головний файл шаблону (main.tpl в папці / templates /) помістити між <head> </ head> цей код:


<script type="text/jаvascript">
$(document).ready(function(){
var link = window.location.pathname;
$('.navigation li a[href="'+link+'"]').parent().addClass('active');
});
</script>

Де ".navigation" прописаний з класу вашого списку меню, який знаходиться в тілі вашого шаблону:


<ul class ="navigation">
<li><a href="/neews/">Новости</a></li>
<li><a href="/Sobytiia/">События</a></li>
<li><a href="/Proisshestvia/">Происшествия</a></li>
<li><a href="/Fakty/">Факты</a></li>
<li><a href="/Skandaly/">Скандалы</a></li>
</ul>

При необхідності можете замінити це значення, якщо воно у вас позначено якось по іншому, головне щоб воно було однаковим в коді і в вашому списку меню.

Тепер, щоб все це запрацювало і якимось чарівним чином підсвічувало нам активний пункт меню на тій сторінці, де перебуває користувач, додаємо в нашу таблицю стилів CSS цю строку:


.navigation li.active {background:#CCC}

або


.navigation li.active a {color:#b00000;}

Стилі прописуєте на свій розсуд, вище наведений приклад вказаний лише для наочності. Ось власне і все, слідкуйте за оновленнями на моєму блозі.

 
 


Коментарі

⤹ Залишити свій коментар ⤸

  • оновити, якщо не видно коду
Останнє на сайті
  • faq

    Тест швидкості SATA vs М.2

    coments/90 vievs/ 0
  • faq

    Монетезація каналу ютуба

    coments/96 vievs/ 0
  • Блог

    Дизайн контактів або e-mail

    coments/32 801 vievs/ 0
Останнє в магазині
Картинка в meta з додаткового поля Картинка в meta з додаткового поля / Платні модулі DLE
Коментарі
Популярне на сайті

Тарифні плани

Потужний старт Стандартний запуск сайту від $400
  • - ♜ -
  • В стартовий тарифний план входить:

  • Розробка та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 5 сторінок
  • Ліцензія двигунчика DLE
Просунутий SEO оптимізований сайт від $700
  • - ♚ -
  • В SEO тарифний план входить:

  • Створення та налаштування сайту
  • Семантичне ядро
  • Оптимізація швидкості
  • Наповнення до SEO 10 сторінок
  • Ліцензія двигунчика DLE
  • 5 силок + перелінковка
Імперський винущувач конкурентів від $999
  • - ♛ -
  • В імперський тарифний план входить:

  • Розробка сайту
  • Наповнення до SEO 20 сторінок
  • Повна оптимізація
  • Ліцензія двигунчика DLE
  • МОЄ НАТХНЕННЯ та ДОСВІД!
/* soc-knopki */