Юзаю Olivero и не стесняюсь, мне очень понравилась тема, поставил на два сайта и вообще я фанат Drupal, а пробовал лет 15 назад 4-5 фигни... В общем лого ставлю, но эт лирика. Поскольку перерывы у меня в 3 года, я все забываю и сейчас отвлечен основной профессией. Но хочется ковыряться. Я даже вытрахал мозг beget и они научили меня ставить модули через composer . В смысле я выучил 2 команды. Всем рекомендую (хостинг, а не траханье мозга)
Вопрос, можно ли кружочки из Olivero использовать или они вшиты в тему? Мне под дизайн и мою любовь к кружочкам хочется всех юзверей ими сделать, пока не понял как это сделать средствами Image Effects.
Это либо css как-то закругляет, либо кто-то обрезает белый круг у фотки, кто?
Комментарии
Чего же никто не знает можно ли как-то использовать Оливеровский стиль картинки?
приведите картинку где вы видели кружечки? у меня аватар прямоугольный.
Вот здесь Оливеро генерит, это не мой пресет
https://o2.social/blog
картинка прямоугольная. округляется с помощью класса:
width: var(--sp3-5);
height: var(--sp3-5);
object-fit: cover;
border-radius: 50%;
}
Да, эт я понимаю, я хочу, чтобы как на приличных сайтах человек сам мог выбрать, но в пресетте был бы круг
Но можно прописать, а пресет сделать средствами Друпала.
А можете подсказать, что здесь за класс картинки, я отупел, не вижу в хроме:
https://o2.social/psychologists/anima
img, video {
display: block;
max-width: 100%;
height: auto;
float: left;
margin-right: 0.5em;
margin-bottom: 1em;
}
в каком файле непонятно. там аггрегация.
Мне кажется проще пресет сделать, но нет таких вариантов в готовых, чтобы удалили все за округлой областью, хотя, блин должны быть уже.
Во Вьюхе победил кружочек, там просто созданный класс добавил, а вот в сам документ как вписать класс, пока не понял (
Прессет для того, чтобы сделать кружечек - не надо. Это возможно. Но давайте без технопорна.
Лучше ссылку дайте: где хотите кружечек сделать.
Дык вот, вписал в css свой класс и добавил его во вьюху: { border-radius: 50%;} и с наследуемыми признаками от img завелось, хотя в хроме по-моему так и не работает.
А как здесь переопределить или добавить к img не знаю
https://o2.social/psychologists/aleksey-ezhkov
Вот здесь надо прессет. Но только чтоб до квадрата обрезать например до 244px.
В CSS можно так:
border-radius: 50%;
overflow: hidden;
width: 244px;
}
Или так:
border-radius: 50%;
overflow: hidden;
width: 244px;
display: block;
}
Потом тут (думаю понимаете зачем):
margin: 0;
}
Странно, я почему-то становлюсь маленьким овальчиком, а другие разными))
https://o2.social/psychologists/aleksey-ezhkov
Пресет у меня на 150, в css поставил 200
2 правила из моего поста пропишите в CSS для img и для того что оборачивает img. 244 на 320 замените.
320 в прессете тоже сделать?
Сейчас везде 244 поставил.
В разных браузерах все по-разному, и только у одного психолого везде круг, картинка изначально квадратная.
https://o2.social/psychologists/zhanna-gureva
Какой-то треш)
Прессет Scale and crop ( Масштабировать и обрезать) до пускай 320. Можно другое значение.
И в настройках отображения поля пользователя это прессет должен быть.
В общем в итоге я просто сделал маску в прессете, потому что это невозможно уже.
Причем, если включать в Управлении отображением Учётная запись пользователя, то вуаля css c кружочком работает, мой же прессет нет, компактный режим живет как хочет.
Но дело стало еще хуже я не отследил, но в какой-то момент слетел CSS у нескольких страниц, причем это простые страницы, ну одна точно:
https://o2.social/about
Причем в разных браузерах все по-разному, жесть какая-то, а выбрал Olivero, надеясь, что уж тема из коробки должна быть вылизана. Кажется, я ошибся. Чего-то дикого не делаю и такие косяки.
Ну, вот Oneall.login не захотел работать и глючил, убрал.
Чем можно отслеживать, кто портит жизнь? Потому что откатывать сайт в третий раз очень лень и непонятно не вернется ли это еще раз.