Анализ на ХГЧ при беременности

Анализ на ХГЧ при беременности
Анализ на ХГЧ при беременности

как поменять фон на сайте или блоге

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

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

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

Как сделать фон для сайта онлайн


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

О том, как увеличить скорость загрузки блога я писал в предыдущих статьях: «Плагин Hyper Cache» и «Оптимизация базы данных».

Поэтому в качестве картинки для фона лучше всего использовать ПАТТЕРН.

Паттерн — это небольшая картинка, не имеющая швов, которая при повторении образует большой фон, заполняющий все пространство сайта.

Чтобы сделать фон (паттерн) существует огромное число способов. Например, вы можете открыть любой поисковик и вбить в строку поиска запрос «Скачать фон для сайта», а потом долго просматривать различные сайты в надежде отыскать подходящий паттерн.

Но как сделать фон приложив минимум усилий? Предлагаю обратить внимание на подборку онлайн сервисов, которые в своей базе имеет сотни уже готовых фонов, их останется только отредактировать и настроить по своему вкусу.

1) PatternCooler

PatternCooler сервис

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

Посмотрите, что у меня получилось выбрать для себя:

фон для сайта PatternCooler

2) Stripegenerator

Stripegenerator сервис фонов

Тоже неплохой онлайн генератор фонов. Есть небольшой ряд настроек и немаленькая база заготовок.

Мой результат работы:

фон для блога в stripegenerator

3) BgPatterns

BgPatterns сервис паттернов

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

Посмотрите, что я подобрал себе:

фон или паттерн BgPatterns

4) Tartanmaker

Tartanmaker сервис

Для тех, кто хочет создать себе фон в клеточку стоит посетить данный онлайн сервис фонов.

фон tartanmaker

Как поменять фон на сайтах HTML и PHP


Если вы работаете с сайтом разработанным исключительно на HTML, тогда вам понадобиться вставить фон в открывающий тег <body>... Должно получиться примерно следующее:

<body background="images/fon-1.png">

<body background="images/fon-1.png">

Главное правильно укажите путь к изображению. Также для страховки можете прописать вдобавок к картинке еще и цвет, на тот случай если вдруг по каким-либо причинам паттерн не загрузится.

<body bgcolor="#FFFFFF" background="images/fon-1.png">

<body bgcolor="#FFFFFF" background="images/fon-1.png">

Если основной паттерн не загрузится, вместо него подгрузится цвет, указанный в bgcolor (FFFFFF).

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

Для этого я закачиваю картинку (паттерн) на хостинг, папка находится по такому адресу:

/httpdocs/wp-content/themes/Prosumer/images

/httpdocs/wp-content/themes/Prosumer/images

загрузка фона на сайт

Затем необходимо открыть файл style.css и указать адрес, где хранится ваше изображение.

указываем стили к фону

Внимание! Если у вас картинка и файлы css темы, расположены в разных директориях, укажите точный путь к ней.

Перезагружаем страницу сайта и смотрим полученный результат.

P.S. Еще хотелось бы добавить, что вы можете настраивать как будет повторяться паттерн. Для этого существует атрибут repeat.

background: #FFFFFF url(images/fon-1.png) repeat;

background: #FFFFFF url(images/fon-1.png) repeat;

Основные настройки:

  • — repeat — изображение будет повторяться как по вертикали, так и по горизонтали;
  • — repeat-x — повторение только по горизонтали;
  • — repeat-y — повторение только по вертикали;
  • — no-repeat – запрет на повторение.

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

Посмотрите видео «Как поменять фон на сайте» и у вас не должно остаться никаких вопросов.

На сегодня у меня все. Понравилась статья? Подпишись на обновления страниц блога по почте и будь в курсе новых постов, новостей и конкурсов. Жду отзывы и дополнения в комментариях. Пока!

Буду рад, если нажмете на любую из кнопок:

Анализ на ХГЧ при беременности 60
День Рождения Татьяны. Сценарий - Сценарии праздников
Анализ на ХГЧ при беременности 95
МТС - Подари Добро
Анализ на ХГЧ при беременности 71
Как расставить мебель в однокомнатной квартире, мебель
Анализ на ХГЧ при беременности 53
Раскраски Про Ежика и Медвежонка Дитячі розфарбовки
Анализ на ХГЧ при беременности 33
Как сделать снегоход из мотоблока самому на гусеничном
Анализ на ХГЧ при беременности 20
Форма ногтей «Мягкий квадрат» - универсальное
Анализ на ХГЧ при беременности 79
Анализ на ХГЧ при беременности 15
Анализ на ХГЧ при беременности 42
Анализ на ХГЧ при беременности 84
Анализ на ХГЧ при беременности 27
Анализ на ХГЧ при беременности 77
Анализ на ХГЧ при беременности 16
Анализ на ХГЧ при беременности 63
Анализ на ХГЧ при беременности 99
Анализ на ХГЧ при беременности 33