Как да поставите фонова картина в темата си Tumblr

Съдържание:

Как да поставите фонова картина в темата си Tumblr
Как да поставите фонова картина в темата си Tumblr

Видео: Как да поставите фонова картина в темата си Tumblr

Видео: Как да поставите фонова картина в темата си Tumblr
Видео: 4. Изпращане на снимки по имейл/електронна поща 2024, Април
Anonim

Това wikiHow ви учи как да показвате снимка като фон на вашия Tumblr. Някои теми на Tumblr не могат да променят фоновите си изображения, независимо дали става въпрос за качване или редактиране на HTML.

Стъпки

Метод 1 от 2: Използване на персонализирана тема

Поставете фонова картина в темата си Tumblr Стъпка 1
Поставете фонова картина в темата си Tumblr Стъпка 1

Стъпка 1. Отидете на уебсайта на Tumblr

Намира се на адрес https://www.tumblr.com/. Ако сте влезли в браузъра си, това ще ви отведе до началната страница на Tumblr.

Ако не сте влезли в Tumblr, въведете своя имейл адрес и парола, след което щракнете Впиши се.

Поставете фонова картина в темата си Tumblr Стъпка 2
Поставете фонова картина в темата си Tumblr Стъпка 2

Стъпка 2. Щракнете върху иконата на вашия профил

Това е иконата с форма на човек в горния десен ъгъл на страницата.

Поставете фонова картина в темата си Tumblr Стъпка 3
Поставете фонова картина в темата си Tumblr Стъпка 3

Стъпка 3. Щракнете върху името на блога, който искате да редактирате

Ще го намерите под заглавието „TUMBLRS“около половината от падащото меню на профила.

Поставете фонова картина в темата си Tumblr Стъпка 4
Поставете фонова картина в темата си Tumblr Стъпка 4

Стъпка 4. Щракнете върху Редактиране на външния вид

Тази опция е в горния десен ъгъл на страницата, точно под Чернови и Публикации секции.

Поставете фонова картина в темата си Tumblr Стъпка 5
Поставете фонова картина в темата си Tumblr Стъпка 5

Стъпка 5. Щракнете върху Редактиране на тема

Вдясно е заглавието „Тема за уебсайт“под снимката на потребителския ви профил.

Поставете фонова картина в темата си Tumblr Стъпка 6
Поставете фонова картина в темата си Tumblr Стъпка 6

Стъпка 6. Потърсете икона на камера или молив до фона

Тази опция е под заглавието „ОПЦИИ НА ТЕМАТА“. Ако видите икона на камера или молив вдясно от Заден план, можете да качите свое собствено изображение.

  • Някои теми на Tumblr имат вариация на Заден план (напр. Изберете фон) тук.
  • Ако не виждате тази опция в опциите за темата на вашия блог, преминете към следващия метод.
  • Някои безплатни теми, които ви позволяват да качите своя собствена снимка, са „Catching Elephant“и „Papercut“. Платените теми включват „Куинс“и „Халсион“.
Поставете фонова картина в темата си Tumblr Стъпка 7
Поставете фонова картина в темата си Tumblr Стъпка 7

Стъпка 7. Щракнете върху иконата на камерата

Това ще доведе до прозорец, в който можете да изберете снимка от вашия компютър.

За някои теми вместо това щракнете върху икона на молив

Поставете фонова картина в темата си Tumblr Стъпка 8
Поставете фонова картина в темата си Tumblr Стъпка 8

Стъпка 8. Изберете снимка

В зависимост от вашия компютър и местоположението, до което се отваря този прозорец, може да се наложи да отидете до папката Photos на вашия компютър.

  • Някои теми ще изискват първо щракване Изберете снимка.
  • Уверете се, че снимката е относително висококачествена. В противен случай може да изглежда зърнест или извън фокуса.
Поставете фонова картина в темата си Tumblr Стъпка 9
Поставете фонова картина в темата си Tumblr Стъпка 9

Стъпка 9. Щракнете върху Отваряне

Намира се в долната част на прозореца. Това ще качи снимката ви в Tumblr; темата ви трябва да се опресни в рамките на няколко секунди след това, за да покажете новия си фон.

Метод 2 от 2: Редактиране на HTML

Поставете фонова картина в темата си Tumblr Стъпка 10
Поставете фонова картина в темата си Tumblr Стъпка 10

Стъпка 1. Отидете на уебсайта на Tumblr

Намира се на адрес https://www.tumblr.com/. Ако сте влезли в браузъра си, това ще ви отведе до началната страница на Tumblr.

Ако не сте влезли в Tumblr, въведете своя имейл адрес и парола, след което щракнете Впиши се.

Поставете фонова картина в темата си Tumblr Стъпка 11
Поставете фонова картина в темата си Tumblr Стъпка 11

Стъпка 2. Щракнете върху иконата на вашия профил

Този бутон с форма на човек е в горния десен ъгъл на страницата.

Поставете фонова картина в темата си Tumblr Стъпка 12
Поставете фонова картина в темата си Tumblr Стъпка 12

