Скругленные границы для изображений, oneboxes, цитат и не только

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

Возможна настройка следующих параметров:

  • интенсивность скругления изображений
  • ширина границы изображения
  • цвет границы изображения
  • интенсивность скругления однобоксов
  • ширина границы однобоксов
  • цвет границы однобоксов
  • цвет фона однобоксов
  • интенсивность скругления цитат
  • удаление левой границы у цитат
  • интенсивность скругления для «цвета сотрудников»
  • поддержка миниатюр тем:
    • скругление углов в списке
    • скругление углов в сетке
    • цвет фона-заглушки
    • цвет иконки-заглушки
    • цвет фона заголовка темы в сетке

Светлая тема со скруглением 10 пикселей и без границы

Тёмная тема со скруглением 10 пикселей и границей 2 пикселя

Включая поддержку однобоксов

Скругление цитат (15 пикселей)

Или удаление левой границы у цитат:

Скруглённый цвет сотрудников

Поддержка миниатюр тем

Представление в виде списка

Представление в виде сетки

:sunglasses: Предпросмотр Скриншоты выше / Живой предпросмотр
:link: Репозиторий на GitHub Скруглённые границы изображений
:hammer_and_wrench: Инструкция по установке Как установить тему или компонент темы
25 лайков

Спасибо, это очень приятно.

1 лайк

Спасибо! Пользуюсь им уже какое-то время.

2 лайка

Очень круто. Одно пожелание по обновлению. Было бы здорово, если бы можно было добавить отступ между границей и вставленным контентом. Ура!

1 лайк

Пожалуйста, проиллюстрируйте своё предложение скриншотом, я не до конца его понимаю.

Я внедрил несколько улучшений:

  • Теперь можно настроить скругление аватаров (по умолчанию, круг = 50%)
  • Улучшения для кнопок. Если включено скругление кнопок, минимальное скругление точек категорий исправлено, а также теперь учитываются модальные окна.
2 лайка

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

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

Достаточно ли просто загрузить JPG и позволить системе сделать своё дело? Есть ли у меня какие-то варианты выбора на этом этапе? Я работаю на боевом сайте, поэтому не люблю проводить эксперименты. В замешательстве. Заранее спасибо.

Я не могу сказать точно, но, полагаю, это сработает после установки в будущем. Попробуйте загрузить новое изображение и проверьте, применена ли рамка. Если нет, нажмите на ключик для конкретного сообщения (не темы) и выберите «Перестроить HTML». Если в обоих случаях рамка не применяется, возможно, вам нужно проверить настройки TC. Также убедитесь, что вы добавили её в используемые темы. Обновите страницу, чтобы убедиться, что настройки вступили в силу, так как вы, возможно, просматриваете кэшированные страницы.

Это пользовательские стили CSS, поэтому они применяются ко всему сайту.

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

Для изображений этого достаточно (по умолчанию отключено). Ниже приведены настройки, позволяющие скруглять углы других элементов по вашему желанию.

3 лайка

Могу ли я предложить небольшую правку интерфейса (выделено красным):

Думаю, это уже есть в основных переводах.

2 лайка