Створіть власну тему Google Talk

Google Talk використовує протокол Jabber, безкоштовний протокол з відкритим кодом для спілкування. Оскільки він має відкритий вихідний код, усі його служби є безкоштовними та настроюються. Ви навіть можете переглянути код і API, надані Google.

У цьому посібнику я розповім вам, як створити власну тему для Google Talk. Якщо ви не зацікавлені у створенні власної теми, ви можете отримати неофіційні теми з http://www.sravi.com/gtheme/download.html і з http://www.googletalkthemes.com.

Почнемо з налаштування зовнішнього вигляду Gtalk:

1) Пошук тем Google Talk:

Скопіюйте та вставте вказане вище місце в адресний рядок «Мій комп'ютер».
Натисніть Enter, і ви побачите розташування тем за умовчанням.

2) Створіть нову папку та назвіть її gtricks.

3) Виберемо тему ClassicPicture через її простоту. Зайдіть у папку ClassicPicture, і ви знайдете іншу папку під назвою Contents. Скопіюйте це.

4) Поверніться до папки gtricks. Вставте папку Contents у папку gtricks.

5) Ви знайдете папку під назвою Resources усередині Contents. А в Ресурсах ви знайдете ще кілька файлів, таких як main.css, status.html та інші.

Отже, ваша структура файлу має виглядати так:

….GoogleGoogle TalkthemessystemchatgtricksContentsResources

Далі надайте власне фонове зображення:

6) Виберіть зображення розміром 300×250, яке буде фоном теми.
(Бажано зображення світлішого кольору). Назвіть його aery.jpg.

7) Створіть папку в папці Resources і назвіть її Images.

8) Помістіть зображення Aery.jpg у папку Images.

Таким чином, скорочене фонове зображення буде
gtricks -> Contents -> Resources -> Images -> Aery.jpg

9) Поверніться до папки Resources, і ви знайдете main.css, який визначає стиль теми.

10) Двічі клацніть, щоб відкрити його, і спробуйте знайти цей код:

BODY {
margin: 6px;
}

11) Додайте фонове зображення: url(“Images/Aery.jpg"); до класу BODY вище.

тепер це має виглядати так:

BODY
{
margin: 6px;
фонове зображення: url(“Images/Aery.jpg”);
}

Збережи це.

12) Ви закінчили першу частину. Закрийте Gtalk із системного лотка та перезапустіть. Перейдіть до налаштувань і їх зовнішнього вигляду, щоб вибрати тему.

Якщо ви знайомі з CSS, ви можете продовжити редагування main.css, щоб змінити шрифти, кольори, вирівнювання тексту тощо.

Ось описи файлів, які можуть вам допомогти:

main.css: це основний аркуш CSS, у якому ви вказуєте клас стилів, як і для HTML.

NextStatus.html: коли ви спілкуєтеся з кимось, їхні зміни в статусі використовуватимуть формат, указаний у цьому файлі.

Status.html: коли ви спілкуєтеся з кимось, їхній статус використовуватиме формат, указаний у цьому файлі.

Вхідний вміст.html: коли ви спілкуєтеся з кимось, його перша відповідь використовуватиме формат, указаний у цьому файлі.

Вхідний NextContent.html: коли ви спілкуєтеся з кимось, їхні подальші відповіді використовуватимуть формат, указаний у цьому файлі.

Outgoing Content.html: коли ви спілкуєтеся з кимось, ваше перше повідомлення використовуватиме формат, указаний у цьому файлі.

Вихідний NextContent.html: коли ви спілкуєтеся з кимось, ваші наступні повідомлення використовуватимуть формат, указаний у цьому файлі.