8 октября в 3:38
Юзаю 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 не захотел работать и глючил, убрал.
Чем можно отслеживать, кто портит жизнь? Потому что откатывать сайт в третий раз очень лень и непонятно не вернется ли это еще раз.
В общем решил таки попробовать Bootstrap5. А перед этим сделать копию. Копию сделать не вышло, часть таблиц не загружается, не смогли даже beget восстановить, говорят какие-то модули кешируют, по итогу тексты есть только в профилях пользователей.
Однако Bootstrap5 избавил меня от всех проблем с CSS, кроме картинок, на картинки маска не ложится, хотя при этом у одного психолога ок. Видать проблема в каком-то модуле, может в Paragraph, я его не использовал ранее.
Еще народ пишет про Сloudflare и проблему с ним.
https://www.drupal.org/project/drupal/issues/3393274
Когда РКН ломал сеть этот сайт конечно начал глючит и вообще на него невозможно было зайти. При это мой второй сайт на Drupal 10 с такими же настройками в Сloudflare и более того с этой же шкурой вообще никак не реагировал блокировку РКН.
Выходит и Сloudflare вроде не виноват.
Впервые сталкиваюсь с таким, я много несложных проектов делал начиная с Drupal 5, сейчас все летит на самых простых вещах.
Dusk, единственное, что нужно это прессетом до квадрата картинку обрезать и CSS подправить. Пока что, ерундень пишете.
Bootstrap - требует знания его классов и возможно работы с CSS препроцессорами. Хотите - изучайте.
Почитайте, почитайте что люди люди пишут по ссылке. Неужели вы думаете, я не могу строку в CSS вставить? А сейчас и строка не нужна, я маску сделал и она не работает.
А по делу, в итоге отключив объединение CSS и JS файлов на сайте, отключив проксирование и установив передачу данных на TLS 1.0 на CF сайт стал более-менее работать.