Сайт забанен мосгорсудом. Новый домен.
4 месяца
Время за аниме и мангой
1 неделя
1 месяц
3 месяца
6 месяцев
1 год
Активность на сайте
Общие
Жанровые
Франшизы
7 / 193
Обо мне
Пожалуйста, прочтите информацию в табах!

О теме
Баг-трекер
Ошибки сборщика
Последняя версия темы уже в стабильной ветке: просто пересоберите тему! :star:

P.S. Используйте галочку «Прилипающее меню» в настройках, чтобы закрепить меню. (в будущем она будет включена по умолчанию)



Как замутить крутой стиль сайта?
Если не устраивают готовые стили, мутишь свой: учишь HTML и CSS с помощью онлайн-курсов, учебников и справочников. А чтобы добавить крутизны узнаёшь немного о нынешних тенденциях в дизайне на dribbble.com и www.behance.net. Удачи! :star:


О моей теме
Код стиля можете собрать на сайте grin3671.github.io. Не передавайте его через комментарии и лс – скорее всего сломаются ссылки на шрифты. Кроме того, надо будет вручную искать и менять ID.


  • В псевдоэлементах нельзя использовать 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 (сохраняется при переходах).

Список изменений
    Файлы
  • Отделить от main.sass следующие файлы: .b-buttons; .buttons; .b-shiki_editor (брошено)
  • Разделить main.sass и color.sass на мелкие файлы.
  • Убрать из стилей шрифтов лишние правила font-weight

    Кнопки
  • Увеличить высоту кнопки 32px до 36px
  • Убрать фон у VS в настольной версии турниров

    Ачивки
  • Карточный дизайн
  • Масштабирование полученных ачивок

    Прочее
  • Добавить стандартный шрифт

    Адаптированные шаблоны
  • Нагло украсть идею и сделать что-то подобное в сборщике? :oh:

Закончить к марту. Апрелю? :revenge: Еще несколько частей осталось:
  • +topic
  • +comment
  • b-user16 (переписано с нуля)
  • b-add_to_list + dense
  • p-profiles
  • +log
  • и разобрать color.sass

Список изменений
    Конфигурация сборщика
  • Подготовка внутренней структуры скрипта
  • Загружать список палитр, схем из отдельных .json файлов

    Сохранение пользовательских настроек
  • Сохранение вида профиля, цветовой схемы и прочего
  • Функция для скачивания настроек
  • Код для поддержки старого типа сохранения (Удалить при обновлении v3)

    Список файлов
  • Загрузка списка файлов из файла конфигурации
  • Возможность включения/исключения отдельных файлов для сборки

    Список папок
  • Загрузка списка папок из файла конфигурации
  • Возможность включения/исключения отдельных файлов для сборки

    Изменение структуры репозитория
  • master – стабильная версия, gh-pages – сборщик, другие ветки – обновления в разработке
  • Сохранение старых версий в виде релизов

    Загрузка файлов из других веток
  • Функция загрузки и смены ветки
  • Интерфейс смены ветки

    Загрузка и удаление пользовательских настроек
  • Функция
  • Интерфейс

    Сохранение пользовательского CSS-файла
  • Функция

    Переход на vue 3.0
  • Обновление

Список изменений
    Палитры
  • Изменение работы палитр
  • Автоматическая настройка
    Как примерно это будет работать: codepen.io/grin3671/pen/wNLMZz
  • Предложения, помощь по цветам

    Прочее
  • Ползунок смещения обложки по вертикали
  • Добавить новые переменные цветов в светлом будущем:
    $color_primary_on_background (Измененный color_primary для лучшего отображения на color_background)
    $color_accent_on_background (Измененный color_accent для лучшего отображения на color_background)

    Вероятность 0.01%
  • Отделить файл настроек от общего списка файлов темы.
  • Использовать его как пользовательский CSS файл по умолчанию. (Таким образом не будет лишней проверки, файл будет подключен всегда.)
  • Система отношений файлов, когда при отключении одного файла, связанные с ним файлы также отключаются (и наоборот).

Сборщик v3.1
  • Добавить файл и текстовое поле с тонкими настройками:
    …
    // Дниметр
    $color-lifetime-surface: $color-primary
    $color-lifetime-text-primary: $color-primary
    $color-lifetime-text-disabled: $color-text-disabled
    
    // Кнопка управления списком
    $color-addtolist-surface-add: lightblue
    $color-addtolist-surface-planed: #e0e0e0
    …



Прочее

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

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

Описание
BBCode
CSS


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

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

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

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

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


Инструкция (на табах)
  • Откройте сборщик
  • Узнайте свой ID
  • Первая настройка
    Необязательно
  • Соберите тему
Откройте страницу сборщика grin3671.github.io/shiki-theme/ в новой вкладке.
На этом сайте вы сможете легко настроить тему и получить готовый код своей темы.
Скрыть 587 комментариев
свернуть
Показать 587 комментариев
Загрузить ещё 10 из 587 комментариев
akiyamio
akiyamio#
@grin3671, wait... А как это применить? :thinking:
grin3671
grin3671#
@akiyamio, по порядку скопировать цвета в сборщик, пока других вариантов нет. Можно сверяться с названием переменной под названием цвета в сборщике.
P.S. wait не работает, если удалить предыдущее сообщение.
akiyamio
akiyamio#
@grin3671, с палеттой я так и сделал, но не могу найти, куда девать scheme.
grin3671
grin3671#
@akiyamio, детальная настройка схемы:
917x703
akiyamio
akiyamio#
@grin3671, можешь ещё, пожалуйста, дать инфу, как сделать шрифт названия сайта в шапке такой же, как у тебя?
grin3671
grin3671#
@akiyamio, у меня везде шрифт одинаковый: font-roboto_condensed – его можно выбрать в файлах темы.
akiyamio
akiyamio#
@grin3671, всё готово, максимально шикарно. Спасибо большое за помощь и за труды.
Ваш комментарий

OK

OK

Вернуться к редактированию
Предпросмотр
Скрыть