Стъпка 3. Щракнете върху името на блога, който искате да редактирате

Той ще бъде под заглавието „TUMBLRS“около половината от падащото меню на профила.

Поставете фонова картина в темата си Tumblr Стъпка 13
Поставете фонова картина в темата си Tumblr Стъпка 13

Стъпка 4. Щракнете върху Редактиране на външния вид

Тази опция е в горния десен ъгъл на страницата, точно под Чернови и Публикации секции.

Поставете фонова картина в темата си Tumblr Стъпка 14
Поставете фонова картина в темата си Tumblr Стъпка 14

Стъпка 5. Щракнете върху Редактиране на тема

Това е вдясно от заглавието „Тема на уебсайта“, което е под снимката на потребителския ви профил.

Поставете фонова картина в темата си Tumblr Стъпка 15
Поставете фонова картина в темата си Tumblr Стъпка 15

Стъпка 6. Щракнете върху Редактиране на HTML

Тази връзка е под името на вашата тема в горната част на страничната лента „Редактиране на теми“.

Поставете фонова картина в темата си Tumblr Стъпка 16
Поставете фонова картина в темата си Tumblr Стъпка 16

Стъпка 7. Щракнете върху иконата на зъбно колело

Намира се в горната лява част на лентата „Редактиране на HTML“.

Поставете фонова картина в темата си Tumblr Стъпка 17
Поставете фонова картина в темата си Tumblr Стъпка 17

Стъпка 8. Щракнете върху Намери и замени

Това ще отвори прозорец, в който можете да търсите реда код, който ще трябва да редактирате.

Поставете фонова картина в темата си Tumblr Стъпка 18
Поставете фонова картина в темата си Tumblr Стъпка 18

Стъпка 9. Въведете body {

Този маркер присъства във всички теми на Tumblr, които съдържат персонализирано фоново изображение.

Ако HTML на избраната от вас тема не съдържа маркер "body {", не можете да промените фоновото му изображение

Поставете фонова картина в темата си Tumblr Стъпка 19
Поставете фонова картина в темата си Tumblr Стъпка 19

Стъпка 10. Потърсете фона:

етикет.

Това е директно под маркера "body {"; ще добавите URL адреса на изображението си между ":" и ";" в края на реда.

Поставете фонова картина в темата си Tumblr Стъпка 20
Поставете фонова картина в темата си Tumblr Стъпка 20

Стъпка 11. Заменете всеки текст между „фон:

"и"; "с вашия URL маркер.

URL маркерът трябва да бъде написан, както следва: url ().

На практика целият този ред ще казва фон: url (www.website.com/image.jpg);. Имайте предвид, че има място между частта "background:" и "url"

Поставете фонова картина в темата си Tumblr Стъпка 21
Поставете фонова картина в темата си Tumblr Стъпка 21

Стъпка 12. Въведете URL адреса на вашето изображение в скобите

Избраният от вас URL адрес трябва да завършва с разширение на файл с картина, като-j.webp

Отваряне на изображението в нов раздел и копирайте URL адреса от там.

Ако искате да използвате оригинална снимка, можете да я качите в услуга като Photobucket или Imgur

Поставете фонова картина в темата си Tumblr Стъпка 22
Поставете фонова картина в темата си Tumblr Стъпка 22

Стъпка 13. Щракнете върху Update Preview

Това е зеленият бутон в горната дясна част на страничната лента „Редактиране на HTML“. Трябва да видите избраното от вас изображение.

Поставете фонова картина в темата си Tumblr Стъпка 23
Поставете фонова картина в темата си Tumblr Стъпка 23

Стъпка 14. Позиционирайте отново изображението, ако е необходимо

Ако изображението ви е изкривено или внезапно прекъсва, въведете следните три реда код под маркера „фон“:

  • фон-прикачен файл: фиксиран; - Това ще запази вашето изображение на едно място.
  • фон-повторение: без повторение; - Можете също да промените „без повторение“, за да кажете „повторение“, ако искате вашето изображение да се повтаря, докато потребителите превъртат надолу.
  • фон-позиция: център; - Можете също да използвате дясно или ляво вместо центриране.
  • Можете също така да добавите ред, който казва background-size: cover, за да накарате изображението да запълни целия фон.
Поставете фонова картина в темата си Tumblr Стъпка 24
Поставете фонова картина в темата си Tumblr Стъпка 24

Стъпка 15. Щракнете върху Запазване

Това е синият бутон отляво Актуализиране на визуализацията в горната част на страничната лента „Редактиране на HTML“.

Поставете фонова картина в темата си Tumblr Стъпка 25
Поставете фонова картина в темата си Tumblr Стъпка 25

Стъпка 16. Щракнете ←

Намира се в горната лява част на страницата.

Поставете фонова картина в темата си Tumblr Стъпка 26
Поставете фонова картина в темата си Tumblr Стъпка 26

Стъпка 17. Щракнете върху Изход

Ще видите тази опция в горния ляв ъгъл на страничната лента „Редактиране на тема“. Вашата тема Tumblr вече има фоново изображение.

Препоръчано: