Суффикс класса веб-страницы

Опубликовано: 15.06.2017

видео Суффикс класса веб-страницы

Урок 18 - Суффикс CSS-класса модуля и нижнее меню для сайта

Суффик класса веб-страницы - это один из параметров пунктов меню содержимого [системы] Joomla!. Он настраивается на странице редактирования конкретного пункта меню, на его вкладке "Параметры отображения страницы". Какой-либо новый суффикс класса принудит [систему] Joomla! либо добавить к элементам макета назначенной данному пункту меню веб-страницы какой-либо новый CSS класс, либо изменить какой-либо уже существующий.


Именования классов css

Когда Joomla! генерирует какую-либо веб-страницу, [то] для предоставления стилей данной страницы она автоматически создает предварительно определенные CSS классы. Например, некоторая веб-страница может содержать элемент

< div class = "componentheading" >

Для создания какого-либо нового класса, введите его название [на английском язке] с пробелом перед ним. Например, введя пробел и "myNewClass", [Вы] создадите новый CSS класс, называемый "myNewClass" и он будет вставлен как класс для этого пункта меню. В нашем случае, например, выше указанный класс изменится на

< div class = "componentheading myNewClass" >

Для изменения названия существующего класса, введите в данный параметр новое название класса без пробела перед ним.

Например, ввод "_mySuffix" (без пробела в начале) принудит [код] HTML измениться на

< div class = "componentheading_mySuffix" >

В целом, рекомендуется создавать новые классы, используя перед [их названиями] пробел. Таким образом CSS стили данного компонента, которые используют [предварительно определенные] стандартные названия классов, продолжат работать [без изменений]. Вы можете использовать название нового класса для того, чтобы добавить к конкретному компоненту любой желаемый стиль без необходимости повторного создания уже существующих [для него] кодов CSS. Учтите, что если Вы создадите какое-либо новое название класса, [то] Вам необходимо удостовериться [в том], что он имеет уникальное название, [которое] не конфликтует с названиями уже существующих классов.

Смотрите также: Использование суффиксов классов , Использование суффиксов классов веб-страниц в коде шаблона

Если Вы введете какой-либо суффикс класса веб-страницы с пробелом перед ним, то будет создан некоторый новый CSS класс. Если этот параметр не имеет пробела в начале, то будут изменены CSS классы, связанные с назначенным этой странице пунктом меню. Обычно предпочитается первый метод, поскольку [при его использовании] Вы не нарушаете никакой существующий стиль элементов данной страницы и Вам нужен только новый CSS код для этого нового стиля.

Если Вы не введете пробел в начале [названия нового суффикса класса страницы], то прежде чем изменять CSS стили, Вам нужно будет скопировать весь стилевой код для классов пункта меню [данной страницы] и сдублировать его для этого нового CSS-класса.

rss