Комментарий #10667125

Yozoramoon
@grin3671, можете подсказать, как сделать себе кастомный блок персонажа на .css?
По сути мне надо блок с изображением, который имеет фиксированный размер, ну и чтобы картинка под него подстраивалась, может выравниванием marginam'и (если не влезает)
У блока внизу другой блок с description, аля просто имя персонажа
И чтобы эти блоки можно стеной разместить подряд с заданием колонок и выравниванием по центру
Зачем это всё? Затем, что кастомные доступные мне блоки могут ссылаться только на существующих персонажей и там соответственно все конструкции именно для этого дела
А я хочу персонажей помнить с визуальных новелл, предположим (тут их нет)
Пример, как хотел бы (блоки можно и шире)
спойлер
Может этот вопрос уже где-то поднимался, но чего-то не нашёл
Ответы
ВСЕХ БЛАГ
ВСЕХ БЛАГ#
@Yozoramoon, Да зачем тебе это нужно?
grin3671
grin3671#
@Yozoramoon, хм, шаблон, который очень замечательный в e-design это стандартная стена из справки? Если да, то подойдёт шаблон из импортов:
/* Стена постеров различных типов */
@import url("https://css-club.web.app/css/rate_module.min.css");

В «О себе» нужно будет вставить такой код, где последний c-column расширен для использования нестандартных персонажей:
[div=rate_module cc-6-g15]
[div=c-column][animes ids=2966 cover_notice=studio][/div]
[div=c-column][mangas ids=36131][/div]
[div=c-column][mangas ids=9115][/div]
[div=c-column][people ids=79][/div]
[div=c-column][characters ids=7373][/div]
[div=c-column b-catalog_entry data-chara=Nase-Yukana][div=cover]
[div=image-cutter][/div][div=title two_lined]Nase Yukana[/div]
[/div][/div]
[/div]

Чтобы добавить картинку, в «О себе» у атрибута data-chara прописываем имя (без пробелов, только английский), а в CSS к селектору атрибута с этим значением прописываем картинку, используя свойство background-image:
[data-chara=Nase-Yukana] .image-cutter::before {
  background-image: url("https://t.vndb.org/ch/13/80913.jpg");
}

Кроме того, один раз указываем скругление и общие свойства для фона:
.rate_module .image-cutter::before {
  background: center top / cover;
  border-radius: 9px;
}

Результат (последний персонаж из вн «Kanojo no Seiiki»):
909x277
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть