3 месяца и 2 недели
Время за аниме и мангой
1 неделя
1 месяц
3 месяца
6 месяцев
1 год
Активность на сайте
Обо мне
05.09.2017: теперь все мои наработки из клуба CSS хранятся так же и тут, можете смело брать их и использовать в своих стилях, они как раз для этого
Начал увлекаться аниме еще в раннем детстве, когда даже и не знал, что такое аниме, просто так совпало,
что родители покупали мультики на DVD, а это было аниме. Первое моё просмотренное аниме очень вероятно Чобиты или же Моя богиня!, до сих пор сохранились диски с пиратской озвучкой, которую тогда продавали в магазинах, мне тогда так нравились эти аниме, что доходило даже до того, что я записывал их на кассеты диктофоном и слушал фоном пока пытался уснуть, хех. Дальше, уже в школе я периодично смотрел аниме по телевизору, например транслировали Стальная тревога, Эльфийская песнь, Ikkitousen и разное другое. Когда-то же тогда посмотрел Наруто. Как-то после этого случился застой, я почти не смотрел аниме и только иногда по телевизору и где-то в 8-9-ом классе снова вернулся к более-менее активному просмотру, у меня уже тогда были свои девайсы для этого (до этого смотрел по телевизору, да DVD).

Когда ушел из школы после 9-ого класса (2013 г.), то летом еще более активно смотрел аниме, настолько активно, что решил заняться его озвучкой (26.07.2013). Я взял деньги, которые мне подарили за окончание школы и купил себе микрофон
, нашел первый попавшийся проект по его озвучке и начал развиваться, озвучивать, проект был, ныне мёртвый, AniMIX. Сначала было сложно, я сбивался, почти не читал до этого субтитры (да, тогда я смотрел с озвучкой в основном, но слава Господи, далеко не самую плохую), дикция тоже была так себе, приходилось много над этим работать, а так же работать над эмоциями, поскольку тогда мне говорили, что моя озвучка как у робота, нет эмоций, но позже я стал лучше больше прислушиваясь к озвучке более опытных дабберов. Где-то тогда же летом 2013 г. AniMIX развалился, один товарищ устроил, можно сказать, революцию и большая часть команды (включая меня и партнёршу по озвучке, в два голоса же озвучивали аниме) ушла в новый проект, который назвали AnimeJet. В нём было неплохо, я озвучил там несколько аниме, набрался опыта, у меня был ЛИЧНЫЙ ПЕРЕВОДЧИК и прилично свободного времени, потому я озвучивал на скорость, за что и получал неплохое количество просмотров. Из которого, посидев какое-то время, кажется, до зимы 2013 г., я ушел из-за личных разногласий с партнёршей по озвучке. Вот тогда я уже хотел претендовать на что-то большее, чем совсем новые проекты, тем более я тогда купил себе
микрофон AT2020 и внешнюю аудиокарту Roland Try-Capture, а так же несколько звукопоглощающих панелей
, в несколько раз лучше старого и мой звук стал довольно приятным

Я вступил в 4Anime... тогда был известный, но печальный проект, репутация у главы, как и у коллектива в целом была весьма так себе и долго я так не задержался) буквально в тот же день меня позвали в другой проект - AniRigin (нынешний AlFair), правда через знакомство, но и моя заслуга тоже была, тогда было весьма актуально считать опыт даббера по количеству озвученных серий, мои тогда уже перешли рубеж в 100-150 серий и оборудование у меня было чуть ли не самое лучшее в коллективе, меня радовало, что у коллектива тоже неплохое оборудование было, а значит мы уже могли работать на качество. Где-то через месяц-два я стал одним из администраторов этого проекта и почти самым значимым членом команды и всё бы хорошо, но... проект начал умирать, всех одолела лень, серии задерживались больше, чем на неделю, просмотров не было, никто, ничего, не хотел делать, а если и делал, то уже было поздно и через какое-то время я ушел из проекта, потому что топтаться на одном месте не очень весело.

Вступил в XDub (2014 г.), параллельно меня иногда приглашали другие небольшие коллективы, но не вступить в команду, а просто озвучить вместе, нужен им был мой голос на MVO. В то время моя домашняя студия выглядела вот
. Уже и не помню, почему в итоге ушел из XDub, но хороший был проект, один из лучших, в котором я был, приятный коллектив, оборудование неплохое у большей части команды, мне выделили личного ТАЙМЕРА (наконец-то я мог не сам расставлять свои слова по местам, теперь мне надо было только озвучивать и всё), и именно тут я попробовал впервые озвучивать корейские дорамы, видимо, была веская причина уйти. Дальше я уже вступил в HaronMedia (2014-15 г.), довольно долго там просидел, параллельно вписывался в различные MVO, сотрудничал с MiraiDub, что и раньше делал и в итоге это был мой последний проект, мне внезапно надоело озвучивать, приходилось заставлять себя через силу, я тогда последнее время уже не озвучивал двухголоски, одноголоски тем более, только MVO, наверное даже потому, что слов озвучивать не так много. В конечном счете я пришел к выводу, что если мне приходится заставлять себя озвучивать, то, выходит, хобби превратилось в рутину, которая отнимает силы и время и было принято решение бросить озвучку, итого 27.12.2016 я именую датой, когда я бросил озвучку, озвучив суммарно больше 350 серий.

Как-то вот так и прошел мой путь даббера, кстати, вот тут вот я выкладывал все свои озвучки и не только vk.com/dz_page , если кто захотел послушать, только на дату не забывайте обращать внимание, т.к. качество озвучки моей сильно отличается по датам, зато, возможно, видно, как я рос. Озвучка отняла очень много времени, но я не жалею о том, что занимался этим, какое-то время, достаточно долгое время, это было мне интересно, это подарило множество знакомств и некоторых знаний, множество интересных ситуаций, как, например, меня узнали в реальной жизни на сходке анимешников и даже расспрашивали с интересом обо всём, было немного неловко) далеко не самое интересное, что успело случиться, но далеко не всё я мог бы рассказать, что-то слишком уж личное) Еще, что подарил опыт озвучивания, так это то, что я смог полностью отказаться от просмотра в озвучке, уже спустя пару месяцев я просто не мог слушать чужую озвучку, весь просмотр превращался в оценку и сравнение, а не наслаждение сюжетом, да и привык я к сабам и голосам сейю пока вслушивался и вчитывался, и вот по сей день, благодаря опыту озвучки, я смотрю только в субтитрах. Кстати, вдруг кому интересно будет, я как-то раз, когда-то расписывал кому-то, как же проходит ПРОЦЕСС ОЗВУЧКИ И ТАЙМИНГА СЕРИИ и вот тут можно прочитать --->
Dark_zarichDark_zarichнаписал:
В общем, всё начинает с того, что аниме показывают по ТВ в Японии, его записывают и спустя какое-то время (10-50 минут после трансляции) в интернете появляется так называемая RAW - это серия без перевода и субтитров

Спустя еще 70-120 минут, а иногда даже больше, появляются английские субтитры и тогда уже множество команд берутся за перевод: выделяют по 3-4 человека на перевод субтитров, делят на 3-4 части весь текст и переводят.

Когда перевод готов, то субтитры кидают дабберам (озвучивающим аниме), в каждой команде свои дабберы и цель выпустить как можно более качественную озвучку и при том максимально быстро. Так вот, получил я перевод, а дальше я подключаю субтитры к RAW, подготавливаю место для озвучки, настраиваюсь, приношу банку воды и начинаю озвучивать. Занимает у меня всё это примерно 60-80 минут на одну серию.

Далее, когда я уже озвучил, я сохраняю запись и передаю её таймеру (таймеры - это те люди, что будут расставлять мои слова в нужные места, а так же убирать мои оговорки и прочее), работа таймера занимает 120-170 минут, а если голосов больше одного (допустим со мной еще девочка озвучивала женские роли), то еще больше.

Когда таймер подготовил всё и сохранил готовое видео, то дальше он передаёт его релизеру, а релизер раскидывает по группам и различным другим местам.
и того, выходит
70-120 минут - перевод
60-80 минут - озвучка
120-170 минут - тайминг
4-6 часов на одну серию
и этим занимается больше (!) 15 команд
аниме за один сезон выходит (!) 40
всё немного проще, когда озвучиваем по уже готовым сабам


Хотелось бы еще привести ники всех тех людей, с кем мне довелось озвучивать в коллективах, возможно кого-то вы узнаете)
Lianna, Pudding, Sello, HeavyBlozar (Blozik), Lenzara, Aska (Rlueh), AriannaFray, Rainforse, Esther, Minako-mi, Arikatozuka, Kiyoshi_66, Kyuri, Nyaruko, ViktoriNka, ErePyon, Dante, Izanami, Mamoru2, JustCrazy, Mayonezka, Senyor, Naoka, Watanabe, Elrid, Kashtan, Kamiko, Anzen, Kurisu, Only, Konra-chan, Akami, Nuts, Кошка Бестия, Cleo-chan, Madao, Krondir, Panda_Ksyao, Amikiri, Yuki, Audial, Melani, Denchik, GAR, MiKaSa, Nari, Shira, Sajful, Sakura, Eliza, LeeAnnushka, LolAlice
Как же их много получилось, но, вроде, никого не забыл. Многие из них тогда еще только начинали озвучивать, кто-то бросил, кто-то чего-то добился, кого-то вы возможно часто слышите и сейчас, а о ком-то, может, никогда не слышали)

Дальше пойдёт часть, возможно, не особо интересная, мало касается аниме, но всё-таки, нужно же рассказать и о чем-то кроме. Увлекаюсь программированием с 7-ого класса, писал моды на Minecraft, конкретно сейчас, вроде, разбираюсь в веб-программировании и считаю его своим направлением, так сказать. Когда-то занимался деятельностью на ютубе, планирую вернуть или уже вернулся. Занимался театральным и вокалом 3 года, но пою так себе. Летом 2016 г. начал изучать английский язык с нуля и сейчас уже иногда смотрю аниме в английских субтитрах, а иногда и перевожу для народа. Знаю японский чуть выше уровня "смотрю аниме с сабами". Играю\играл в японские игры: Kantai Collection, Idol Master, Granblue Fantasy, из не японского мало чего играю, ну, из того, во что частенько, наверное, OSU, остальное когда как, раньше увлекался ММОРПГ (L2, RF, R2, Last Chaos, PW, Аллоды... ну, я много чего попробовал из таких), но вырос и надоели, потом увлёкся F2P шутерами, тоже надоели, сейчас (2017 г.) почти не играю, а если и играю, то в OSU или одиночные игры, ну, еще иногда в Granblue Fantasy захожу. По предпочтениям в музыке - меломан, но преобладает J-ROCK. Какая-то небольшая часть получилась, но как-то так.
Надеюсь, вам было интересно читать, и спасибо, если дочитали, значит, не зря всё писал)
Сюда попадает только то, чему я поставил 10 или 9 (если сезона два или более, то любому из двух), список почти полностью отсортирован по дате
Женские
Мужские


Напомню, что не придуманная мной система сайта - показатель совместимости, фактически, говорит, что вкусы по аниме у двух людей совпадают или частично совпадают, если о том говорит показатель, потому не стоит писать мне, что вы не согласны с моей оценкой или каким-то отзывом, если наша совместимость ниже показателя в 50.0 (или даже в 60.0), вероятно, у нас просто разные вкусы, а моё мнение зачастую больше, чем на 50% субъективное.

10 Это было что-то невероятное, я полностью проникся картиной. Такое я вряд ли когда-то забуду, это что-то, что заставило меня рыдать или заставило что-то переосмыслить из устоявшегося мировоззрения или просто очень замечательная картина, которую я посмотрел в один присест, а может даже всё, выше перечисленное. Такое я могу порекомендовать всем и каждому. Это я прочувствовал полностью. Такое захочется когда-нибудь пересмотреть. Это просто шедевры. Печально на сердце, когда такие тайтлы заканчиваются.

9 Почти тоже самое, что и 10, но в меньшей степени и скорее всего оценку я мог снизить за плохой, по моему мнению конец, за слишком затянутый сюжет или же за какие-нибудь не очень серьезные моменты, которые мне как-то не зашли, может быть Тайтлы за оценкой 10 мне даже упрекать не за что, а даже если и есть, то совокупность плюсов просто с лихвой перекрыли все замечания, но если я поставил 9, то значит не так сильно проняла, чтобы определить в ряд шедевров. Такие аниме я тоже могу многим порекомендовать, это тоже очень даже хорошие картины и достойны просмотра, на мой взгляд.

8 Такую оценку я ставлю аниме, которые зацепили (сюжетом\остами\картинкой или прочим) меня, но там было не всё так гладко, как мне хотелось бы. Такие аниме я тоже вряд ли забуду, но порекомендую я из такого не всё. Аниме с этой оценкой просто немного лучше, чем среднячки с оценкой 7 или может даже на краю, чтобы стать 9, их интересно смотреть и может даже не один раз, но до шедевров им далеко. Зачастую, такую оценку у меня получают аниме, которые по ощущениям от них не дотянули до 9 и после завершения просмотра остались думы насчет финальной оценки, ибо
9 или 10 - это оценка без сомнений.


7 Аниме с такой оценкой - "аниме на один раз" aka среднячки или проходняки. Такие аниме вряд ли хоть чем-то выдаются, но у них красивая рисовка, возможно приятные осты, неплохие местами персонажи. Зачастую под этой оценкой очень шаблонные аниме, их можно поставить в один ряд с множеством других. Такую оценку от меня частенько получают проходные слайсы или аниме про школу, проходные ситкомы, лавкомы и тд. Такие аниме я редко порекомендую, но и такое бывает. Такое я не буду пересматривать, очень вероятно.

6 С этой оценкой в моём списке очень сомнительные аниме. Такие аниме фактически ничем не цепляют, у них вероятно немало минусов и они просто на грани скатиться к 5.Сюжетом такие аниме не блещут, мотивы могут быть не убеждающими, диалоги не проработанными, осты не цепляющими или даже неприятными, чардиз и в целом графика убогими, может так же встречаться избыток неуместного фансервиса и тд. и тд. Такую оценку получают тайтлы, которые, из-за какого-то одного (вроде таких серьёзных, как разрушение ожиданий, на мой взгляд, разрушение ожиданий портит всё впечатление на весь просмотр или от завершения просмотра) или группы отрицательных факторов я перестал считать "средними" и\или ощущение от них было хуже, чем нормально, но такие тайтлы всё еще можно смотреть, хоть и воротя нос. Такое я абсолютно точно не буду пересматривать, очень-очень маловероятно порекомендую.

5 Под такой оценкой аниме, которые я досмотрел только потому что я не дропаю, пытаюсь дать хоть какой-то шанс (ну вдруг всё будет лучше дальше). В таких аниме точно встречается группа перечисленных выше отрицательных факторов и их было настолько много или они настолько сильно влияли на общее впечатление, что данные тайтлы, фактически, получили клеймо "не смотреть". В общем, плохо всё в них, смотреть такое не рекомендуется даже под угрозой пыток, но если ваши вкусы совпадают с моими и вы немножко мазохист, то пожалуйста. Так же, как и в предыдущем пункте, такое я пересматривать никогда не буду и надеюсь забыть. Абсолютно точно никому не буду такое рекомендовать.

4 На момент 15.08.2016 это самая низкая оценка в моём списке. Можете думать, что хотите, но ТАКОЕ смотреть нельзя. ТАКОЕ я НАДЕЮСЬ забыть и НИКОГДА не вспоминать. Казалось бы, что может быть хуже клейма "не смотреть" или оценки 5, но вот, оказывается, может, честно сказать, мне даже сложно прокомментировать эту мою оценку, только 3 слова - ВСЁ ОЧЕНЬ ПЛОХО.

Оценки 3, 2, 1 отсутствуют в моём списке, т.к. я еще ничего не смотрел, что было еще хуже, чем4 и надеюсь не посмотрю. Я стараюсь смотреть выборочно, потому такие оценки вряд ли когда-нибудь появятся в моём списке, но всё реально, покуда на данный момент я беру достаточно много онгоингов на просмотр, чтобы, так сказать, отведать всякого.

Спасибо за внимание.

Здесь находятся предварительные оценки онгоингам и сами онгоинги, что я смотрю или запланировал. Так как я не ставлю оценку тайтлу до тех пор, пока не досмотрю его я отмечаю всякие моменты у себя в списке в комментариях (это, скорее, для будущего отзыва, если в итоге не передумаю его писать) и там же ставлю предварительную оценку, но т.к. это не очень красиво и удобно я решил вынести это еще и в отдельную графу

Made in Abyss
10
New Game!!
9
Kakegurui
7
Princess Principal
8
Youkoso Jitsuryoku Shijou Shugi no Kyoushitsu e (TV)
8
Gamers!
7
Isekai Shokudou
7
Isekai wa Smartphone to Tomo ni.
6
Koi to Uso
7
Tsurezure Children
8
Aho Girl
7
Netsuzou TRap
7
Vatican Kiseki Chousakan
6
Nora to Oujo to Noraneko Heart
4

Здесь находятся предварительные оценки онгоингам и сами онгоинги, что я смотрю или запланировал. Так как я не ставлю оценку тайтлу до тех пор, пока не досмотрю его я отмечаю всякие моменты у себя в списке в комментариях (это, скорее, для будущего отзыва, если в итоге не передумаю его писать) и там же ставлю предварительную оценку, но т.к. это не очень красиво и удобно я решил вынести это еще и в отдельную графу

3-gatsu no Lion 2nd Season
?
Shokugeki no Souma: San no Sara
?
Mahoutsukai no Yome
?
Black Clover (TV)
?
Shoujo Shuumatsu Ryokou
?
Inuyashiki
?
Ousama Game The Animation
?
Boku no Kanojo ga Majimesugiru Sho-bitch na Ken
?
Juuni Taisen
?
Blend S
?
Imouto sae Ireba Ii.
?
Dia Horizon (Kabu)
?
Just Because!
?
Мои наработки с клуба CSS, фактически, тут их резервная копия на всякий случай


Изменение логотипа сайта в левом верхнем углу.
Для начала, необходимо убрать отображение старого, сделать это можно следующим образом:
.l-top_menu .inner .logo {
    background: none;
}


Если вы хотели просто убрать лого, то на этом этапе можно остановиться, но если что-то другое, то следуем дальше. Убрав этот фон у лого мы убираем изображение лого и следом можем туда что-то занести, хоть текст, хоть картинку. Сделать можно двумя способами:

1) поместить текст через псевдокласс after:
.logo:after {
    content: 'SHIKIMORI';
    font-size: 17px;
}


after это псевдокласс, который может что-то вставить после элемент. Тут всё просто, можно применить почти все свойства, которые можно применить к другим элементам (подробнее о свойствах htmlbook.ru ), а текстовое содержание задаётся через свойство content.

2) поместить картинку: заменить старый background на новый:
Всё еще проще, просто ставим новую картинку на фон взамен старой в поле background у .logo.
.l-top_menu .inner .logo {
    background: url('ссылка на картинку');
}

Автор @Dark_zarich


Помещаем что-нибудь или кого-нибудь на страницу или "хочу чтобы справа в углу сидел <какой-нибудь персонаж> и не только"
Давайте разберём случай, когда вам хочется поместить какого-нибудь персонажа в правый нижний угол и чтобы он перемещался вместе с прокруткой страницы. Код с комментариями ниже:
.p-profiles-show .b-feedback:after {
    content: ''; /* "так надо" */
    display: inline-block; /* не обязательно именно так, но "так надо" */
    position: fixed; /* именно это свойство и его значение fixed
                        и делает, чтобы изображение "прокручивалось" */
    width: 300px; /* ширина изображения */
    height: 300px; /* высота изображения */
    right: 0px;  /* отступ справа, 0px значит, что отступа от правой границы нет*/
    bottom: 0px; /* отступ снизу, 0px значит, что отступа от нижней границы нет*/
    background: url("ссылка на изображение") no-repeat;
    background-size: cover; /* размер изображения будет подгоняться так,
                               чтобы занять всё пространство, которое 
                               задают width и height */
    z-index: 10; /* изображение становится выше всех по z координате,
                    тем самым всё остальное находится под ним*/
    pointer-events: none; /* мышь перестаёт замечать изображение */
}


Результат:



Если есть желание переместить в другое место, допустим, с левого края, то убираем right: 0px и пишем left: 0px, т.е. отступ 0 пикселей от левой границы, довольно простая логика: левый нулевой и нижний нулевой, вот и получаем левый нижний угол. Всего таких свойств четыре: left, right, bottom и top, поняв эту простую логику можно переместить в любое место.

Если же нужно сделать так, чтобы изображение оставалось на своём месте и при прокрутке страницы, то position: fixed меняется на position: absolute и его позиционирование проводится через вышеупомянутые четыре свойства.

Если персонаж смотрит не в ту сторону, то не обязательно бежать менять исходное изображение, средства CSS позволяют отразить по горизонтали через transform: scale(-1, 1) или по вертикали transform: scale(1, -1);, нужно просто добавить это свойство в теле селектора.

Если нужно добавить более одного персонажа, допустим, два, то можно дублировать правило и во втором заменить :after на :before в селекторе. Однако, если вам нужно больше двух персонажей, то придётся менять уже весь селектор, искать еще один элемент в структуре, от которого можно создать :before и :after, стоит сказать, что таких элементов очень много и у некоторых из них они уже созданы, но под свои нужды.

"У меня ничего не работает, что я сделал не так" ? Что ж, тут не так много вариантов:

(1) Убедитесь, что ; (символ "точка с запятой") стоит в конце каждого свойства, это важно
(2) Убедитесь, что везде соблюдены фигурные скобки, каждый селектор открывается и закрывается фигурными скобками, обратите внимание
(3) Иногда шикимори не хочет пропускать ссылку, если вы её пишите с http или https
background: url("https://i56.beon.ru/49/25/2792549/45/117134045/268.png") no-repeat;

попробуйте убрать http: \ https:
background: url("//i56.beon.ru/49/25/2792549/45/117134045/268.png") no-repeat;

(4) Изображения нет, ссылки на некоторые сайты Шикимори не пускает, попробуй-те проверенные ссылки, вроде ссылок с vk или с imgur
(5) Любые другие синтаксические ошибки, вроде забытых не закрытых кавычек и прочее, прочее, CSS довольно чувствительный, чтобы от такой лажи всё сломалось
(6) Элемент не может иметь более одного after и более одного before, потому убедитесь, что они не задействованы ранее, возможно, под какие-то другие ваши нужды, если всё-таки задействован, то остаётся только найти другой элемент и от него сделать after и\или before
(7) Маловероятно, но всё таки, если у .b-feedback стоит display: none (как эффект, слева у сайта не видно кнопки сообщить об ошибке), то тут тоже надо искать другой элемент и создавать у него after или before

Автор @Dark_zarich


Анимированная аватарка (aka gif)
Стоит сказать сразу, что она будет видна другим только в вашем профиле:
.p-profiles .profile-head .c-brief .avatar {
  background: url("ссылка на гиф");
  background-size: cover;
  background-position: center;
}

img[title="ваш ник"] {
  visibility: hidden;
}

.p-profiles .profile-actions {
  background: white; /* это цвет фона панели с кнопками*/
}

Например:
.p-profiles .profile-head .c-brief .avatar {
  background: url("//imgur.com/GhpGkuW.gif");
  background-size: cover;
  background-position: center;
}

img[title="Dark_zarich"] {
  visibility: hidden;
}

.p-profiles .profile-actions {
  background: white;
}

Конечно, ссылки не рекомендуется брать из вк, потому что они могут быть видны только у вас, всем остальным вк не даст увидеть документ по вашей ссылке. Так же, стоит отменить, что если вы пишите // в начале ссылки, как в примере, то убедитесь, что сайту доступен https протокол (написал в начале ссылки https:// ссылка и посмотрите, что выдаст), иначе вы не увидите то, что хотите.
Если https протокол не доступен, то ссылку нужно начинать с http://.
Если даже с http не отображается гиф, то, вероятно, фильтр шикимори не пропустил вашу ссылку, посчитав её небезопасной, в таком случае ищите другую гиф или перезагрузите её куда-нибудь в другое место.

Автор @Dark_zarich


Простая обложка для профиля

Пример:


.p-profiles-show .profile-head:before {
    content: '';
    display: block;
    height: 300px; /* высота обложки */ 
    background: url("ссылка на обложку") no-repeat; /* кавычки должны быть */
    background-size: cover; 
    margin: -15px;
    margin-bottom: 5px; /* отступ от нижней границы обложки */
}


Еще для обложки можно взять готовый стиль Грина:
/clubs/811-css-club-nastroyka-vneshnego-vida-sayta/pages/83-gotovye-stili

Автор @Dark_zarich


Альтернативный spoiler для блока "обо мне"

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




код:
.p-profiles .about.block .b-spoiler label {
    border: none;
    display: inline-block !important;
    font-weight: bold; /* толщина шрифта, можно убрать, если не нужно */
    color: #000; /* цвет текста спойлера */
    background: #e8ebef; /* цвет фона спойлера */
    height: 30px; 
    width: 100%;
    font-size: 12pt; /* размер шрифта текста на спойлере */
    padding-top: 3px; 
    text-align: center;
    margin-bottom: 5px;
}

.p-profiles .about.block .b-spoiler .after:before, .about.block .b-spoiler .before:before {
    content: '';
}

.p-profiles .about.block .b-spoiler .before {
    width: 100%; 
    height: 50px;
    display: inline-block !important;
    margin-top: -50px;
}


Автор @Dark_zarich


Идущий снег и не только снег

Накладывает на левую и правую часть профиля анимацию снега (можно заменить на любую другую, важно, чтобы был прозрачный фон у gif, например, вот лепестки сакуры, правда pixel art s-media-cache-ak0.pinimg.com)

код:
.turbolinks:after {
    content: " ";
    height: 100%;
    width: 100%;
    display: inline-block;
    position: fixed;
    background: url(https://media.giphy.com/media/26BRyql7J3iOx875u/giphy.gif) fixed;
}


Если анимация не слишком агрессивная, как, например, та, что выше, и вы уверены, что анимация на всей странице не будет вам мешать, то следующий код сделает так, чтобы анимация была не только слева и справа, а везде:

.turbolinks:after {
    content: " ";
    height: 100%;
    width: 100%;
    display: inline-block;
    position: fixed;
    background: url(https://media.giphy.com/media/26BRyql7J3iOx875u/giphy.gif) fixed;
    z-index: 10;
    pointer-events: none;
}


Автор @Dark_zarich


Режим "кинотеатра" \ "выключить свет" на странице просмотра аниме в десктопной версии сайта



Как показано на скриншотах, данный код включает отображение специальной кнопки (которая отображается обычно только в мобильной версии), которая позволяет по нажатию на неё затемнить фоны и увеличить область видеоплеера, удобно, если вы предпочитаете смотреть не в фуллскрине

.p-anime_videos .l-page .menu-toggler {
    display: inherit;
    margin-top: 40px;
}

@media only screen and (min-width: 1025px) {
    .p-anime_videos .l-page.menu-expanded .menu-slide-outer.x199 .l-content {
        width: 100%;
    }

    .p-anime_videos .l-page.menu-expanded .player-area, .p-anime_videos .l-page.menu-expanded .player-placeholder, .p-anime_videos .l-page.menu-expanded iframe {
        height: 618.25px !important;
    }

    .p-anime_videos .l-page.menu-expanded .l-menu {
        display: none;
    }

    .p-anime_videos .l-page {
        z-index: 9;
    }

    .p-anime_videos .l-page.menu-expanded ~ #shade {
        display: initial;
        opacity: 0.9;
        z-index: 8;
        pointer-events: none;
     }

     .p-anime_videos .l-page.menu-expanded {
         background: rgba(20,20,20,0.2);
     }
}


Автор @Dark_zarich


Смена обложек для персонажей и не только

Для начала нам нужен этот код, он просто оптимизирует отображение информации о персонажах, чтобы избавиться от избыточности обложек, он нужен только в одном экземпляре, так что не нужно его копировать для каждого персонажа отдельно. Данный код подходит только для блока "обо мне":
.p-profiles-show .tooltip-details .b-catalog_entry-tooltip > a {
    display: none;
}

.p-profiles-show .b-catalog_entry-tooltip .inner.offset {
    margin-left: 0;
}

.p-profiles-show .tooltip-inner {
    width: 280px;
}


Если нужно для блока избранное, то код выше не подходит, нужно использовать этот:
.p-profiles-favourites .tooltip-details .b-catalog_entry-tooltip > a, 
.p-profiles-show .tooltip-details .b-catalog_entry-tooltip > a,
.p-profiles-show .tooltip-details .b-catalog_entry-tooltip .entry-tooltip_container > a {
    display: none;
}

.p-profiles-favourites .b-catalog_entry-tooltip .inner.offset, .p-profiles-show .b-catalog_entry-tooltip .inner.offset {
    margin-left: 0;
}

.p-profiles-favourites .tooltip-inner, .p-profiles-show .tooltip-inner {
    width: 280px;
}



А теперь перейдём к самому шаблону для каждого персонажа, т.е. он будет копироваться столько раз, у скольких персонажей нужно заменить обложку, меняться будут только некоторые места вроде alt и ссылки.
Для того, чтобы сменить обложку конкретного персонажа в профиле нам нужен следующий шаблон, который мы разберём далее:
.p-profiles-show .about img[alt*="имя персонажа в alt"] {
    visibility: hidden;
}

.p-profiles-show .about .cover[data-tooltip_url*="часть ссылки на информацию о персонаже"] .image-cutter {
    background: url("ссылка на новую обложку");
    background-size: cover; 
}

1) "имя персонажа в alt" можно получить посмотрев его в инспекторе после его открытия по правому клику мыши на персонаже (подробнее про инспектор и поиск можно получить в клубе отдельно, после уже не будет вопросов, что тут, собственно, требуется)


2) "часть ссылки на информацию о персонаже"


3) "ссылка на новую обложку", собственно, ссылка на новую обложку

Пример правильного применения:
.p-profiles-show .about img[alt*="L Lawliet"] {
    visibility: hidden;
}

.p-profiles-show .about .cover[data-tooltip_url*="l-lawliet"] .image-cutter {
    background: url("http://images4.fanpop.com/image/photos/24200000/lawliet-l-24232540-500-281.jpg");
    background-size: cover; 
}

ОБРАТИТЕ ВНИМАНИЕ, кавычки - обязательны


Желательно подбирать подходящие по соотношению сторон новые обложки, но, если, допустим, арт горизонтальный, а нужное в его центре, то в этом и не только в этом случае может спасти свойство
background-position (htmlbook.ru/css/background-position)
некоторые его типовые значения, что могут помочь:
    background-position: center left; /*  левая часть изображения  */
    background-position: center right; /* правая часть изображения */
    background-position: center center; /* центр  */

Для смены фото для человека или постера манги\аниме принципиально ничего не меняются, делаются абсолютно те же шаги.

Для того, чтобы изменения отразились на весь профиль (т.е. и на избранное, и на комментарии в том числе, а не только на блок "обо мне") оба селектора меняются на два следующих:
.p-profiles  img[alt*="имя персонажа в alt"] 

.p-profiles .cover[data-tooltip_url*="часть ссылки на информацию о персонаже"] .image-cutter


Автор @Dark_zarich


Как сильно можно изменить содержимое блока "обо мне": прогресс-карточки (актуальный эффект, правда реализация устарела, но работает).
Предупреждаю, чтобы понять всё тут потребуются хотя бы минимальные понятия CSS и знание какого-нибудь набора свойств.
Прогресс-карточки это, наверное, одна из тех неплохих вещей, что можно делать, когда понимаешь, что делаешь и как делаешь. Подобное не является гибким элементом и требует обновления через код, поскольку на текущий момент у нас нет возможности вставлять динамические значения.

Попробую объяснить, как такое можно сделать: немного, может быть, пищи для ума, - все bb-коды (ссылки через 'а', спойлер, жирный текст, цитата и тд.), что мы пишем в блок "обо мне" преобразуются в HTML-теги на выходе, а гибкость CSS, в свою очередь, позволяет точно обращаться к конкретным, для того есть множество разных видов селекторов и псевдоклассы, таким образом за счет блока "обо мне" мы можем "генерировать" множество разных вещей и помещать их туда, куда захотим. То, как я их делаю тут не является единственным способом, их множество разных, какие-то могут потребовать другие элементы и результат можно получить абсолютно любой.

Возьмём бб-код - url, который позволяет нам задавать ссылки и имена для них, в моём случае это будет ссылка на мангу, которую я помещу, допустим, в конце моего блока "обо мне":
[url=http://mintmanga.com/prison_school]Prison School[/url]


вот чем-то таким становится ссылка в профиле в блоке "обо мне" после её вставки:


сохранив изменения мы можем "издеваться" над ней:

было:


стало (криво, но ничего, основную суть доносит):


код без особых каких-то объяснений и носит скорее ознакомительный характер, предлагается для самостоятельной работы с ним, а его подробное объяснение слишком сильно выйдет в теорию CSS. Собственно, все свойства гуглятся:
.about.block a[href*="mintmanga.com/prison_school"] {
    display: inline-block;
    width: 130px;
    height: 55px;
    background: #ccc;
    border: 2px solid #333;
    font-size: 14px;
    text-align: left;
    padding-left: 5px;
    color: #333 !important;
}

.about.block a[href*="mintmanga.com/prison_school"]:after {
    display: inline-block;
    content: "5";
    background: #999;
    font-size: 12px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-left: 90px;
    text-align: center;
    position: relative;
}

.about.block a[href*="mintmanga.com/prison_school"]:before {
    display: inline-block;
    content: "reading (5/256)";
    width: 130px;
    position: absolute;
    font-size: 12px;
    margin-top: 22px;
    border-top: 1px solid #333;
    margin-left: -5px;
    padding-left: 5px;
    padding-top: 3px;
}

Как видно по коду, все отражаемые текстовые данные находятся в content и требуют ручной правки при каждом изменении отражаемых данных. Таким образом, content - то, что нужно менять при желании изменить цифры.
href в селекторе нужно менять в соответствии с ссылкой на мангу.
Всё остальное - визуальные свойства.

Нужны ли вам такие карточки решать вам, но ручное обновление данных это всё, чем мы сейчас располагаем.

Автор: @Dark_zarich


Плавающая аватарка
3s - длительность анимации, 3 секунды
12px - смещение на 12px вниз
.p-profiles .profile-head .c-brief .avatar img {
    animation: fly 3s ease-in-out infinite;
}

@keyframes fly {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(12px);
    }
}


Автор: @Dark_zarich


Модуль оценок в блоке "обо мне":



.profile-content .about .rate-module .d-cutted_covers, .profile-content .about .rate-module .rate-module-value {
    display: inline-block;
}

.profile-content .about .rate-module .d-cutted_covers .b-catalog_entry {
    width: 130px;
    height: 180px;
}

/* это правило можно убрать, если не нужно отображение "из 10" */
.profile-content .about .rate-module .d-cutted_covers + .rate-module-value:after {
    content: '/10'; 
    font-size: 10px; /* размер шрифта "из 10" */
    position: relative;
    top: -4px; /* позиционирование "из 10" */
}

.profile-content .about .rate-module .rate-module-value {
    display: inline-block;
    position: absolute;
    z-index: 5;
    margin-left: -60px; /* позиционирование оценки*/
    margin-top: 115px;  /* позиционирование оценки*/
    width: 40px; /*  ширина */ 
    height: 40px; /* высота */
    font-size: 15pt; /* размер шрифта */ 
    background: #419541; /* фон */ 
    border-radius: 100%; /* меньше, чем 50% будет не круг */ 
    color: #ffffff !important; /* цвет текста */ 
    border: 2px solid #ffffff; /* цвет и толщина границы */
    text-align: center; 
    font-family: "Trebuchet MS", Helvetica, sans-serif; /* шрифт оценок*/
    transform: rotate(-15deg); /* поворот текста */
}


/* если стандартные иконки статуса у тайтлов сместились
   такие как: галочки, иконка пересмотра, крестик и тд.
   если ничего не сместилось, то данное правило лишнее 
   ! может понадобиться ручная регулировка !  
*/

.profile-content .about .rate-module .b-catalog_entry.planned .image-decor::before, 
.profile-content .about .rate-module .b-catalog_entry.planned .image-decor::after, 
.profile-content .about .rate-module .b-catalog_entry.watching .image-decor::before, 
.profile-content .about .rate-module .b-catalog_entry.watching .image-decor::after, 
.profile-content .about .rate-module .b-catalog_entry.completed .image-decor::before, 
.profile-content .about .rate-module .b-catalog_entry.completed .image-decor::after, 
.profile-content .about .rate-module .b-catalog_entry.rewatching .image-decor::before, 
.profile-content .about .rate-module .b-catalog_entry.rewatching .image-decor::after, 
.profile-content .about .rate-module .b-catalog_entry.on_hold .image-decor::before, 
.profile-content .about .rate-module .b-catalog_entry.on_hold .image-decor::after, 
.profile-content .about .rate-module .b-catalog_entry.dropped .image-decor::before, 
.profile-content .about .rate-module .b-catalog_entry.dropped .image-decor::after {
    right: 20px;
    top: 3px;
}


Шаблон:
[div=rate-module][animes ids=айди_аниме wall columns=9][div=rate-module-value]оценка[/div][/div]

Для каждого аниме в модуле нужно создавать [animes ids=айди_аниме wall columns=9]и следующий за ним [div=rate-module-value]оценка[/div], создавать их нужно внутри блока [div=rate-module], конец которого [/div] в самом конце. Как видно, мы используем стандартный блок animes, но не пишем все айди в одном блоке, а создаём новый animes под каждое аниме. Не нужно делать лишние пробелы и переносы строк, если не хотите, чтобы аниме находились на разных строках - пишите всё в одну строку, или, для удобства можно написать с переносами строк, но перед переносом в блок "обо мне" все переносы строк должны быть удалены
Если не знаете, как искать айди аниме, то тут всё есть, изучите, это основной функционал сайта

