Псевдошрифты или псевдокартинки в Joomla привели к jQuery selectors

Здесь я делаю великое открытие об использовании селекторов jQuery для добавления псевдоэлементов на страницу html. Как же работают Joomla Standard Icomoon Fonts? Шрифты занимают изрядную часть файла template.css, и, чтобы код в файле работал, в него подгружаются псевдошрифты /media/jui/fonts/IcoMoon.eot...
А после подгрузки странный контент становится рабочим .icon-cancel-circle_1:before {content: "\e217"; } ... Однако, здесь (Jupyter)у меня не получилось импортировать эти шрифты..., почему, сразу не сообразил. Здесь незнакомый Font Awesome ... Потому решил попробовать радикальное средство jQuery("...").toggleClass("...")...

CSS. Подбор вариантов фона с градиентом для кнопок главного меню Protostar Joomla

Здесь с десяток примеров кнопок. Я в итоге остановился на горизонтальном градиенте... Надеюсь, что этот черновик облегчит мне посторные процедуры подбороа фонов для кнопок или меню.

Хаки модуля "Call me back" Joomla

Чтобы сделать из формы обратного вызова баннер оборачиваем ее в три дива. Сначала, естественно, создаем копию модуля /html/mod_itf_call_me_back/default.php, а потом добавляем туда теги. Первоначальный код почти не изменился, хотя вопросы и есть..., но здесь только код с двумя добавленными строчками и одним хаком скрытой ссылки.

Sourcerer, или как добавлять разные стили и скрипты для разных страниц в Joomla

Самый правильный вариант - добавить соответствующий PHP-код. А можно запихивать фрагменты в HTML-модуль, а модуль прикрепить к нескольким пунктам меню (материалам). Но последний вармант - это нарушение стандартов W3C. Я попробовал нарушать, ...получилось, но не захотелось. Здесь ссылки на несколько модулей
Custom css, Custom HTML module, Flexi Custom Code, EasyScript. Пока я выбрал и успешно юзаю Sourcerer, он позволяет вставлять все... и везде, здесь php вставки для подгрузки скриптов и стилей в head страницы.

Joomla Template Protostar. Как вставить в footer (иди debug) карту сайта

Ясно было, что надо бы что-нибудь вставить в несколько колонок. В процессе поиска плагина прочитал, что "карта сайта в футере" - это хороший тон. Проникся, попробовал плагин "Joomla Footer Sitemap Menu". Не понравилось, как он сделан.
Я же форматировал лет пять назад плавающие блоки... Вспомнил, как это делается... не заглядывая в справочники. Рецепт таков: к каждому блоку (обертывающему блочному элементу) добавляем класс (здесь .sed). А в custom.css добавляем 6 строчек со свойствами класса.

Настраиваем компонент баннер в Joomla. CSS3 стили для html-баннера текст на фоне изображения

Полдня провозился с настройками html-баннера (текста на фоне картинки). В перспективе это должно существенно упростить перенастройку текста на рекламных баннерах. Поскольку баннеры я намерен показывать на посадочных страницах контекстной рекламы, то текст на них должен легко редактироваться. Хороший резон, чтобы наложить html на картинку. Но под разные размеры экранов приходится подстраиваться, используя @media only screen and (min-width:420px)

Сначала вставляем iframe в Joomlа, а потом готовим js код для вставки YouTube embedded iframe player

В Джумле фреймы запрещены в двух местах админки. Потому сначала разрешаем фреймы в глобальных настройках, а потом в настройках редактора. Подробности в видео.
Однако, я вынужден использовать js API embedded iframe player. Здесь пример кода для вставки белого плеера с белым пребелым контентом. Однако, при отладке яваскрипт оказалось, что 'YT is undefined, потом в Джумеле он вообще перестал было грузится, но в итоге все работает, но время загруки - почти 4 секунды (на localhost Kali) настораживает. В конце поста работающий код для Джумлы.

Joomla. Хаки стилей. Три столбца, кнопки "ReadMore", резиновые iframe

Это первые мелочи и первые хаки. Надо было поискать сначала в template.css Так что лучше использовать решения из более поздние посты на эти темы

В Joomla можно напихать сотни предустановленных иконок с помощью Icomoon Fonts

Не знал про псевдостили, здесь конспект моих открытий. Оказалось, что можно обращаться к иконкам, как к шрифтам, менять размеры и цвета. В Джумле эти возможности встроены.

Добавляем в шаблон protostar Joomla 3.4 свои файлы стилей и яваскрипт

There are three methods for embedding JavaScript into your code using the Joomla API; JDocument::addScriptDeclaration, JDocument::addScript and script. These methods should be called either in your component's View class /views//view.html.php or template script /views//tmpl/.php or in the case of a module, in its template script /tmpl/.php.

Изучаем Joomla. Переопределение шаблона (template override) и макетов (Layout Overrides)

Чтобы понять, работу с шаблонами в движка Joomla нужно было разобратьс с такими понятиями, как Layout Template, Ntmplate overrides, Layout overrides, custom css, template manager После просмотра нескольих статей догадался посомтреть документацию Джумлы. Здесь есть даже страница на русском. Только после сравния перевода с оригиналом начал привыкать к терминологии. Кроме того, здесь же и ссылки на страницы документации, в которых описывается структура папок шаблонов.