Бинго / Топики / 侘寂 / Клубы / Клубы / 侘寂

WhereIsMyMindв侘寂

6 495

10 августа 2022

Наглейшим образом скопипизжено отсюда:
Клуб обсуждения манги и ранобэ

Правила участия

Что можно смотреть?

Подсчёт строк и максимальный балл

Правила оформления

Расшифровка окошек

Бинго-карточки

Список участников

Секция для душевно-больных

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

572x818
В этом бинго баллы будут считаться так:
1 закрытая клетка - 1 балл.
Закрытая строка - 7 баллов.
Закрытый столбец- 7 баллов.
Закрытая диагональ - 7 баллов.
Полностью закрытое бинго даёт дополнительные 49 баллов.
За написание отзыва (от 500 символов) вы получаете 1 дополнительный балл.
За заполнение ячеек аниме из текущего списка на главной клуба - так же 1 дополнительный балл.

Бонусное бинго работает по тем же правилам, но взять вы его можете только после того, как собрали минимум 5 линий в обычной табличке.

Особое пояснение специально для Roshanak: отписываться об этом нужно именно в тот месяц, в который это аниме находится в списке. В следующем месяце нельзя. Даже если это первое число. Даже если прошёл всего 1 час. Даже если минута. Даже если очень хочется. В учёт балл пойдёт только если успеть до конца месяца и никак иначе. Да, так строго.

49 выходит за карточку + 49 за строки + 49 за столбцы + 14 за диагонали + 49 за полное заполнение + 49 за отзывы на всё и + 49 если всю карточку заполнил аниме из основного списка клуба. Если в карточке есть 121 пункт - можно получить дополнительный балл.
308 баллов кап

Теперь дополнительные баллы можно получить за написание рецензии на шики по всем правилам представленным далее по ссылке /clubs/293-moderatsiya-retsenziy. Бонусом за это будут 5 доп. баллов и возможность посмотреть 3 аниме с минимальным лимитом в 27 минут.

Nakamuna Ora Океан

indigo_ Суйка

Seth Океан

Toxexex Дракон Рури

Котанавари Суйка

Бодрый Дракон Рури

король_пылесос Суйка

Roshanak Дракон Рури

Архив участников [15.08.2022 - 30.11.2022]

Alexsandr (Оранжевая+голубая+белая карточки) - 672

Котанавари (Оранжевая+белая+голубая карточки) - 500

Бодрый (Фиолетовая+белая+голубая карточки) - 331

nemojna (Фиолетовая+голубая карточки) - 296

rinako_verza (Красная карточка) - 240

WhereIsMyMind (Фиолетовая карточка) - 162

JulianaDixon (Оранжевая карточка) - 91

Seth (Красная карточка) - 42

average miros fan (Розовая карточка) - 37

стальной ▇▇▇▇▇▇ (Фиолетовая карточка) - 7

Aborted (Красная карточка) -7

SoreWaHimitsuDesu! (Красная карточка) - 7

TrysiSasake (Красная карточка) - 2

Tsaroni (Красная карточка) - 1

TOPSergey (Розовая карточка) - 1

Choujin Z (Фиолетовая карточка)

MurzikApp (Оранжевая карточка)

Эллен (Оранжевая карточка)

Rendy Bird (Оранжевая карточка)

Roshanak (Фиолетовая карточка)

Архив участников [01.01.2023 - 31.03.2023]

Aleksandr 22869 (K-On + Девочка из Чужеземья карточка) - 317

rinako_verza (K-On + Девочка из Чужеземья карточка) - 284

Nekoko69 (Тохо карточка) - 243

Котанавари (Тохо карточка+ киберпанк карточка) - 200

Alexsandr (Тохо карточка+ доп дунхуа карточка) - 184

Бодрый (Невеста чародея карточка) - 74

StarXyy (K-On карточка) - 9

nemojna (Тохо карточка) - 8

Seth (Донхуа карточка) - 7

Roshanak (Тохо карточка) - 5

TOPSergey (Невеста чародея карточка) - 5

