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

HN71
[div=b-anime_status_tag released data-text=слово_которое_будет_выводиться_через_content]текст который можно выделить[/div]

 link

 link

 link

 link
&
 link

 link

 link

 link

 link
&
 link

 link

 link

 link

 link

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

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]
назад
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть