Як додати свій css-клас в редактор tinymce в joomla - авіаційні та комп'ютерні замітки
Багато творців сайтів на Joomla використовують власні класи для різних об'єктів CSS. Це можуть бути класи, наприклад, для таблиць або зображень.
Для того, щоб до картинок на сайті був застосуємо ефект "Lightbox" потрібно у вікні Додавання / Редагування зображень на вкладці "Appearance" прописати свій клас в поле "Class":
За замовчуванням його там немає, доступні тільки стандартні класи, які не потрібні:
Але фактично щось клас був створений, і він є!
Як варіант, його можна прописати вручну:
Для цього необхідно в випадаючому списку вікна "Class" вибрати рядок "(value)" - значення. І вручну прописати це значення.
Для застосування ефекту "Lightbox" для зображень потрібно написати значення класу наступного виду:
sim-lightbox
де, "sim" - це CSS-префікс вашого сайту. У кожного сайту CSS-префікс може бути як унікальним, так може і збігатися з іншим сайтом. Наприклад, у всіх шаблонів, зроблених за допомогою програми Artisteer, за замовчуванням варто CSS-префікс "art".
Використання ручного додавання класу має ряд недоліків:
1. Потрібно пам'ятати CSS-префікс кожного сайту.
2. Необхідно набагато більше часу на ручне введення тексту в порівнянні з швидким вибором потрібного класу зі списку.
3. Можна помилитися при введенні класу, і тоді ефект "Lightbox" не працюватиме.
2. Знайти в ньому текстовий блок з описом стилів для ефекту "Lightbox". Зазвичай це текст приблизно такого змісту:
Увага! Замість "sim" повинен CSS-префікс ВАШОГО САЙТУ!
3. Скопіювати цей текст в буфер обміну.
6. Тепер у вікні Додавання / Редагування зображень на вкладці "Appearance" в поле "Class" з'явилася додаткова рядок - наш клас для ефекту Lightbox: