Как сделать фон блога?
Когда вы в последний раз держали в руках свой личный дневник? Многие когда-то вели их в школе, и потом забросили. Сейчас стало популярным вести онлайн-дневник, где пользователи делятся своими впечатлениями о разных событиях и обсуждают их. Сервисы блогов позволяют менять настройки и оформление блога на свой вкус. Создать сайт самостоятельно с Wix.comЗапустите браузер. Перейдите на сайт bgpatterns.com. Там выберите фон по своему вкусу из предложенных вариантов. Перейдите на вкладку Color, выберите режим Background Color Change. В окне справа выберите цветовую зону, также вы можете назначить цвет с помощью числового 6-значного кода. Затем перейдите к вкладке Canvas и выберите градиент (подложку) для нового фона. Затем перейдите на вкладку Image и выберите картинку, чтобы изменить на нее фон блога. На вкладке Rotate по желанию измените поворот картинки по оси. Нажмите на ссылку справа Download image и сохраните полученное изображение на свой компьютер. Определите, каким образом создан у вас блог. Если с помощью шаблона, сохраненного на компьютере, тогда зайдите через программу FileZilla в cPanel, перейдите в шаблон блога и удалите ненужную картинку и добавьте новую. Зайдите на сайт blogger.com, если ваш блог находится там, и, чтобы сменить бэкграунд, сначала выберите понравившуюся вам картинку и сохраните ее на сайте radikal.ru. Зайдите в настройки блога. Перейдите во вкладку Макет, Изменить HTML . Найдите, где описывается тег body {.....} и вставьте ссылку на свое изображение, с помощью котрого вы хотите изменить блог в поле background. У вас должен получиться приблизительно такой код:
Зайдите в свой блог на сайте wordpress, если ваш блог находится там, и чтобы изменить фон, зайдите в настройки и найдите там пункт меню “Custom Background”. Загрузите картинку, которую хотите использовать в качестве фона, со своего компьютера. Далее установите опцию “Tile the background”, которая растянет фон для всего сайта.
Оцените статью!
Вам понадобится
- - компьютер с выходом в интернет
- - браузер
- - базовые навыки html-верстки
Инструкция
body {
margin:0;
padding:0;
font-size: small;
text-align:center;
color:$textColor;
line-height:1.3em;
background:#FFF3DB url("http://s54.radikal.ru/i144/0808/b7/0c8cdf28253f.jpg")repeat;
}