Добавить класс или id табам

Главные вкладки

Аватар пользователя kolyuchy.org kolyuchy.org 2 ноября 2017 в 15:21

Наверняка кто-то сталкивался с необходимостью дать пунктам меню tabs определенные (индивидуальные) классы или id. Для Друпал 6 видел вот это http://drupal.ru/node/80644, но для "семерки" код не работает.
Подскажите, пожалуйста, как сделать. Заранее спасибо.

Комментарии

Аватар пользователя VasyOK VasyOK 2 ноября 2017 в 15:55

Синтаксис табов вот https://jqueryui.com/tabs/ и там view source
Как подключать jquery в тему оформления Drupal - погуглите находится.

Если вам лень это изучать - можете воспользоваться drupal модулями. Для табов на ноде https://www.drupal.org/project/field_group - там уже есть группы_полей-табики

Аватар пользователя kolyuchy.org kolyuchy.org 2 ноября 2017 в 18:45

id табов нужны везде и меньше всего на ноде. наверняка, можно маленький код написать в темплейт. будем искать выход.

вообще, это нужно для темизации табов, каждой ссылке отдельно. может, есть и другое решение?

Аватар пользователя kolyuchy.org kolyuchy.org 2 ноября 2017 в 22:59

сайт domvbo.ru, но табы не для анонимов, войти в админку я дать не могу, увы. могу дать коды, какие нужно.
табы вот такие, например:

<div id="navigation">

      <h2 class="element-invisible">Главные вкладки</h2><ul class="tabs primary"><li><a href="/listing/testovyy-dom-2">Просмотр</a></li>
<li class="active"><a href="/admin/bat/config/property/manage/7" class="active">Редактировать<span class="element-invisible">(активная вкладка)</span></a></li>
<li><a href="/admin/bat/config/property/manage/7/calendar/availability">Управление доступностью</a></li>
<li><a href="/admin/bat/config/property/manage/7/calendar/pricing">Управление ценами</a></li>
<li><a href="/admin/bat/config/property/manage/7/translate">Переводы</a></li>
<li><a href="/admin/bat/config/property/manage/7/offers">Предложения</a></li>
<li><a href="/admin/bat/config/types/manage/8/edit">Управление домом</a></li>
</ul>  
      <div class="tabs-secondary clearfix"><ul class="tabs secondary"></ul></div>

Аватар пользователя BatKor BatKor 3 ноября 2017 в 9:25

Изучите основы CSS, пожалуйста. МедиаЗапросы псевдо-элементы и все такое, регулярные выражения CSS тоже поддерживает.

Аватар пользователя kolyuchy.org kolyuchy.org 3 ноября 2017 в 9:23

до Вашего комментария думал, что с css у меня всё в порядке ))) есть предложение? применимое к коду выше. поделитесь, пожалуйста

Аватар пользователя BatKor BatKor 3 ноября 2017 в 9:30

Не думаю что кто то готов или начинаетдень с мыслями "за кого бы мне сделать работу". Познакомьтесь с сервисом codepen. Скопируйте туда свою HTML структуру, сделайте необходимые изменения в блоке CSS, и скопируйте этот код уже в CSS файл своегосайта. Удачи

Аватар пользователя kolyuchy.org kolyuchy.org 3 ноября 2017 в 9:36

я не прошу делать за меня. если есть идея, как с помощью css индивидуально темизировать пункты меню, у которых нет ни id, ни каких либо атрибутов, Вы поделитесь просто. идеей.

Аватар пользователя VasyOK VasyOK 3 ноября 2017 в 11:56

Если у вас проблем с CSS нет - пункты меню вам не составит труда темизировать. Классы можно к чему угодно в Друпале задать. Модуль menu attributes может помочь с этим.

Аватар пользователя BatKor BatKor 3 ноября 2017 в 9:24

Если нужна именнотемизация вывода HTML структуры, то ознакомьтесь с хуками, по-моему для списков используется https://api.drupal.org/api/drupal/includes%21menu.inc/function/theme_men...
И был какой то ещё один момент. Уже не вспомню. Вы просто обязаны ознакомится с основами HTML и CSS

Аватар пользователя kolyuchy.org kolyuchy.org 3 ноября 2017 в 19:07

в общем, получилось сделать задуманное с помощью темизации не пунктов, а ссылок в них. спасибо, BatKor, за идею.

li a[href*="edit"] { }