0
7
5

Полезных и доступных

уроков!

Главная Учебник Дизайн Ucoz Разное Как изменить фон на сайте?

Как изменить фон на сайте?

15-20
38325
1

Заменить фон на сайте не сложно. Фон может быть представлен в двух вариантах:

1. Цвет

2. Изображение

Оба варианта меняются в CSS (англ. Cascading Style Sheets — каскадные таблицы стилей), если у вас стандартный шаблон, вы можете зайти в него следующим способом:

1. Открыть панель управления сайта и Выбрать пункт "Управление дизайном"

2. Нажать на "Таблица стилей (CSS)"

3. Ниже представлен пример CSS у стандартного шаблона Ucoz

Если же вы используете свой шаблон, то скорее всего данный файл находится в корне сайта, он может называться, например, style.css Искать стоит его в разделе "Файловый менеджер" файл в формате "css". А открыть и редактировать его можно с помощью любого текстового редактора с открытым исходным кодом, например, Notepad++

В любом случае, в CSS вам необходимо найти слово "background", именно это свойство отвечает за фон сайта или отдельного элемента сайта. Значение атрибута уже зависит от типа фона: цвет это или изображение.

Сначала разберем вариант с цветом:

Если в CSS вот такая строчка

body {background: #ffffff;}

то цвет фона у сайта будет белым, "ffffff" и есть значение цвета. Узнать его можно, например, из фотошопа или сторонних сайтов и программ по работе с цветом. Вместо слова body может быть написано другое слово, отвечающее за фон отдельного элемента дизайна.

Если же вы хотите установить в качестве фона изображение, вам необходимо воспользоваться следующим способом:

Для начала необходимо найти подходящее изображение для вашего фона. Кстати, на нашем сайте вы можете бесплатно скачать свыше 500 фонов, которые находятся в разделе Вебмастеру.

После того, как вы сохраните готовое изображение, необходимо "залить" его на сайт, для этого:

1. Зайдите в панель управления сайтом и выберите раздел "Файловый менеджер"

2. Загрузите с помощью него фон в любую папку

Обратите внимание, что название фона должно быть написано латинскими буквами или цифрами.

После того, как фон будет загружен, необходимо открыть CSS и прописать следующую строчку:

body {background: #ffffff url(/название_картинки.формат);}

Если изображение находится в папке, то код будет таким:

body {background: #ffffff url(/папка/название_картинки.формат);}

Готовый пример строки:

body {background: #ffffff url(/img/01.png);}

Наше изображение мы сохранили в папку "img", а назвали его "01", изображение в формате "png".

Бывает, что в шаблоне используется несколько фонов, для разных элементов сайта. Для этого необходимо понять какой элемент дизайна относится к свойству "background", ведь их может быть несколько в CSS. Если вы не знакомы с работой в CSS, вы можете проверять это методом "тыка", изменяя каждый параметр и смотреть что именно изменилось на сайте.

Будем рады ответить на все ваши вопросы!

Вступи в группу - получи ШАРУ!!!

1. Присоединись к нашей группе Вконтакте.

2. Зарегистрируйся на сайте или войди под своим аккаунтом.

3. Пришли аккаунт и ссылку на профиль вКонтакте к нам на почту - support@uconstructor.com, а заодно и название материала, которое хочешь получить сейчас и бесплатно!

Что дать вебмастеру?

Советуем:

Advego.ru - система покупки и продажи контента для сайтов, форумов и блогов

Уровни

Легкий - не требует знаний языков веб-программирования.

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

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

Продвигай и зарабатывай:

Фото для твоего сайта:

Стоковые изображения
МОДНОЕ МЕНЮ НА CSS

Стильное меню на чистом CSS вы можете поставить его на свой сайт прямо сейчас, бесплатно!

Для Всех Пользователей
Какие фоны у нас есть?
  • 20% Темный
  • 19% Стена и камни
  • 17% Светлый
  • 9% Сетка
464+55
Крутых фона для сайта
Какие они -
рабочие места?
У нас есть кириллические шрифты:
  • 1. С засечками
  • 2. Без засечек
  • 3. Рукописные
  • 4. Трафаретные
  • 5. Исторические
  • 6. Еще..........
Сделать бесплатный сайт с uCoz Проверка тиц Яндекс.Метрика Здесь находится аттестат нашего WM идентификатора 345536186407