Пример готового модуля под мои нужды, внимательно обратите внимание на структуру кода, тут добавлено 18 аниме и, соответственно, 18 оценок:
[div=rate-module][animes ids=1535 columns=9][div=rate-module-value]8[/div][animes ids=11757 columns=9][div=rate-module-value]10[/div][animes ids=16498 columns=9][div=rate-module-value]9[/div][animes ids=9253 columns=9][div=rate-module-value]9[/div][animes ids=5114 columns=9][div=rate-module-value]9[/div][animes ids=1575 columns=9][div=rate-module-value]7[/div][animes ids=6702 columns=9][div=rate-module-value]9[/div][animes ids=1535 columns=9][div=rate-module-value]10[/div][animes ids=2904 columns=9][div=rate-module-value]9[/div][animes ids=2001 columns=9][div=rate-module-value]7[/div][animes ids=21 columns=9][div=rate-module-value]9[/div][animes ids=6547 columns=9][div=rate-module-value]9[/div][animes ids=13601 columns=9][div=rate-module-value]9[/div][animes ids=43 columns=9][div=rate-module-value]8[/div][animes ids=11771 columns=9][div=rate-module-value]8[/div][animes ids=431 columns=9][div=rate-module-value]10[/div][animes ids=6746 columns=9][div=rate-module-value]10[/div][animes ids=199 columns=9][div=rate-module-value]10[/div][/div]



Теперь несколько комментариев:
1) данный модуль требует РУЧНОГО изменения оценок и невозможно сделать, чтобы он знал ваши оценки без них непосредственного РУЧНОГО указания
2) обратите внимание, что код CSS содержит множество комментариев, рекомендуется не трогать всё то, что не содержит комментарии
3) если вы хотите блок без подписей названий аниме:
- каждый animes должен содержать параметр wall, подробнее про основной функционал тут
- в CSS коде все .d-cutted_covers должны быть заменены на .align-posters
- крайне вероятно оценки сместятся, тут уже придётся поизменять значения позиционирования оценки самостоятельно до удовлетворяющего результата, там есть комментарий к позиционированию оценки
4) не обязательно оставлять зелёный фон и белую обводку, если их убрать, то и поставить взамен свою какую-нибудь картинку на фон оценки, то можно получить и оценки другой формы (если прозрачность есть), или оценку с картинкой на фоне
5) по некоторым причинам, если модуль в спойлере он может повести себя немного странно, обложки могут начать немного заходить друг на друга или на названия, может помочь данный код
@media only screen and (min-width: 768px) {
    .about .rate-module .c-column:last-child {
        margin-bottom: 50px !important; /* можно менять до лучшего результата */
    }
}


Автор: @Dark_zarich


made this for no reason:dunno:
graph.anime.plus/Dark_zarich/achievements


Скрыть 256 комментариев
свернуть
Показать 256 комментариев
Загрузить еще 10 из 256 комментариев
Dark_zarich
Dark_zarich#
@FES, ага, но, коррективы ради, данганронпу нельзя назвать просто визуальной новеллой, т.к. там есть и геймплейная часть: во-первых можно свободно бродить по локациям, изучать, что вообще есть вокруг, во-вторых, конечно же, суды, можно сказать, основа данганропы, даже самой первой части)
До судов проходит расследование, где игрок собирает улики и показания свидетелей, а потом начинается суд, где с помощью улик и мини-игр надо докопаться до правды и определить, как вообще было совершено убийство в подробностях и кто именно совершил. Одно из основных событий на судах во всех частях - непрерывные дебаты, выглядят они вот так - https://youtu.be/-LQKTdsxUG4?t=4h57m19s (ссылку отдельно открой, т.к. там таймкод важный)
И это не единственная мини-игра на суде, суды вообще, как правило, долгие, мой первый суд занял 4 часа
Waseliy634
Waseliy634#
Как ты сделал такой квадрат?
Dark_zarich
Dark_zarich#
@Waseliy634, использовал блок цитаты, но без имени и численной ссылки на цитируемое
вот так:
Как ты сделал такой квадрат?

Как видишь, тоже самое. И это не единственный способ, их много
Diomante
Diomante#
Альтернативный spoiler для блока "обо мне" не работает, можешь дать гайд или пофиксить?
Dark_zarich
Dark_zarich#
@Diomante, опиши, что именно ты сделал, код приложи тоже
Diomante
Diomante#
@dark_zarich .p-profiles .about.block .b-spoiler label {
border: none;
display: inline-block !important;
font-weight: bold; /* толщина шрифта, можно убрать, если не нужно */
color: #001; /* цвет текста спойлера */
background: #e8ebef; /* цвет фона спойлера */
height: 30px;
width: 100%;
font-size: 14pt; /* размер шрифта текста на спойлере */
padding-top: 3px;
text-align: center;
margin-bottom: 5px;
}

.p-profiles .about.block .b-spoiler .after:before, .about.block .b-spoiler .before:before {
content: '';
}

.p-profiles .about.block .b-spoiler .before {
width: 100%;
height: 50px;
display: inline-block !important;
margin-top: -50px;
}
Скопирывал код и вставил в стили сайта, однако не работает что делаю не так?
Dark_zarich
Dark_zarich#
@Diomante, где хоть один спойлер в блоке "обо мне"? Поставь там парочку
Ваш комментарий

OK

OK