Уходим в интернет окончательно и безповоротно...

Как создать тему для Google Chrome?

Всем привет. Вы когда-нибудь задавали себе вопрос, откуда берутся все эти красивые, эксклюзивные темы для Google Chrome? Мне тоже это стало интересно и захотелось создать свою тему и заодно показать вам, как это делается.

Как создать тему для Google Chrome

Тема представляет собой архив, в который упакованы несколько картинок, которые определяют внешний вид браузера. Можно их изменить вручную, а можно воспользоваться онлайн сервисом для создания тем Themebeta.

Можно, конечно, зайти в магазин веб-приложений Гугла или на другой сайт и выбрать себе подходящую тему, а можно создать тему самому и гордиться своей работой. Также, с помощью этого онлайн редактора вы можете загрузить уже имеющуюся у вас тему и изменить ее.

Если вы решили создать тему для Google Chrome, то для начала, вам понадобятся несколько картинок, сопоставимых по разрешению с вашим монитором и любопытность, чтобы разобраться что к чему.

Перейдя по этому адресу Themebeta, перед вами появится простой редактор тем. Вариантов создания тем есть два: простой(Basic) и продвинутый(Advanced). В простом варианте тема создается в два шага, на третий шаг происходит загрузка и установка темы.

Создание и редактирование темы google chrome

1. Нажатием на первую зеленую кнопку загружается фоновый рисунок для пустой вкладки. Картинку желательно брать с одной стороны, соразмерную по разрешению с вашим монитором, с другой, не слишком большую, так как может замедлиться загрузка новой вкладки.

2. На втором шаге нужно выбрать цвет рамки окна и верхней панели. На выбор есть немного предустановленых вариантов цветов. Если вы не нашли для себя подходящий, тогда нужно будет поработать с расширенным редактором.

3. Все готово для загрузки и установки темы. При нажатии на синюю кнопку тема скачается, после чего у вас на экране появится предложение добавить тему. Оценив полученный результат, вы можете оставить ее или отменить ее применение.

Самая последняя кнопка позволяет закачать на сайт какую-нибудь тему и изменить ее на свой вкус.

Продвинутые настройки появляются при нажатии на вкладку Advanced и находятся на трех последующих вкладках, после первой. Основные возможности сосредоточены на первых четырех пунктах вкладки Images.

image

NTP Background – New Tab Page Background. Это фоновый рисунок новой страницы новой вкладки. Этот параметр равнозначен первой кнопке из базового режима, но в отличие от него, позволяет выровнять фон и задать его повторение, если картинка представляет собой узор или она небольшого размера.

Frame – это рамка окна. Можно задать как цвет, так и изображение. Обычно, я задаю изображение. Его размер тоже можно взять большой.

Toolbar – это верхняя панель, где сосредоточены вкладки, адресная строка, панель плагинов и закладок. С тулбаром тоже можно пофантазировать, задав ему изображение или просто цвет.

Tab Background – цвет фоновых вкладок. Здесь все также, как и в предыдущих пунктах.

На следующей вкладке Colors можно задать цвета для любого текста в интерфейсе браузера. Я их описывать не буду, так как они подсвечиваются при наведении на них мышкой в панели предпросмотра.

Последняя, четвертая, вкладка Pack позволяет:

- упаковать и установить тему

- упаковать и загрузить тему без установки

- упаковать и скачать тему в виде zip-архива

- сохранить скриншот темы из области предпросмотра

После нажатия на первую кнопку тема скачается, установится непонятно куда, поэтому можно воспользоваться второй кнопкой и сначала скачать тему, а потом установить ее.

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

Моя экспериментальная тема

Моя экспериментальная тема

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

Кстати, если вы захотите углубиться в тонкости создания тем, то пролистав страницу онлайн-редактора вниз, вы увидите подробное описание, из чего состоит тема и какие по размеру изображения нужны для идеальной подгонки темы под экран. Там все на английском, но плагин Instant Translate поможет перевести незнакомые слова. Но сначала нужно скачать толстую пачку обоев для экрана, чтобы было из чего творить :)

Всё для Google Chrome

P. S. Удачи вам в вашем творчестве!

Пока нет комментариев

Добавить комментарий

Узнавай обо всем первым!

___________________________________________________
Яндекс.Метрика

© 2014.Все права защищены.