Три метра над уровнем неба
Привет, Гость!
ВходРег.
Вниз Форум | Уроки Мастерства | Создание стиля. Фон
Полезный урок?
Да (20)
100%
Нет (0)
0%
Проголосовало: 20
1 2 3 ... 10 >>
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:48 #1
 Главный Администратор
Для новичков мы решили сделать небольшую серию уроков по созданию стилей в чатах Армада. Встречают по одежке а провожают по уму Поэтому внешнее оформление чата имеет немаленькую роль. В процессе написания уроков буду давать небольшие советы. Начнем с создания фона.
ЦаРь_ГоСуДаРь
Рейтинг:  1 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:50 #2
 Главный Администратор
Что понадобится для этого?
1. Таблица цветов HTML. Таких таблиц сотни. Мне лично нравится вот эта http://35rus.ru/htmlcolor.php Очень удобная и куча разных оттенков у каждого цвета.
2. Фоны.
Подобрать можно на различных сайтах, которых множество.
3. Онлайн сканер вирусов.
Нужен для проверки ваших фонов и картинок на безопасность. Вот хороший сканер https://www.virustotal.com/ru/
В принципе пока этого достаточно
ЦаРь_ГоСуДаРь
Изменил(а) ~РайСкиЙ~ 10.04.2015 / 21:05
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:50 #3
 Главный Администратор
Теперь по порядку и сразу совет:
Совет N1. Не надо сразу лезть в админку и там создавать свой первый стиль. Особенно с этими названиями типа: проба, тест, проверка и т.д. Стиль вы можете сделать в своем личном кабинете в разделе "Настройки цветов". А затем уже полностью готовый перенести в админке в список с красивым названием
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:51 #4
 Главный Администратор
Попробуем сделать простой фон. Если нужно сделать просто цветной фон, то заходим в таблицу цветов, выбираем красивый понравившийся цвет и просто пишем его код в поле ввода Фон. Вот так например:
FFFFFF
Тут все просто
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:51 #5
 Главный Администратор
Теперь поставим в фон картинку. Ищем красивые фоны, например у нас в загрузках или на других сайтах. И скачиваем их себе на комп или на телефон (штук 5-10 чтобы менять потом и найти лучший).
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:51 #6
 Главный Администратор
Совет N2. Не используйте ссылки на фоны с других сайтов. Это тормозит скорость загрузки страниц вашего чата. И вдобавок если тот сайт, с которого у вас идет ссылка на фон будет тормозить или недоступен, то и ваш чат будет так же висеть.
Старайтесь как можно меньше иметь подключений своего чата к другим ресурсам.
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:51 #7
 Главный Администратор
Итак фоны мы себе загрузили. Теперь на всякий случай проверим их на онлайн сканере на вирусы (см.выше). Чтоб потом ваши пользователи не стали вас доставать вопросами типа: "Даров админ А че это в твоем чате мой Касперский ох....ет? А?" и т.д Кстати антивирусники ругаются также и на снифферы. Дальше идем в магазин чата и создаем "Технический раздел" (например). Загружаем туда ваши фоны. Вот уже отсюда эти красивые картинки и будут украшать ваш чат
ЦаРь_ГоСуДаРь
Изменил(а) ~РайСкиЙ~ 15.08.2014 / 21:05
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:52 #8
 Главный Администратор
Теперь о том, как получить ссылку на фоновую картинку из вашего магазина. Пример приведу со своего телефона с ОС Андроид, сенсор. Заходим в магазин в раздел где находятся фоны. Нажимаем на нужный фон прямо на картинку. Появится окно, где выбираем "Открыть изображение". Нажимаем. И затем вверху в адресной строке копируем ссылку на картинку, которую теперь и будем использовать.
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:52 #9
 Главный Администратор
Далее заходим в личный кабинет в Настройки цветов (или в админку, где вы делаете стиль), и в поле Фон вставляем код:
FFFFFF; background-image: url(stile/file/primer/verh_fon.jpg);
Вместо wapbirga.ru/stile/file/primer/verh_fon.jpg ставим код на ваш фон из магазина.
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:53 #10
 Главный Администратор
Теперь идем в чат и смотрим как выглядит ваш фон, в том месте, где вы его ставите (тело страницы, заголовок и т.д.) Меняем картинки так же и выбираем наиболее красивый
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:53 #11
 Главный Администратор
В принципе самое главное я написал О разных тонкостях и фишках по теме фона в стиле буду писать дальше. Все, кто хочет рассказать свои интересные нюансы, пишите в этой теме
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:53 #12
 Главный Администратор
Кстати вариант с использованием загрузки картинок фона в магазин и их дальнейшего использования оттуда можно использовать и для баннеров. Чтобы баннеры, которые стоят на главной и в прихожей, не тормозили страницы загрузите их картинки в магазин в технический раздел. И уже оттуда возьмите ссылку на картинку нужного баннера. И потом в админке в поле "URL баннера/счетчика" вставьте ее. В результате ваш чат не будет постоянно грузить баннеры с других сайтов, а при нажатии на них как и было будет переводить на сайт баннера.
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 =Твой_Кайф=  offline написать 15.08.2014 / 16:56 #13
Завтра буду учиться по твоей инструкции спасибо, нужная тема
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 16:58 #14
 Главный Администратор
=Твой_Кайф=, пожалуйста
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 =Твой_Кайф=  offline написать 15.08.2014 / 16:58 #15
~РайСкиЙ~, будешь должен
Рейтинг:  0 
 4@п@ев  offline написать 15.08.2014 / 18:02 #16
Могу предложить еще более полную таблицу цветов RGB и плюс шестнадцатиричный код каждого оттенка (это типа #1234FA)
www.stm.dp.ua/web-design/color-html.php
Рейтинг:  0 
 4@п@ев  offline написать 15.08.2014 / 18:14 #17
Помимо цвета заливки или фонового рисунка стиль еще можно украсить красивыми рамками и шрифтами.
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 19:43 #18
 Главный Администратор
4@п@ев, ну про это уже в следующих уроках Тут все о фонах
ЦаРь_ГоСуДаРь
Рейтинг:  0 
 АнгеЛ_СмертИ_  offline написать 15.08.2014 / 22:00 #19
я а пользуюсь такой таблицей) они удобная)
https://ru.wikipedia.org/wiki/ ... ветов
Memento_mori
Изменил(а) ~РайСкиЙ~ 15.08.2014 / 22:09
Рейтинг:  0 
 ~РайСкиЙ~  16 написать 15.08.2014 / 22:11 #20
 Главный Администратор
АнгеЛ_СмертИ_ писал(а)
я а пользуюсь такой таблицей) они удобная)
https://ru.wikipedia.org/wiki/ ... ветов
Удобно особенно для подбора цвета текста
ЦаРь_ГоСуДаРь
Рейтинг:  0 
Вверх Сообщений: 187
1 2 3 ... 10 >>

Поиск
Кто в теме (0/1)
Rss-канал
Скачать тему
Файлы темы

Новые вверху

На главную
Онлайн: 118 (9 / 109)
Всем, кого я РАЗДРАЖАЮ - корвалол, трогательные вы мои, теперь и в таблетках!
Статистика

Политика обработки персональных данных
© WapBirga.Ru 2013-2017