4 месяца и 2 недели
Время за аниме и мангой
1 неделя
1 месяц
3 месяца
6 месяцев
1 год
Активность на сайте
Общие
Жанровые
Франшизы
7 / 217
Обо мне
О моей теме
Коллекция тем
Тёмная схема
Cборщик
Вкладки (табы)
Иконки
Карусель
Заметки
Сборщик с упрощённым подбором цветов: grin3671.github.io

Если вы не хотите заморачиваться с настройкой трёх цветов, то можете скопировать этот код:
/* Основной файл темы */
@import url(https://shiki-theme.web.app/import/main.css);
/* Шрифт Roboto */
@import url(https://shiki-theme.web.app/import/font-roboto.css);
/* Стили обложки профиля */
@import url(https://shiki-theme.web.app/import/profile-cover.css);
/* Материальные поля ввода */
@import url(https://shiki-theme.web.app/import/md-textfields.css);
/* Изменения профиля v1.0 */
@import url(https://shiki-theme.web.app/import/profile-update.1.css);
/* Изменения профиля v1.1 (дополнение к v1.0) */
@import url(https://shiki-theme.web.app/import/profile-update.1.1.css);
/* Светлая тема */
@import url(https://shiki-theme.web.app/import/theme-light.css);

/* Настройки переменных темы */
@media {:root {
  /* Обложка профиля */
  --user-cover: url(https://i.imgur.com/A9fsHnT.jpg);
  /* Фон сайта */
  --user-background: none;
}}

/* Моя обложка в профиле */
.p-profiles .profile-head::before {
  display: block;
  background-position: center 50%;
}
Важно: если вы отключаете чужие стили, то .p-profiles .profile-head::before надо заменить на .p-profiles .profile-head[data-user-id=2727]::before, где 2727 — ваш ID.



Я также рекомендую поставить следующие импорты, для большего удобства:
/* Замена обычных спойлеров большими блоками на всю ширину области */
@import url(https://css-club.web.app/css/td_spoiler.min.css);
/* Модуль для постеров */
@import url(https://css-club.web.app/css/rate_module.min.css);
/* Фиксированный размер обложек */
@import url(https://css-club.web.app/css/fixed_cover.min.css);
Подробнее о них написано тут: /CSS-Клуб/Импортируемые-шаблоны



Для заинтересованных:
  • Обновления темы: /commits
  • Ветки разработки: /branches
  • Известные ошибки и планируемые улучшения: /issues
  • Яндекс.Деньги: 41001258665103


NOTE кросс-браузерность и пр.
  • В псевдоэлементах нельзя использовать em для font-size (по крайней мере перезапись значений), т.к. в IE9-11 перезапись не работает и происходит перемножение:
    .text-large::after
      font-size: 1.25em // 20px - все браузеры
    
      @media (min-width: 960px)
        font-size: 1.5em // 24px - нормальные браузеры, 30px - IE9+ (16 * 1.25 * 1.5)
    Stack Overflow: stackoverflow.com/q/6322916 (2011 г), stackoverflow.com/q/25750684 (2014 г)
  • Быстро перейти на английскую локаль: ?locale=en (сохраняется при переходах).


Прочее

Описание
Обычный вариант
С анимацией (фиксированный размер)
steam ver.
Карусель – это видоизменённые табы, поэтому внутри других табов она работать не будет.

Описание
Оформление Bootstrap'a
Круглые плашки
Вкладки сбоку
Класс to-process и атрибут data-dynamic=tabs обязательны для контейнера с табами. Внутри этого контейнера скрипт находит элементы с атрибутом data-tab-switch и data-tab, которые будут расцениваться как "Кнопки табов" и "Табы" соответственно. Вложенные табы не работают.

Важно! «Круглые плашки» и «Вкладки сбоку» – часть моей темы, начиная с версии v1.4.2-beta.3.

Описание
BBCode
CSS


Всплывающее окно

BUG: Закреплённое (fixed) верхнее меню будет "выше" слоя с цитатой, и останется доступным для клика.

Описание
Предпросмотр
BBCode
CSS

Steppers – пошаговые инструкции

Позволяют представить информацию в виде инструкции, разбитой на несколько логических шагов.
На деле это просто перекраска списка [list].

Инструкция (на табах)
  • Откройте сборщик
  • Узнайте свой ID
  • Первая настройка
    Необязательно
  • Соберите тему
Откройте страницу сборщика grin3671.github.io/shiki-theme/ в новой вкладке.
На этом сайте вы сможете легко настроить тему и получить готовый код своей темы.

Обо мне
Модуль для постеров
Персонажи
Модерация
  • 目次 — оглавление
  • 목차 — содержание
Даты завершения: Рассинхронизация:
Сбитые даты: Удалено на MALе: Кандидаты на роль «Not Trusted Version Changer»
  • Thief_27Thief_27 — гугл транслейт, копирование текстов без указания источника.
Кадры R+:
Скрыть 731 комментарий
Показать 731 комментарий
Загрузить ещё 10 из 731 комментариев
KENSEI UENO
KENSEI UENO#
@grin3671 семпай, а я могу как-то сделать вашу тему с моей палитрой и добавить? :bdl2:
grin3671
grin3671#
@KENSEI UENO, извиняюсь, не заметил сообщения! :bow:
Добавить свою палитру в сборщик, чтобы она была доступна для всех? — Пока только через ЛС: точной инструкции нет, да и как это делать я уже сам точно не помню.. Или если я не правильно понял, объясните поподробнее что и главное куда добавить.
VagrChannel
VagrChannel#
Привет! Цвет текста нельзя менять в сборщике темы?
grin3671
grin3671#
@VagrChannel, всё настраивается автоматически, чтобы упростить настройку темы до минимума (и уменьшить количество "яумамыдизайнер"-тем). Цвет текста можно поменять вручную:
/* Настройки переменных темы */
@media{:root {
  /* Обложка профиля */
  --user-cover: url(https://i.imgur.com/A9fsHnT.jpg);
  /* Цвета текстов */
  --color-text-primary: red;
}}
⼕卄ㄩ己乃丫ᗝ
⼕卄ㄩ己乃丫ᗝ#
У меня вопрос, почему у меня кнопка Избранное не хочет отображаться пока не навести на нужную точку а верне на палку в 1 букве И??
1027x382
893x358
UPD: Оказывается с выключенными ачивками профиль багается, как например эта кнопка, или как то что раздел О СЕБЕ находится сбоку от отображаемого избранного.
Пример:
1217x500
по скольку я сделал полноразмерный спойлер в начале "Обо мне" то "вкладки" находятся снизу, в противном случае они были бы в этом красном квадрате и появился бы ползунок для перелистывания что выглядит отвратительно.
grin3671
grin3671#
Оказывается с выключенными ачивками профиль багается, как например эта кнопка, или как то что раздел О СЕБЕ находится сбоку от отображаемого избранного.
Вроде уже чинил когда-то.. починил заново.
⼕卄ㄩ己乃丫ᗝ
⼕卄ㄩ己乃丫ᗝ#
@grin3671,
Вроде уже чинил когда-то.. починил заново.

Вроде уже чинил когда-то.. починил заново.
Проверил, всё работает. Аригато:thumbup:
Твой комментарий
Вернуться к редактированию
Предпросмотр
Скрыть