Редактирование страницы

Аватар пользователя drator

Добрый день.

Помогите разобраться как правильно редактировать станицу через редактор друпала.
Нужно поменять фон и удалить ссылку на определенных элементах.

Для строчек с SoftKey надо удалить ссылку, сделать фон серым, и добавить хинт, всплывающую подсказку.

Если выбрать текст SoftKey и нажать "Убрать ссылку", то ссылка удаляется, но квадратный оранжевый участок становится меньше по высоте (См. первую строку c SoftKey).

В виде HTML участок страницы для строки "EhLib Professional" выглядет следующим образом.

                        <td class="description"><span class="bold">EhLib Professional</span><br />
                                Лицензия с исходными кодами на 1 год</td>
                        <td class="price">20 000 руб.</td>
                        <td class="s-links">
                                <ul class="links-2-col">
                                        <li><a href="http://allsoft.ru/software/vendors/ehlib-team/biblioteka-komponent-ehlib...>AllSoft</a></li>
                                        <li><a href="http://www.softkey.ru/catalog/program.php?ID=14041">SoftKey</a></li>
                                </ul>
                        </td>

Я так понимаю оранжевый фон и ширина области настроена в ul class="links-2-col"
Но как мне через визуальный редактор создать новый ul class с серым фоном и заменить для такущего ul class="links-2-col"?
при этом чтобы его высота при отсутсвии ссылку href должна остаться такой же как и при наличии сслыки.

Тип материала:
Версия Drupal:
0 Thanks

Комментарии

Аватар пользователя Orion76
Orion76 1 неделя назад

нажмите кнопку "Источник" в панели инструментов визивиг-редактора.

Аватар пользователя drator
drator 1 неделя назад

При нажатии на кнопку "Источник" информация отображается в виде html кода, при этом возможности визуального редактирования пропадают.
Вы намекаете на то, что не все возможности форматирования можно сделать через визуальный редактор?

Аватар пользователя Orion76
Orion76 1 неделя назад

В общем случае - все..
А в данном случае, классы явно "вручную" писались, и вообще, больше похоже что данная страница почти полностью "в ручную" версталась.

Визивиг-редакторы практичнее использовать только для "вставки различных html-элементов типа списков, таблиц , заголовков и т.п...

А "стилизацию" элементов все же лучше классами и css делать.

Только представьте, что у Вас 10 000 страниц, и надо на всех поправить цвет фона..
Если фон сделан в редакторе инлайн-стилями, я Вам буду очень сочувствовать и соболезновать-)

А если классами и css - это дело пяти минут.

Аватар пользователя drator
drator 1 неделя назад

Не очень понятно, но все равно, спасибо.
(Если в визуальном редакторе нажать комбобокс "Стили", то там не видны Селекторы класса, присутствующие в файле)

Я так понимаю мне надо создать свой класс аналог "links-2-col" и присвоить его элементу li

Но в режиме "Источник" не отображается раздел со ссылкой на css файл, в котором описывается класс "links-2-col" и в который можно добавить новый класс.

Подскажите, где в Друпали настраивается связь таблицы стилей и самой страницей node?
И надо ли править css вручную выкачивать через ftp или можно как-то через сам Друпал?

Аватар пользователя Orion76
Orion76 1 неделя назад

"главный" css-файл текущей темы оформления друпал, это обычно - style.css
лежит он в папке темы sites/all/themes/[имя темы]

посмотреть, в каких файлах находятся стили, "действующие " на элемент можно в панели DevTools браузера
мне больше нравится работать с DevTools браузера Chrome

тут вроде неплохое вводное видео по работе с данным инструментом: https://ru.hexlet.io/courses/html/lessons/devtools/theory_unit