В предыдущей статье, из серии создать сайт бесплатно в системе uCoz, мы с Вами сменили фон странички шаблона. Осталась без изменений только узкая горизонтальная информационная полоска. Возникают вопросы: Как изменить её цвет? Где находится её код? И как найти его?
В этом нам поможет маленькая программа под названием «HTML colors 2000», скачать бесплатно. Как пользоваться программой подробно рассказано в статье «Определяем HTML-код цвета в любой точке экрана монитора», которая находится в меню Программы для веб-мастера. Там тоже можно её скачать.
Открываем данную программу, Screen 1. Смело
1. нажимаем клавишу «Screen», отмечено красной рамочкой;
Screen 1.
2. Направляем стрелку курсора на информационную полоску, обведено зеленым кружочком. В левом верхнем углу экрана монитора, Screen 2, появится маленькое окошечко, где мы увидим код цвета нашей полоски. У нас он был #F2F2F2.
Screen 2.
Запоминаем его.
3. делаем то, что делали неоднократно. Заходим => Панель Управления => Управление дизайном => Таблица стилей (CSS) => и в ней ищем наш код. Мы его нашли на 111, 112, 113 строках таблицы, Screen 3. Проводим действие
4. меняем код на пробный зеленый цвет #FF00FF. Как сменить код мы с Вами проходили в статье «Изменить фон сайта uCoz». Все верно, полоска стала зеленой, Screen 4.
Screen 3.
Screen 4.
Однако, прежде чем менять код полоски на основной, необходимо подобрать цвет, который подходил бы к фону странички. Как это сделать? Все просто. Нам поможет сайт «Все о цвете» расположенный по адресу http://colory.ru => открываем меню «Инструменты» => находим «Генератор цветовых схем» => активируем его, Screen 5.
Screen 5.
Этот инструмент позволит вам выбрать подходящую цветовую схему для вашего сайта. Как пользоваться им прочитаете на самом сайте. Давайте посмотрим, что у нас получилось?, Screen 6.
Screen 6.
По нашему мнению не плохо! Ну что ж. Основные принципы как изменить фон сайта мы рассказали и показали. Продолжайте в том же духе по теме создать бесплатный сайт. Конструктор сайтов под названием Укоз или, как его ещё называют, Юкоз, поможет Вам в этом деле. Удачи!
Другие статьи на тему: Небольшие изменения шаблона сайта:
|