Комментарий от Лизочек

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

Ответы

Pixl29 ноября 2021#

@Лизочек, я взял это @отсюда (я даже не планировал использовать это для коллекции). Кстати, в этом топике, могут и подсказать, как упростить этот код (тот что я внизу написал), или показать другие фишки
Если хочешь знать, как именно это сделано у меня, то вот (может выглядеть по другому, из-за того, что я пишу это в комментариях, вместо описания коллекции):
Сначала, я разделил на три колонки:

column 1

column 2

column 3

код

[div=cc-3a data-custom_data_attribute]
[div=c-column]column 1[/div]
[div=c-column]column 2[/div]
[div=c-column]column 3[/div]
[/div]

Потом, поместил вместо column 1 вставил туда код из @этого комментария (меняй [size=], чтоб смотрелось нормально):

Последние добавленные персонажи

(Свой текст 1)

Amagi

(Свой текст 2)

Mikasa

(Свой текст 3)

Nagato

column 2

column 3

код

[div=cc-3a data-custom_data_attribute]
[div=c-column][center][size=14][b][div=b-anime_status_tag broadcast]Последние добавленные персонажи[/div][/b][/size][/center][hr]
[div=cc-3]
[div=b-catalog_entry c-column]
[div=cover][div=image-decor]
[character=181024][poster]https://azurlane.netojuu.com/w/images/a/ae/AmagiShipyardIcon.png[/poster][/character][div=text][center](Свой текст 1)[/center]
[img]https://azurlane.netojuu.com/w/images/c/c8/Amagi.png[/img][/div]
[/div][center][b][character=181024]Amagi[/character][/b][/center][/div][/div]
[div=b-catalog_entry c-column]
[div=cover][div=image-decor]
[character=174657][poster]https://azurlane.netojuu.com/w/images/f/f9/MikasaShipyardIcon.png[/poster][/character][div=text][center](Свой текст 2)[/center]
[img]https://azurlane.netojuu.com/w/images/c/cf/Mikasa.png[/img][/div]
[/div][center][b][character=174657]Mikasa[/character][/b][/center][/div][/div]
[div=b-catalog_entry c-column]
[div=cover][div=image-decor]
[character=175403][poster]https://azurlane.netojuu.com/w/images/d/d3/NagatoShipyardIcon.png[/poster][/character][div=text][center](Свой текст 3)[/center]
[img]https://azurlane.netojuu.com/w/images/4/46/Nagato.png[/img][/div]
[/div][center][b][character=175403]Nagato[/character][/b][/center][/div][/div]
[/div][/div]
[div=c-column]column 2[/div]
[div=c-column]column 3[/div]
[/div]

Тут я сделал так, чтоб было по 3 персонажа ([div=cc-3])
Рассмотрим для Nagato
персонажи начинаются с [div=b-catalog_entry c-column]. Внутри звездочек, объяснение (*объяснение*)

[div=b-catalog_entry c-column]
[div=cover][div=image-decor]
[character=175403][poster]https://azurlane.netojuu.com/w/images/d/d3/NagatoShipyardIcon.png[/poster][/character][div=text][center](Свой текст 3)[/center] *[div=text] это как раз там, где у персонажа при наведении всплывает "комментарий". Можно обойтись и без [center]*
[img]https://azurlane.netojuu.com/w/images/4/46/Nagato.png[/img][/div] *я после текста нажал Enter, чтоб текст был вверху а картинка внизу. Можно прописать [br], если хочешь обойтись без Enter'а [div=text]свой текст[br][img]ссылка на картинку[/img]*
[/div][center][b][character=175403]Nagato[/character][/b][/center][/div][/div]

Так же, я сделал так, чтоб при наведении на постер и имя, выводилась подсказка на персонажа.
Наверное, его точно можно упростить. Поскольку, это было для создания "своих" персонажей.

А чтоб были розовые/оранжевые/фиолетовые и т. д. (@взял с этого комментария)

Released

[div=b-anime_status_tag released data-text]Released[/div]

Anons

[div=b-anime_status_tag anons]Anons[/div]

Ongoing

[div=b-anime_status_tag ongoing]Ongoing[/div]

Episode

[div=b-anime_status_tag episode]Episode[/div]

Studio

[div=b-anime_status_tag studio]Studio[/div]

Other

[div=b-anime_status_tag other]Other[/div]

Contest

[div=b-anime_status_tag contest]Contest[/div]

News

[div=b-anime_status_tag news]News[/div]

Review

[div=b-anime_status_tag review]Review[/div]

Broadcast

[div=b-anime_status_tag broadcast]Broadcast[/div]

Collection

[div=b-anime_status_tag collection]Collection[/div]

Article

[div=b-anime_status_tag article]Article[/div]

Cosplay

[div=b-anime_status_tag cosplay]Cosplay[/div]

Offtopic

[div=b-anime_status_tag offtopic]Offtopic[/div]

Ignored

[div=b-anime_status_tag ignored]Ignored[/div]

Pixl29 ноября 2021#

@Лизочек, мои три колонки из коллекции (во второй части коллекции больше кода. Могу и его скинуть):

Последние добавленные персонажи

(Слитные)

1280x720

Bwoole

(Слитные)

317x640

Йелисс

(Слитные)

Рин Камисиро

Новости

|29.11.2021|
Создание коллекции.

Помогали с коллекцией

Borzaya

ityprineympl

код

[div=cc-3a data-custom_data_attribute]
[div=c-column][center][size=14][b][div=b-anime_status_tag broadcast]Последние добавленные персонажи[/div][/b][/size][/center][hr]
[div=cc-3]
[div=b-catalog_entry c-column]
[div=cover][div=image-decor]
[character=25858][poster]https://desu.shikimori.one/system/characters/original/25858.jpg?1634080351[/poster][/character][div=text][center](Слитные)[/center]
[image=1685866][/div]
[/div][center][b][character=25858]Bwoole[/character][/b][/center][/div][/div]
[div=b-catalog_entry c-column]
[div=cover][div=image-decor]
[character=25856][poster]https://kawai.shikimori.one/system/characters/original/25856.jpg?1634080346[/poster][/character][div=text][center](Слитные)[/center]
[image=1685979][/div]
[/div][center][b][character=25856]Йелисс[/character][/b][/center][/div][/div]
[div=b-catalog_entry c-column]
[div=cover][div=image-decor]
[character=3486][poster]https://kawai.shikimori.one/system/characters/original/3486.jpg?1633642504[/poster][/character][div=text][center](Слитные)[/center]
[img]https://i.ibb.co/c3Sb2Xt/4.gif[/img][/div]
[/div][center][b][character=3486]Рин Камисиро[/character][/b][/center][/div][/div]
[/div][/div]
[div=c-column][center][size=14][b][div=b-anime_status_tag news]Новости[/div][/b][/size][/center][hr]
+ [div=b-anime_status_tag ongoing]|29.11.2021|[/div] Создание коллекции.
[/div]
[div=c-column][center][size=14][b][div=b-anime_status_tag contest]Помогали с коллекцией[/div][/b][/size][/center][hr]
[profile=940801]Borzaya[/profile][profile=410264]ityprineympl[/profile]
[/div]
[/div]

@Лизочек, @Cofe.Dog

Твой комментарий

Комментарий #7850146 Лизочек

Комментарий #7850146
Лизочек