4 месяца и 1 неделя
Время за аниме и мангой
1 неделя
1 месяц
3 месяца
6 месяцев
1 год
Активность на сайте
Общие
Жанровые
Франшизы
6 / 194
Обо мне
О моей теме
Ошибки сборщика
NOTE
Код стиля можете собрать на сайте grin3671.github.io. Не передавайте его через комментарии и лс – скорее всего сломаются ссылки на шрифты. Кроме того, надо будет вручную искать и менять ID.


Обратите внимание!
  • Используйте галочку «Прилипающее меню» в настройках, чтобы закрепить меню.
  • Если во время сборки у вас возникла ошибка, посмотрите возможные решения во вкладке «Ошибки сборщика».

Обновления темы: github.com
Ветки разработки: github.com
Известные ошибки и планируемые улучшения: github.com


Оставляйте отзывы о тестовых функциях!




temporary decision ™
td-icon
td-spoiler
td-tabs
Возможность легко* добавлять к div-элементам иконки с помощью атрибута data-icon.
Профиль
Поддержать
[div=b-button data-icon=flag]1[/div]

Возможные значения: material.io
Wakanim
Crunchyroll
[div=b-button data-icon=wakanim]1[/div]

Возможные значения: wakanim и crunchyroll

Wakanim
Crunchyroll


Вид при добавлении класса raised.


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/ в новой вкладке.
На этом сайте вы сможете легко настроить тему и получить готовый код своей темы.

Скрыть 607 комментариев
свернуть
Показать 607 комментариев
Загрузить ещё 10 из 607 комментариев
grin3671
grin3671#
@AsproGS, спасибо! :)
ryuuvv
ryuuvv#
извиняюсь за то что пишу здесь вопросы по сборщику, но нет ли возможности вставить код уже существующего стиля в сборщик чтобы его редактировать или я ее пропустил?
grin3671
grin3671#
@ryuuvv, нет, да и зачем, почему не собрать заново?
Maragen
Maragen#
Привет, поменял цвет в сборщике после чего в профиле съехали списки манги и аниме, и пропало пустое пространство сверху авы. Как можно вернуть так как было?

grin3671
grin3671#
@Maragen, по скриншотам кажется, что не включены некоторые тестовые функции, указан неправильно ID (или выбран вид без обложки) и нет кода для фона-обложки: /comments/4998103
Maragen
Maragen#
@grin3671, Исправил, спасибо за помощь, сам бы ни когда не догадался в чем была проблема.
grin3671
grin3671#
Ветка dev-scheme: в этой ветке все цвета в «цветовой схеме» автоматически настраиваются с учётом указанного вами «фона сайта» ($color-background). Обычно кастомные цветовые схемы дальше изменённого фона не уходят, поэтому решил передать все настройки внутрь sass. Из минусов: никаких превью в сборщике вы не увидите, да и исправить что-то можно будет только в итоговом css. Если кто-то всё же решится это протестировать, будет неплохо получить какой-то фидбек по полученному результату: ваш цвет фона и какой цвет подошёл, какой нет. (Не забудьте сделать бекап вашей темы.)
Ваш комментарий
Вернуться к редактированию
Предпросмотр
Скрыть