Сервис для
сео - оптимизаторов

Найди ошибки на сайте
Ошибки мешают продвижению сайта
Исправь ошибки на сайте
Сайт без ошибок продвигать легче
Получи новых клиентов
Новые клиенты принесут больше прибыль

Легко настроить внешний вид и ощущение Firefox с стильным

  1. Как стильно работает?
  2. Типы пользовательских стилей
  3. Стили приложений
  4. Глобальные стили
  5. Стили сайта

По мере того, как программное обеспечение перемещается с рабочего стола в облако, мы все больше и больше времени проводим в веб-браузерах, используя все виды веб-приложений и сервисов. Глядя на одни и те же сайты каждый день, можно очень быстро наскучить. Знаете ли вы, что вы можете изменить внешний вид каждого веб-сайта, который вы посещаете?

стильный это популярное и удивительно мощное дополнение для Firefox (и Хром !) это позволяет изменить внешний вид веб-сайтов в вашем браузере. Конечно, Stylish не меняет веб-сайты непосредственно на своих серверах и не влияет на их внешний вид. Изменения применяются только локально. Они написаны на CSS и функционируют так же, как концепция скины для настольных приложений ,

Стильные «скины» называются пользовательскими стилями, и буквально тысячи из них доступны бесплатно на официальном Userstyles.org Веб-сайт. Тем не менее, также можно написать свои собственные стили, и это не так уж сложно.

Как стильно работает?

Вы можете установить Stylish как любое другое дополнение к Firefox: из официальный сайт дополнений или со страницы about: addons, щелкнув вкладку «Получить дополнения». Стильный создает значок панели инструментов, и меню доступно, нажав на нее. Все пользовательские стили, которые вы установили или создали, находятся на вкладке «Пользовательские стили» на странице дополнений.

Здесь вы можете редактировать и временно отключать их или удалять их вообще. Firefox уведомит вас, когда найдет обновление для ваших стилей, поскольку он может сделать это автоматически для тех, которые были установлены с Userstyles.org. Если вы хотите создать свои собственные стили, опции для этого находятся в меню Стильный.

Так как пользовательские стили являются частями CSS, они могут влиять только на те элементы интерфейса, которые допускает CSS; а именно, шрифты, цвета, прозрачность, изображения и расположение элементов на веб-странице. Перед написанием вашего первого стильного скрипта было бы неплохо познакомиться с типами стилей, поддерживаемыми Stylish.

Типы пользовательских стилей

Существует три типа пользовательских стилей: App, Global и Site.

  • Стили приложения изменяют внешний вид самого Firefox; в то время как они не так универсальны, как Темы Firefox , вы можете использовать их, чтобы изменить внешний вид пустых вкладок и вкладок быстрого набора, персонализировать вашу стартовую страницу , измените цвет и размер полос прокрутки и несколько других элементов окна браузера.
  • Глобальные стили влияют на все веб-сайты, которые вы посещаете из браузера, в котором они установлены. Они обычно меняют шрифты, изменяют цвета текста и фона или преобразуют курсор.
  • Стили сайтов являются наиболее популярными и применяются к отдельным веб-сайтам, определенным URL-адресам, доменам или поддоменам. Изменения варьируются от простых настроек шрифта и цвета до полного внешнего вида. Стили сайта часто используются ностальгирующими людьми, которые «ненавидят» новый дизайн YouTube или Facebook, но они также полезны для сокрытия рекламы, кнопок социальных сетей и наложений.

При выборе опции «Создать новый стиль» в меню «Стильные» откроется редактор. Существует два режима редактирования: Orion (на фото ниже) и default, которые можно активировать, изменив значение extensions.stylish.editor на 1 в about: config.

Каждый пользовательский стиль начинается с объявления @namespace, за которым следует url (http://www.website.com) ;. Специфичные для сайта стили также содержат правило @ -moz-document, которое может принимать один из четырех типов (url, url-prefix, domain, regexp), в зависимости от того, хотите ли вы повлиять на все URL-адреса в домене или только на указанный. , При определении URL вы не можете использовать подстановочные знаки (например, вы не можете написать домен (*. Website.com)), но регулярные выражения с подстановочными знаками разрешены. Стильная вики-страница на GitHub предлагает больше информации о настройке пользовательского стиля.

Чтобы определить, какие элементы веб-сайта следует включить в стиль пользователя, вы можете положиться на инструменты Firefox Web Developer; более конкретно, Инспектор, к которому вы обращаетесь, нажав «Ctrl + Shift + C». В консоли, которая открывается в нижней части окна, вы можете выбрать различные элементы веб-сайта, проверить их названия и скопировать необходимый код в свой стиль пользователя на вкладке редактора.

Если вы не хотите изменить что-то действительно конкретное или применить стиль к какому-то непонятному веб-сайту, есть хороший шанс, что вы найдете именно тот стиль, который ищете в коллекции Userstyles.org. Их стили охватывают самые популярные сайты социальных сетей, новостные порталы и веб-приложения. Хотя есть несколько болезненно плохих образцов (в основном в Tumblr категория), большинство пользовательских стилей красивы, полностью функциональны и часто обновляются. Вот пара рекомендаций, с которых можно начать.

Стили приложений

Простая стартовая страница - настраиваемый дизайн: домашний стиль с дополнительным анимированным логотипом.

Раскрасить кнопки Firefox - добавляет цвета в новое меню Firefox.

Firefox Panorama Metro - делает ваши вкладки Firefox в панораме (все вкладки) похожими на плитки Metro UI из Windows 8.

Также попробуйте Australis Округлые маленькие вкладки если вы хотите изменить форму и размер вкладок в панели вкладок.

Глобальные стили

Глобал Темный Стиль - делает все сайты темными, чтобы они хорошо подходили к вашей темной Firefox или теме рабочего стола. Так же, Глобальный размер шрифта принуждает все веб-сайты придерживаться настроек шрифта вашего браузера.

Стили сайта

Идеальная тема для Facebook - один из многих фантастических фейслифтингов Facebook, доступных на Userstyles.org.

Минимальный твиттер а также Tweetdeck Metro Light принесите лучшее из Material Design и Metro UI в ваши любимые веб-приложения.

Другие социальные сети:
Reddit Обновленный - минималистский дизайн Reddit, который делает его менее загроможденным и более приятным для чтения.

Tumblr, старый дизайн - для всех пользователей Tumblr, недовольных новым внешним видом.

Помните Goodreads и его старомодная атмосфера? Goodreads Персонализированные заставляет это выглядеть намного более современным.

Для улучшения читаемости в Википедии, попробуйте Википедия Минималистичный а также Википедия Читаемый перенос слов ,

С Trello Clear а также Trello Ultimate Flat вам не нужна Pro версия, чтобы настроить свой любимый приложение производительности ,

С   Trello Clear   а также   Trello Ultimate Flat   вам не нужна Pro версия, чтобы настроить свой любимый   приложение производительности   ,

И последнее, но не менее важное: с помощью Стильного вы можете сделать Gmail а также Поиск Гугл выглядеть как Outlook:

И последнее, но не менее важное: с помощью Стильного вы можете сделать   Gmail   а также   Поиск Гугл   выглядеть как Outlook:

Вам нравится настраивать ваш веб-браузер? Вы пробовали Стильный? Дайте нам знать о других классных и полезных стильных скриптах в комментариях.

Эта статья полезна? да нет

Как стильно работает?
Знаете ли вы, что вы можете изменить внешний вид каждого веб-сайта, который вы посещаете?
Как стильно работает?
Вы пробовали Стильный?
Эта статья полезна?