Для новичков мы решили сделать небольшую серию уроков по созданию стилей в чатах Армада. Встречают по одежке а провожают по уму Поэтому внешнее оформление чата имеет немаленькую роль. В процессе написания уроков буду давать небольшие советы. Начнем с создания фона.

Что понадобится для этого?
1. Таблица цветов HTML. Таких таблиц сотни. Мне лично нравится вот эта http://35rus.ru/htmlcolor.php Очень удобная и куча разных оттенков у каждого цвета.
2. Фоны.
Подобрать можно на различных сайтах, которых множество.
3. Онлайн сканер вирусов.
Нужен для проверки ваших фонов и картинок на безопасность. Вот хороший сканер https://www.virustotal.com/ru/
В принципе пока этого достаточно

Теперь по порядку и сразу совет:
Совет N1. Не надо сразу лезть в админку и там создавать свой первый стиль. Особенно с этими названиями типа: проба, тест, проверка и т.д. Стиль вы можете сделать в своем личном кабинете в разделе "Настройки цветов". А затем уже полностью готовый перенести в админке в список с красивым названием

Попробуем сделать простой фон. Если нужно сделать просто цветной фон, то заходим в таблицу цветов, выбираем красивый понравившийся цвет и просто пишем его код в поле ввода Фон. Вот так например:
FFFFFF
Тут все просто

Теперь поставим в фон картинку. Ищем красивые фоны, например у нас в загрузках или на других сайтах. И скачиваем их себе на комп или на телефон (штук 5-10 чтобы менять потом и найти лучший).

Совет N2. Не используйте ссылки на фоны с других сайтов. Это тормозит скорость загрузки страниц вашего чата. И вдобавок если тот сайт, с которого у вас идет ссылка на фон будет тормозить или недоступен, то и ваш чат будет так же висеть.
Старайтесь как можно меньше иметь подключений своего чата к другим ресурсам.

Итак фоны мы себе загрузили. Теперь на всякий случай проверим их на онлайн сканере на вирусы (см.выше). Чтоб потом ваши пользователи не стали вас доставать вопросами типа: "Даров админ А че это в твоем чате мой Касперский ох....ет? А?" и т.д Кстати антивирусники ругаются также и на снифферы. Дальше идем в магазин чата и создаем "Технический раздел" (например). Загружаем туда ваши фоны. Вот уже отсюда эти красивые картинки и будут украшать ваш чат

Теперь о том, как получить ссылку на фоновую картинку из вашего магазина. Пример приведу со своего телефона с ОС Андроид, сенсор. Заходим в магазин в раздел где находятся фоны. Нажимаем на нужный фон прямо на картинку. Появится окно, где выбираем "Открыть изображение". Нажимаем. И затем вверху в адресной строке копируем ссылку на картинку, которую теперь и будем использовать.

Далее заходим в личный кабинет в Настройки цветов (или в админку, где вы делаете стиль), и в поле Фон вставляем код:
FFFFFF; background-image: url(http://wapbirga.ru/stile/file/ ... n.jpg);
Вместо wapbirga.ru/stile/file/primer/verh_fon.jpg ставим код на ваш фон из магазина.

Теперь идем в чат и смотрим как выглядит ваш фон, в том месте, где вы его ставите (тело страницы, заголовок и т.д.) Меняем картинки так же и выбираем наиболее красивый

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

Кстати вариант с использованием загрузки картинок фона в магазин и их дальнейшего использования оттуда можно использовать и для баннеров. Чтобы баннеры, которые стоят на главной и в прихожей, не тормозили страницы загрузите их картинки в магазин в технический раздел. И уже оттуда возьмите ссылку на картинку нужного баннера. И потом в админке в поле "URL баннера/счетчика" вставьте ее. В результате ваш чат не будет постоянно грузить баннеры с других сайтов, а при нажатии на них как и было будет переводить на сайт баннера.

Завтра буду учиться по твоей инструкции спасибо, нужная тема

=Твой_Кайф=, пожалуйста

~РайСкиЙ~, будешь должен

Могу предложить еще более полную таблицу цветов RGB и плюс шестнадцатиричный код каждого оттенка (это типа #1234FA)
www.stm.dp.ua/web-design/color-html.php

Помимо цвета заливки или фонового рисунка стиль еще можно украсить красивыми рамками и шрифтами.

4@п@ев, ну про это уже в следующих уроках Тут все о фонах

я а пользуюсь такой таблицей) они удобная)
https://ru.wikipedia.org/wiki/ ... ветов

Удобно особенно для подбора цвета текста