average miros fan (K-On карточка) - 3

INightFoxI (Тохо карточка) - dead

Архив участников [02.03.2024 - 02.06.2024]

Nakamuna Ora - 692

король_пылесос - 387

Котанавари - 300

indigo_ - 272

Seth - 243

Aleksandr 22869 - ?

SladkayaSosiska - ?

TrysiSasake - ?

Бодрый - ?

Nekoko69 - ?

Архив участников [02.09.2024 - 02.02.2025]

Seth Святой - 310

Toxexex Сестра - 291

indigo_ Стальной - 265

Мышь колючая Триган - 91

Nekoko69 Триган - 19

король_пылесос Святой - 8

average miros fan Триган - 2

Создание бинго-карточки у себя в профиле посредством css:

[div=popups]
[div=popup --1]
[spoiler_v1=Бинго]
[quote]
[div=bingo]
[div=bingo-grid]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[/div]
[div=bingo-animes]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[/div]
[/div]
[/quote]
[/spoiler_v1]
[/div]
[/div]

CSS

/*Кнопочка-всплывашка*/

.popup.--1 > .b-spoiler > label {
    position: fixed;
    inset: 140px 20px auto auto;
    width: 50px;
    aspect-ratio: 1;
    border: 2px solid;
    border-radius: 50%;
    font-size: 0;
    background-color: rgba(0 0 0);
    background: url() no-repeat; 
    background-size: cover; 
    background-position: center; 
    box-shadow: inset 0 0 15px 5px #000;
    transition: .5s;
}

@media screen and (min-width: 1000px) {
.popup.--1 > .b-spoiler > label {
        inset: 90px 50px auto auto;
        width: 80px;
}
}

.popup.--1 > .b-spoiler > label:hover {
    scale: 1.05;
}

.popup.--1 > .b-spoiler > label:before {
    position: absolute;
    font-size: 12px;
    background: rgba(0 0 0 / .7); 
    height: fit-content;
    width: fit-content;
    text-align: center;
    padding: 10px 15px;
    border-radius: 5px;
    top: 50%;
    left: -50%;
    translate: -50% -50%;
    color: rgba(255 255 255 / .7); 
    transition: .5s;
    box-shadow: 0 0 5px 1px rgba(0 0 0 / .7); 
    opacity: 0;
  	pointer-events: none;
}

@media screen and (min-width: 1000px) {
	.popup.--1 > .b-spoiler > label:before {
    font-size: 18px;
}
}

[data-locale='ru'] .popup.--1 > .b-spoiler > label:before {
    content: 'Бинго';
}

[data-locale='en'] .popup.--1 > .b-spoiler > label:before {
    content: 'Bingo';
}

.popup.--1 > .b-spoiler > label:hover:before {
    opacity: 1;
    left: -100%;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.popups { position: absolute; z-index: 100; }  
  
.popup > .b-spoiler > label {
  display: inline !important;
}

.popup > .b-spoiler > .content[style*='inline'] > .inner {
  display: flex !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 4rem 0;
  margin: auto;
  background: rgba(0 0 0 / .8);
  border: 0;
  animation: fadeIn .12s linear;
  overflow-y: auto;
  z-index: 99;
}

.popup > .b-spoiler > .content > .inner > .b-quote {
  position: relative;
  width: 90%;
  max-width: 900px;
  padding: 1.5rem;
  margin: auto;
  background: rgba(0 0 0 / .7);
  border: 0;
  border-radius: 4px;
  box-shadow: 0 8px 16px 4px rgba(0 0 0 / .32);
  font-style: normal;
  cursor: default;
  overflow: visible;
}

.popup > .b-spoiler > .content > .inner > .b-quote br {
	display: none;
}
  
.popup > .b-spoiler > .content > .inner > .b-quote::before {
    content: '×';
    position: absolute;
    top: -10px;
    right: -60px;
    bottom: 100%;
    width: 1em;
    padding: 0;
    margin: .5em;
    border-radius: 50%;
    color: #fff;
    font-size: 2em;
    line-height: 1em;
    text-align: center;
    cursor: pointer;
    opacity: .56;
    pointer-events: none;
    transition: .2s;
    z-index: 100;
}

.popup > .b-spoiler > .content > .inner:hover > .b-quote:not(:hover)::before {
  opacity: 1;
}

.popup > .b-spoiler > .content > .before,
.popup > .b-spoiler > .content > .inner > .after {
  display: none;
}

/*Бинго*/

.bingo-grid {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
  	margin: 0 auto;

  	height: 100vw;
  	aspect-ratio: .7;
}

@media screen and (min-width: 600px) {
.bingo-grid {
  	height: 700px;
  }
}

@media screen and (min-width: 1000px) {
.bingo-grid {
	margin: unset;
}
}

.bingo br {
	display: none;
}

.b-cell {
    position: relative;
    aspect-ratio: 1;
    width: 100%;
    margin-top: 30vw;
    border-color: rgb(0 0 0 / .75);
    border-style: solid;
    border-width: 0;
    transition: box-shadow .15s ease;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media screen and (min-width: 600px) {
.b-cell {
    margin-top: 209px;
}
}

.b-cell:nth-child(n+8) {
    margin-top: 0;
}

.b-cell:hover {
    border-width: 2px;
    box-shadow: inset 0 0 5px 1px rgb(0 0 0 / .75), 
                              inset 0 0 15px 1px rgb(0 0 0 / .75);
}

.b-cell.--c:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    opacity: .5;
}

.b-cell:before {
    position: absolute;
    padding: 5px 10px;
    border: 1px solid rgba(0 0 0 / .5);
    border-radius: 5px;
    color: rgb(255, 255, 255);
    background: rgba(0 0 0 / .7);
    margin-top: -120px;
    opacity: 0;
    text-align: center;
    transition: opacity .35s ease;
    pointer-events: none;
    z-index: 1;
    width: max-content;
    max-width: 100px;
  	font-size: 10px;
}

@media screen and (min-width: 600px) {
.b-cell:before {
    max-width: 400px;
  	font-size: 14px;
}
}

.b-cell:hover:before {
    opacity: 1;
  	text-decoration: none !important;
}

.bingo-animes {
	margin-top: 15px;
}

@media screen and (min-width: 1000px) {
.bingo {display: flex;}

.bingo-animes {
    height: 700px;
    overflow-y: scroll;
    margin: 0 15px;
    width: -webkit-fill-available;
}
}

.bingo-animes-line {
    width: 100%;
    white-space: pre;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px 0 5px;
}

.bingo-animes-line strong {
    display: inline-block;
    width: 35px;
}

.bingo-animes br {
    display: block !important;
}

.b-cell.--center:before { content:'Любое аниме'; }
.b-cell.--1:before { content:'Любое аниме или дунхуа'; }
.b-cell.--2:before { content:'Пилот / Фильмы, ова, спешлы и пилотные эпизоды как основа для сериалов'; }
.b-cell.--3:before { content:'AMV, основанное на произведении, которое вы смотрели'; }
.b-cell.--4:before { content:'Дунхуа'; }
.b-cell.--5:before { content:'Сборник'; }
.b-cell.--6:before { content:'Чёрно-белое аниме'; }
.b-cell.--7:before { content:'Аниме любимого автора'; }
.b-cell.--8:before { content:'Спешл/ову/мувик из франшизы, которую вы смотрели'; }
.b-cell.--9:before { content:'Аниме от нового для вас автора'; }
.b-cell.--10:before { content:'Аниме от автора, который вам не нравится'; }
.b-cell.--11:before { content:'Первую или раннюю работу любимого автора'; }
.b-cell.--12:before { content:'Аниме, которое началось в 70-ых'; }
.b-cell.--13:before { content:'Аниме, которое началось в 80-ых'; }
.b-cell.--14:before { content:'Аниме, которое началось в 90-ых'; }
.b-cell.--15:before { content:'Аниме, которое началось в 00-ых'; }
.b-cell.--16:before { content:'Аниме, которое началось в 10-ых'; }
.b-cell.--17:before { content:'Аниме, которое началось в 20-ых'; }
.b-cell.--18:before { content:'Аниме, которое началось в год вашей регистрации на Шикимори'; }
.b-cell.--19:before { content:'Аниме, основанное на манге'; }
.b-cell.--20:before { content:'Аниме, основанное на новелле/ранобэ'; }
.b-cell.--21:before { content:'Пересмотрите аниме'; }
.b-cell.--22:before { content:'Аниме, оценка которого выше, чем у манги'; }
.b-cell.--23:before { content:'Аниме, которое адаптировали в фильм/серию фильмов-рекапов'; }
.b-cell.--24:before { content:'Аниме, которое адаптировали с визуальной новеллы'; }
.b-cell.--25:before { content:'Аниме из топ-1000'; }
.b-cell.--26:before { content:'Аниме без рейтинга'; }
.b-cell.--27:before { content:'Аниме с оценкой 8 и выше'; }
.b-cell.--28:before { content:'Аниме с оценкой 6 и ниже'; }
.b-cell.--29:before { content:'Аниме, которое добавили в запланированное больше пользователей, чем посмотрели'; }
.b-cell.--30:before { content:'Аниме с числом в названии'; }
.b-cell.--31:before { content:'Аниме, в котором 2-5/6-12/13-20 серий'; }
.b-cell.--32:before { content:'Аниме, в котором 50/100/200 серий или более'; }
.b-cell.--33:before { content:'Аниме, которое входит в топ-10000/5000/2500'; }
.b-cell.--34:before { content:'Аниме, которое посмотрело меньше 1000/500/100 пользователей'; }
.b-cell.--35:before { content:'Аниме, которое добавило в список меньше 10000/5000/2500 пользователей'; }
.b-cell.--36:before { content:'Аниме, которое добавило в избранное 200/100/50 пользователей'; }
.b-cell.--37:before { content:'Дзёсэй'; }
.b-cell.--38:before { content:'Сёдзе'; }
.b-cell.--39:before { content:'Сёнен'; }
.b-cell.--40:before { content:'Сэйнен'; }
.b-cell.--41:before { content:'Аниме, в котором главный герой не соответствует жанру'; }
.b-cell.--42:before { content:'Аниме, к целевой аудитории которого вы не относитесь'; }
.b-cell.--43:before { content:'Аниме, к целевой аудитории которого вы относитесь'; }
.b-cell.--44:before { content:'Драму или романтику'; }
.b-cell.--45:before { content:'Фэнтези или мистику'; }
.b-cell.--46:before { content:'Юри или яой/ сёнен-ай или сёдзё-ай'; }
.b-cell.--47:before { content:'Комедию'; }
.b-cell.--48:before { content:'Повседневность или кулинарное аниме'; }
.b-cell.--49:before { content:'Аниме с гендерной интригой'; }
.b-cell.--50:before { content:'Ужасы или сверхъестественное'; }
.b-cell.--51:before { content:'Аниме про спорт или игры'; }
.b-cell.--52:before { content:'Экшен или приключения'; }
.b-cell.--53:before { content:'Аниме про суперсилу, демонов или вампиров'; }
.b-cell.--54:before { content:'Аниме про боевые искусства, историю или самураев'; }
.b-cell.--55:before { content:'Аниме про меху, полицейских или военных'; }
.b-cell.--56:before { content:'Психологическое аниме'; }
.b-cell.--57:before { content:'Научную фантастику или аниме про космос'; }
.b-cell.--58:before { content:'Аниме про школу'; }
.b-cell.--59:before { content:'Непристойное аниме (этти, эротика, хентай)'; }
.b-cell.--60:before { content:'Аниме, в котором сочетаются любимые и нелюбимые жанры (или тэги)'; }
.b-cell.--61:before { content:'Аниме в самом нелюбимом жанре'; }
.b-cell.--62:before { content:'Аниме про баттл-рояли/выживание'; }
.b-cell.--63:before { content:'Аниме, в котором милые девочки делают милые вещи или иясикей'; }
.b-cell.--64:before { content:'Аниме про волшебниц или волшебников'; }
.b-cell.--65:before { content:'Аниме о семье'; }
.b-cell.--66:before { content:'Аниме о еде, музыке или рисовании'; }
.b-cell.--67:before { content:'Аниме о природе'; }
.b-cell.--68:before { content:'Аниме с божествами'; }
.b-cell.--69:before { content:'Аниме с использованием мифологии/фольклора'; }
.b-cell.--70:before { content:'Аниме с путешествиями во времени'; }
.b-cell.--71:before { content:'Аниме в европейском сеттинге'; }
.b-cell.--72:before { content:'Аниме про антиутопию/апокалипсис/постапокалипсис'; }
.b-cell.--73:before { content:'Аниме про феодальную Японию'; }
.b-cell.--74:before { content:'Аниме про сельскую местность'; }
.b-cell.--75:before { content:'Аниме с необычной рисовкой'; }
.b-cell.--76:before { content:'Исекай'; }
.b-cell.--77:before { content:'Аниме с сильной главной героиней'; }
.b-cell.--78:before { content:'Аниме про зомби'; }
.b-cell.--79:before { content:'Аниме о мести'; }
.b-cell.--80:before { content:'Аниме, которое получило награду'; }
.b-cell.--81:before { content:'Аниме, где 5 или более главных героев'; }
.b-cell.--82:before { content:'Аниме, в котором главные персонажи совершеннолетние'; }
.b-cell.--83:before { content:'Аниме, где главный герой профессионал в чём-то'; }
.b-cell.--84:before { content:'Аниме, в котором главный герой носит очки'; }
.b-cell.--85:before { content:'Аниме с полулюдьми'; }
.b-cell.--86:before { content:'Аниме с животным в главной роли'; }
.b-cell.--87:before { content:'Аниме с главным героем злодеем/антигероем'; }
.b-cell.--88:before { content:'Аниме с ребёнком и взрослым'; }
.b-cell.--89:before { content:'Аниме с человеком и не-человеком в главной роли'; }
.b-cell.--90:before { content:'Аниме, в котором есть персонажи с инвалидностью'; }
.b-cell.--91:before { content:'Аниме, которое другой участник оценил на 8 и выше'; }
.b-cell.--92:before { content:'Аниме, которое другой участник оценил на 4 и ниже'; }
.b-cell.--93:before { content:'Аниме, которое один из администраторов клуба оценил на 8 и выше'; }
.b-cell.--94:before { content:'Аниме, которое один из администраторов клуба планирует посмотреть'; }
.b-cell.--95:before { content:'Аниме, которое рекомендовал кто-то из админов клуба'; }
.b-cell.--96:before { content:'Аниме, которое вам порекомендовал другой участник'; }
.b-cell.--97:before { content:'Аниме, которое один из администраторов или модераторов сайта добавил в избранное'; }
.b-cell.--98:before { content:'Аниме, которое находится в рекомендациях у аниме, которое вы посмотрели в рамках челленджа'; }
.b-cell.--99:before { content:'Аниме из персонализированных рекомендаций'; }
.b-cell.--100:before { content:'Аниме из общих рекомендаций'; }
.b-cell.--101:before { content:'Аниме, которое начало выходить в день вашей регистрации на шикимори (любой год и месяц)'; }
.b-cell.--102:before { content:'Аниме, которое начало выходить в месяц вашей регистрации на шикимори (любой день и год)'; }
.b-cell.--103:before { content:'Аниме, которое ваш друг давно вам советует'; }
.b-cell.--104:before { content:'Аниме с растением на обложке'; }
.b-cell.--105:before { content:'Аниме с животным на обложке'; }
.b-cell.--106:before { content:'Аниме с транспортом на обложке'; }
.b-cell.--107:before { content:'Аниме с погодой на обложке'; }
.b-cell.--108:before { content:'Аниме, которое начинается и заканчивается на одну букву'; }
.b-cell.--109:before { content:'Аниме, которое было в списке клуба'; }
.b-cell.--110:before { content:'Аниме, действия которого происходят за пределами Японии, но на Земле'; }
.b-cell.--111:before { content:'Аниме, основанное на мобильной игре или гаче'; }
.b-cell.--112:before { content:'Аниме, название которого начинается на последнюю букву вашего ника'; }
.b-cell.--113:before { content:'Аниме с 6 или более словами в названии'; }
.b-cell.--114:before { content:'Аниме с одним словом в названии'; }
.b-cell.--115:before { content:'Аниме с символами в названии (♪★☆♥△ и т.д.)'; }
.b-cell.--116:before { content:'Аниме из любимой коллекции'; }
.b-cell.--117:before { content:'Аниме, продолжение пилота'; }
.b-cell.--118:before { content:'Аниме, на которое был написан обзор одним из участников клуба'; }
.b-cell.--119:before { content:'Аниме сериал от 10 серий, который вы можете закончить за день'; }
.b-cell.--120:before { content:'Аниме, которое приостановили/отменили'; }
.b-cell.--121:before { content:'Аниме без отзывов, за написанный там отзыв +2 балла'; }
.b-cell.--122:before { content:'Аниме, которое началось в 60-ых и ранее'; }
.b-cell.--123:before { content:'Аниме, за которое вам дадут ачивку'; }
.b-cell.--124:before { content:'Аниме без комментариев'; }

Процесс заполнения происходит преимущественно в BB-кодах и выглядит следующим образом:

1. Добавляете в CSS ссылки на свою карточку и желаемую картинку для законченных пунктов.

Пример

/*Фиолетовая карточка*/
.bingo-grid {
        background: url(https://kawai.shikimori.one/system/user_images/original/50587/1934421.jpg) no-repeat center / cover; 
}

/*Крестик*/
.b-cell.--c:after {
    background: url(https://xtremetrampolinepark.co.uk/wp-content/uploads/2021/11/Xtreme-Trampoline-Logo-favicon.webp) no-repeat center / 80%;
}

2. Заполняете секцию в BB-кодах номерами(горизонтально и построчно) из своей карточки.

На примере первой строчки из фиолетовой карточки

[div=b-cell --61 --c][/div]
[div=b-cell --36 --c][/div]
[div=b-cell --24 --c][/div]
[div=b-cell --116 --c][/div]
[div=b-cell --19 --c][/div]
[div=b-cell --67 --c][/div]
[div=b-cell --31 --c][/div]

,где --# соответствует номеру из карточки.

--c добавляется в том случае, когда пункт выполнен.

Центральная ячейка [div=b-cell --center][/div].

3. Заполняете следующую секцию в BB-кодах по той же логике, но с добавлением аниме, которое вы просмотрели для соответствующего пункта.

Пример для той же карточки

[div=bingo-animes-line][b]61.[/b] [anime=42897][/div]
[div=bingo-animes-line][b]36.[/b] [anime=48761][/div]
[div=bingo-animes-line][b]24.[/b] [anime=11741][/div]
[div=bingo-animes-line][b]116.[/b] [anime=14829][/div]
[div=bingo-animes-line][b]19.[/b] [anime=48926][/div]
[div=bingo-animes-line][b]67.[/b] [anime=572][/div]
[div=bingo-animes-line][b]31.[/b] [anime=10087][/div]

Финальный результат должен выглядеть примерно так:

901x751

~~Картинки для кнопок, цвета и прочее - сами.~~

Минусы:

Возможны сильные приступы головной боли в попытках разобраться
Сомнительная польза
Всё редактируется вручную. Если кто-то надумает изменить условие для конкретного пункта или вообще поменять их все местами, то вам придётся делать то же самое в css
Из-за того, что описание пунктов и просмотренное аниме находятся в разных местах, иногда возникают небольшие сложности в поисках нужного..

Плюсы:

Вы самый модный парень на районе
Все женщины от вас без ума
Немного быстрее заполнять, когда разберёшься

Для желающих иметь несколько карточек в профиле одновременно

BB на примере двух карточек

[div=popups]
[div=popup --1]
[spoiler_v1=Бинго]
[quote]
[div=use-tabs]
[div=active to-process data-dynamic=switcher data-switcher=tab1]Аниме#1[/div]
[div=to-process data-dynamic=switcher data-switcher=tab1]Аниме#2[/div]
[div=CUSTOM_PANELS_CONTAINER]
[div=CUSTOM_PANEL]
[div=bingo]
[div=bingo-grid --anime --1]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[/div]
[div=bingo-animes]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[/div]
[/div]
[/div]
[div=CUSTOM_PANEL]
[div=bingo]
[div=bingo-grid --anime --2]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]

[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[div=b-cell --num][/div]
[/div]
[div=bingo-animes]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]

[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[div=bingo-animes-line][b]num.[/b] [anime=id][/div]
[/div]
[/div]
[/div]
[/div]
[/div]
[/quote]
[/spoiler_v1]
[/div]
[/div]

Дополнение к CSS на примере двух карточек

.bingo-grid.--anime.--1 {
    background: url(https://kawai.shikimori.one/system/user_images/original/50587/1934421.jpg) no-repeat center / cover;
}

.bingo-grid.--anime.--2 {
    background: url(https://desu.shikimori.one/system/user_images/original/50587/1936518.jpg) no-repeat center / cover;
}

Карточкам присвоены уникальные идентификаторы --anime и --#, на которые и ссылаемся.
Процесс заполнения идентичный для каждой карточки индивидуально.
С работой табов можно ознакомиться в профиле грина или css-клубе.

При желании можно проделать то же самое с крестиками, сделав свой для каждой карточки.

Комментарии

Скрыть 6475 комментариев

Показать 6475 комментариев

Загрузить ещё 20 из 6475 комментариев

indigo_ 1 ноября 2025#

@Toxexex, Окей, пойдет, тогда еще +1 = 161

Seth 1 ноября 2025#

@indigo_, А разве не +4? Атри же списковая, за нее же 2 балла или я, как всегда, не правильно считаю?

@indigo_

Seth 1 ноября 2025#

@indigo_, На 80 ставлю Колокольчик Тирина

@indigo_

indigo_ 1 ноября 2025#

@Seth, А, я не увидел, что ты ее перекинул, тогда еще +2 и в итоге 89
@Seth, С колокольчиком +1 и +7 за линию итого 97

@Seth

Seth 1 ноября 2025#

@indigo_, О, еще +1 балл,
Массажистку перекидываю на 95 ячейку во вторую карточку

609р 1 ноября 2025#

И снова с Сетхом проблемы, да как так...

@Seth

Seth 1 ноября 2025#

@609р, Я не перепроверил соответствие номера и тэга, когда себе в листок переписывал

@609р

609р 1 ноября 2025#

@Seth, как удивительно

@Seth

Seth 1 ноября 2025#

@609р, ага, заняться нечем, как ставить себе более сложные расшифровки для чисел.

Seth10 ноября 2025#

700x1000
107 - Ведьмнадзор (В списке)
54 - Королева драмы общежития (В списке)
96 - Мир на ладони
12 - С нынешними детективами ничего не поделаешь (В списке)

700x1000
19 - Нечто важное для мага
88 - Куроми работает над аниме 2
85 - Домашний репетитор герцогини
62 - Клетка духа: Воплощение — Рекап

@indigo_

Seth14 ноября 2025#

700x1000
77 - Крестовый поход Хроно: Уроки Азмарии (В списке)
55 - Лазурное наследие (В списке)
74 - Лазурное наследие 2 (В списке)

Отзыв

64 - Лазурное наследие: Префектура Дуннин (В списке)

@indigo_

indigo_30 ноября 2025#

Жду сегодня окончательные Бинго, мне к сожалению похвастаться нечем

Seth30 ноября 2025#

700x1000
113 - Атака титанов: Потерянные девушки

700x1000
83 - Дети семьи Сиундзи
86 - Тетрадь мечты
53 - Дандадан 2 (В списке)
51 - Добро пожаловать в дешёвый ресторан изгнанника! (В списке)
115 - Моно
80 - Люпен III: Тайна Мамо
105 - Тацуки Фудзимото: С семнадцати до двадцати шести (В списке)
107 - Дандадан (В списке)
110 - Ходячий замок (Toxexex)
2 - Драгоценности Рури
56 - Сказания о демонах и богах 9

@indigo_

Toxexex30 ноября 2025#

@indigo_
карточка 1

700x1000

строка 3

34 Работа тема - Мой новый босс глупый (есть в списке)
112 ГАР ачивка - Псы: Пули и резня
27 Мифология тема - Улица всех святых 2
50 Авангард жанр - Яйцо ангела (есть в списке)

строка 4

49 Детское - Жил-был кот

строка 5

58 Спорт жанр - Пылкий новичок
21 Космос тема - Трава: Межпланетный кулак

карточка 2

700x1000

строка 1

98 - Посмотрите аниме, которое в этом Бинго уже посмотрел другой участник - Галактический экспресс: Млечное метро - @Seth (клетка 88)
86 - Посмотрите аниме, основанное на визуальной новелле - Жаркое лето (есть в списке)
19 - Иясикэй тема - Случай

строка 2

31 - Питомцы тема - Вечера с кошкой 3
85 - Посмотрите аниме, основанное на новелле/ранобэ - Граница пустоты 4: Храм пустоты (есть в списке)
1 - Городское фентези тема - Улица всех святых 3
70 - Sunrise - Схватка вничью
71 - CloverWorks - Благоухающий цветок расцветает с достоинством (есть в списке)

строка 4

45 - Сёнен - Железный миротворец (есть в списке)
12 - Детектив тема - С нынешними детективами ничего не поделаешь (есть в списке)

строка 5

53 - Комедия жанр - Железный миротворец: Вера (есть в списке)
51 - Гурман жанр - Добро пожаловать в дешёвый ресторан изгнанника! (есть в списке)
18 - Исэкай тема - История покорения знаменитого горячего источника в другом мире: Реинкарнация сорокалетнего любителя горячих источников в умиротворяющем курортном раю

строка 6

74 - 2021-2025 года выпуска - Тацуки Фудзимото: С семнадцати до двадцати шести (есть в списке)
60 - Триллер жанр - Граница пустоты 3: Оставшееся чувство боли (есть в списке)

строка 7

67 - Bones - Волшебница и злой офицер (есть в списке)

@indigo_

Seth 1 декабря 2025#

700x1000
36 - Я злой лорд межгалактической империи!

indigo_ 1 декабря 2025#

@Seth По первой карточке:
@Seth, + 4 за клетки + 3 за список + 7 за столбец + 7 за строку + 7 за диагональ = 126
@Seth, + 1 за клетки + 7 за столбец = 134

По второй карточке:
@Seth, +4 за клетки = 138
@Seth, +4 за клетки + 4 за список + 1 за отзыв = 147
@Seth, +11 за клетки + 4 за список + 7 за столбец = 169

@Toxexex, Первая карточка:
+7 за клетки + 2 за список + 35 за столбцы + 21 за строки + 14 за диагональ + 49 за закрытие всей карточки = 288

Вторая карточка:
@Toxexex, +16 за клетки + 10 за список + 14 за столбцы + 7 за строки = 335

@Seth

Seth 1 декабря 2025#

@indigo_, Что-то не сходится, у меня 169 получилось, даже если не брать тайтл, что сегодня прислал.
Разницы никакой на итог, но мне собственную формулу подсчета проверить

@indigo_

indigo_ 1 декабря 2025#

@Seth, Да я нашел, что я 1 список упустил и линию не заметил

@Seth

Seth 1 декабря 2025#

@indigo_, а, понятно.

indigo_ 2 декабря 2025#

Сюда тоже продублирую для истории

Итоговый топ за Бинго:
1 место: @Toxexex - 335
2 место: @Seth - 169
3 место: @Nakamuna Ora- 108

4 место: @Котанавари - 36
5 место: @indigo_ - 26
6 место: @609р - 13

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