Логотип

Как создать сайт

Всё что нужно для создания сайта!

Как изменить фон на сайте ucoz - css


pomenjat-von-in

Добрый день, в сегодняшней записи рассмотрим урок о том Как изменить фон на сайте ucoz через обычный код css. Конечно кто не сталкивался ранее с такими понятиями как Css и HTML, таким людям труднее разбираться в системе ucoz, да и в других движках тоже.

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

И так как я говорил мы будем настраивать наш фон через css код, который обычно находится на сайтах в отдельном файле, и этот файл, мы сейчас постараемся найти на нашем сайте. Для этого заходим в панель управления сайтом, для этого к адресу своего сайта после слэша, дописываем слово - admin и нажимаем Энтер.

Должна открыться страница на которой вписываем пароль от панели управления и нажимаем войти. Новая страница выглядит так-

Если всё сделано правильно, тогда мы должны попасть в саму панель управления. На главной странице находим кнопку Управление дизайном и нажимаем на неё.

Нажать на кнопку Управление дизайном

Управление дизайном

В следующем окне, нужно найти строчку таблица стилей (CSS) и перейти на неё.

Найти таблицу стилей

Таблица стилей (Css)

Вот так мы нашли наш файл, который отвечает за настройку дизайна, ну и конечно это не всё, в этом файле есть огромное количества кода из которого нам нужно найти один единственный, который отвечает за фон страницы, он называется (Body). Обычно он находится в самых первых строчках, но порой его трудно найти, по этому нам понадобится поиск браузера. Чтобы активировать поиск браузера, нажимаем сочетание клавиш на клавиатуре (Strg и букву F - одновременно) должна открыться строчка внизу браузера.

Как найти код Боди

Найти код

В поиск браузера нужно вписать слово (Body), не забудьте нажать кнопку подсветить и при помощи стрелочек которые находятся возле поиска, начинайте просматривать все подсвеченные коды, которые нашёл браузер. Я нашёл свой код на 14 строчке.

Код боди меняем его

Код боди

Строчка 15 в моём случае отвечает как раз за фон на сайте. Возле слова background, после двоеточия, есть решётка и буквы (могут быть и цифры или слово по английски), так вот, если эти буквы поменять, то поменяется и цвет фона на сайте. Сейчас в моем случае, у меня на сайте цвет #cccfff - выглядит это так.

Цвет фона на моём сайте

Цвет фона

Если я поменяю мои буквы например на #ff3300, тогда мой фон станет вот такой.

Фон цвета красный теперь

Фон цвета красный

Вот так меняется фон на сайте ucoz. Теперь встаёт вопрос, как узнать цвет для фона, который я хочу подобрать для сайта. Всё очень просто, заходим в поисковик и вписываем цвета для сайта и поисковик найдёт все сайты, на которых есть таблицы с разными подборками цветов.

Таблица цветов для сайта

Таблица цветов

Есть ещё бесплатные программы, которые позволяют при помощи пипетки выбрать любой цвет на экране, такие программы очень хорошо помогают подгонять цвет фона, под основные элементы на сайте. Мне нравится программа ColorMania, можете её скачать и пользоваться.

Заключение

Вот, вроде-бы всё, мы разобрались как поменять фон на сайте ucoz и если более подробно хотите изучить этот вопрос, смотрите видео. А в видео, я как раз показываю как вставить на задней фон картинку. Будут вопросы задавайте их в комментария, постараюсь ответить.

Задай свой вопрос в комментариях? или в специальном разделе.
Подсказка:

Регулярно обновляй сайт новыми статьями, посетители это любят и поисковые системы тоже!

Курс ещё не готов, но подписчики получат его первыми - как только работа будет закончена. На данный момент 23.08.2017 записано 19 теоретических уроков и 0 практических. Теоретический кус Готов! "Как создать, настроить, наполнить и раскрутить сайт на uCoz"