Итак, для начала нужно сделать три клика левой кнопкой мыши и установить расширение по ссылке Personalized Web.
Далее нужно добавить набор правил для конкретного сайта, который мы в дальнейшем будем называть «темой». Я уже подготовил одну демонстрационную тему для Фантлаба, теперь подробная инструкция, как её установить, это совсем не сложно:
1. Открываем щелчком мыши внизу статьи прикреплённый текстовый файл damp.txt, копируем содержимое: Ctrl+A, Ctrl+C;
2. Переходим на страницу расширений гуглохрома: Настройки и управление->Инструменты->Расширения (минуя пункт «Инструменты» если у вас ранняя версия браузера) или переходим по ссылке chrome://extensions/, кликаем по кнопке Настройки напротив расширения Персонализированный Веб;
3. В открывшейся вкладке нажимаем вторую по счёту кнопку внизу Загрузить дамп, в поле ввода в открывшемся окошке вставляем скопированный в пункте 1 набор иероглифов, нажимаем ОК;
4. Сохраняем изменения кнопкой Сохранить, теперь, пока тема активна, можно смело открывать любую страничку Фантлаба и смотреть, что получилось.
Вот пара скриншотов, как будет выглядеть сайт.
Вот список изменений, внесённых этой темой:
- как хорошо видно, Фантлаб немного «позеленел». Перекраска не полная и сделанная на скорую руку, такой уж я художник, но в принципе раскрасить при наличии желания и времени можно всё, что угодно, позаменять все рисунки;
- изменено меню «Мой портфель»: оно стало уже, под размер окна с информацией о профиле, добавлен пункт для изменения регистрационной информации, добавлен анимационный эффект при появлении и исчезании этого меню;
- заменены для примера несколько смайликов на форуме. Например, кому-то недавно не нравилось, что на странице литературного ресурса слишком много пива — все пивные смайлики заменены на рукопожатие .
font.v9b {
font-size: 18 !important;
}
p {
font-size: 16 !important;
}
a {
font-size: 12 !important;
}
Важный момент — чтобы изменённая менюшка портфеля правильно работала, ссылалась всегда на ваш профиль, а не на мой, в поле «Добавлять HTML» темы желательно найти поиском по странице число 20655 (их всего три) и позаменять на конкретно свой ID фантлабовского аккаунта.
Снова таки, знакомые с «тремя китами web-вёрстки» смогут самостоятельно разобраться в примере и внести свои изменения/улучшения.
Пока всё, ждём предложения, замечания и вопросы по статье