Как разместить фоновое изображение в теме Tumblr.

Из этой статьи wikiHow вы узнаете, как отобразить фотографию в качестве фона вашего Tumblr. Фоновые изображения некоторых тем Tumblr нельзя изменить ни при загрузке, ни при редактировании HTML.

Шаги

Способ 1

Использование настраиваемой темы

1. 

   Зайдите на сайт Tumblr. Он расположен по адресу https://www.tumblr.com/. Если вы вошли в свой браузер, вы попадете на домашнюю страницу Tumblr.
   • Если вы не вошли в Tumblr, введите свой адрес электронной почты и пароль, затем нажмите «Войти» .

2. 

   Нажмите на значок своего профиля. Это значок в виде человечка в правом верхнем углу страницы.

3. 

   Нажмите на название блога, который хотите редактировать. Вы найдете его под заголовком «TUMBLRS» примерно посередине раскрывающегося меню профиля.

4. 

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

5. 

   Нажмите Изменить тему . Он находится справа от заголовка «Тема веб-сайта» под изображением вашего профиля.

6. 

   Найдите значок камеры или карандаша рядом с надписью «Фон» . Эта опция находится под заголовком «ОПЦИИ ТЕМЫ». Если справа от элемента «Фон» вы видите значок камеры или карандаша , вы можете загрузить собственное изображение.
   • Некоторые темы Tumblr имеют здесь различные варианты фона (например, «Выберите фон »).
   • Если вы не видите эту опцию в настройках темы вашего блога, перейдите к следующему способу.
   • Некоторые бесплатные темы, позволяющие загрузить собственную фотографию, — «Поймая слона» и «Papercut». Платные темы включают «Queens» и «Halcyon».

7. 

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

8. 

   Выберите фотографию. В зависимости от вашего компьютера и местоположения, в котором открывается это окно, вам, возможно, придется перейти в папку «Фотографии» вашего компьютера.
   • Для некоторых тем потребуется сначала нажать «Выбрать фотографию» .
   • Убедитесь, что фотография относительно качественная. В противном случае изображение может выглядеть зернистым или не в фокусе.

9. 

   Нажмите Открыть . Это внизу окна. Ваша фотография будет загружена в Tumblr; ваша тема должна обновиться в течение нескольких секунд, чтобы отобразить новый фон.

Способ 2

Редактирование HTML

1. 

   Зайдите на сайт Tumblr. Он расположен по адресу https://www.tumblr.com/. Если вы вошли в свой браузер, вы попадете на домашнюю страницу Tumblr.
   • Если вы не вошли в Tumblr, введите свой адрес электронной почты и пароль, затем нажмите «Войти» .

2. 

   Нажмите на значок своего профиля. Эта кнопка в форме человека находится в правом верхнем углу страницы.

3. 

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

4. 

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

5. 

   Нажмите Изменить тему . Он находится справа от заголовка «Тема веб-сайта», который находится под изображением вашего профиля.

6. 

   Нажмите «Редактировать HTML» . Эта ссылка находится под названием вашей темы в верхней части боковой панели «Редактировать темы».

7. 

   Нажмите на значок шестеренки. Он находится в верхнем левом углу панели «Редактировать HTML».

8. 

   Нажмите «Найти и заменить» . Откроется окно, в котором вы сможете найти строку кода, которую нужно отредактировать.

9. 

   Введите тело {. Этот тег присутствует во всех темах Tumblr, содержащих настраиваемое фоновое изображение.
   • Если HTML-код выбранной вами темы не содержит тега body {, вы не сможете изменить его фоновое изображение.

10. 

    Найдите фон: тег. Это находится непосредственно под тегом «body {»; вы добавите URL-адрес вашего изображения здесь между «:» и «;» в конце строки.

11. 

    Замените любой текст между «background:» и «;» с вашим тегом URL. Тег URL должен быть записан следующим образом: url().
    • На практике вся эта строка будет называться «background: url(www.website.com/image.jpg);». Имейте в виду, что между частью «background:» и частью «url» есть пробел.

12. 

    Введите URL-адрес вашего изображения в скобки. Выбранный URL-адрес должен заканчиваться расширением файла изображения, например .jpg или .png. Самый простой способ отобразить URL-адрес фотографии в этом формате — щелкнуть фотографию правой кнопкой мыши (или двумя пальцами), выбрать « Открыть изображение в новой вкладке » и скопировать URL-адрес оттуда.
    • Если вы хотите использовать оригинальную фотографию, вы можете загрузить ее на такой сервис, как Photobucket или Imgur.

13. 

    Нажмите «Обновить предварительный просмотр» . Это зеленая кнопка в правом верхнем углу боковой панели «Редактировать HTML». Вы должны увидеть выбранное изображение.

14. {"smallUrl":"https://www.wikihow.com/images/thumb/6/6b/Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg/v4-460px- Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg","bigUrl":"/images/thumb/6/6b/Put-a-Background-Picture-in-Your-Tumblr -Theme-Step-23.jpg/aid1241983-v4-728px-Put-a-Background-Picture-in-Your-Tumblr-Theme-Step-23.jpg","smallWidth":460,"smallHeight":345,