Как сделать, чтобы был фон в блоге?

2 ноября 2014 г. Просмотров: 794 Инструкции
Блоги в наше время полностью заменили людям личные дневники в тетрадках. Мы писали их в школе, давали читать лучшим друзьям, а сейчас, перечитывая, улыбаемся своим эмоциям и переживаниям. Сейчас все переживания, настроения и впечатления выставляются на обозрение общественности. Блоги стали очень популярны, люди общаются, выкладывают там свое творчество, фотографии.
Создать сайт самостоятельно с Wix.com

Вам понадобится

  • - компьютер с выходом в интернет
  • - браузер
  • - базовые навыки html-верстки

Инструкция

  • Откройте браузер и перейдите на страничку bgpatterns.com, чтобы сделать фон для блога. На сайте можно выбрать фон из предложенных вариантов. Выберите вкладку Color, активируйте режим Background Color Change. В правом верхнем углу выберите цветовую зону, либо назначьте необходимый цвет с помощью шестизначного цифрового кода. Откройте вкладку Canvas и выберите нужный градиент (подложку) для нового фона. После этого выберите вкладку Image и выберите нужное изображение. На вкладке Rotate по необходимости поверните картинку по оси. Далее нажмите на команду Download image, которая находится справа, после этого сохраните полученный фон на свой компьютер.
  • Определите, как вы создавали свой блог. Если был использован шаблон, и он сохранен на вашем компьютере, запустите программу FileZilla, с ее помощью зайдите в cPanel, перейдите к шаблону блога, удалите старый фон, если он у вас был и поставьте новый бэкграунд.
  • Перейдите на страничку blogger.com, если ваш блог был создан там. Чтобы создать фон блога, загрузите созданную ранее или другую, найденную вами картинку, сохраните ее на сайт radikal.ru. Перейдите к настройкам блога. Зайдите во вкладку Макет, далее изменить HTML . Найдите место в коде, где есть описание тега body {.....} и скопируйте тода ссылку на свое изображение, с помощью котрого вы хотите сделать фон в поле background. У вас получится примерно такой код:
  • 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;

    }

  • Перейдите на сайт wordpress, зайдите в свой блог, если вы создавали его там, и, чтобы поставить бэкграунд, перейдите в меню настройки и выберите там команду меню “Custom Background”. Выберите заранее найденную картинку, которую хотите использовать в качестве фона, со своего компьютера. Далее выберите опцию “Tile the background”, которая растянет фон на весь сайт.
  • Оцените статью!