Jak dać mojemu Tumblrowemu układ tła obrazu

Możesz wstawić grafikę tła do swojego motywu Tumblr, aby obraz był wyświetlany za tekstem bloga i jego elementami. Skonfiguruj grafikę tak, aby obejmowała całe tło lub użyj mniejszego obrazu, jeśli chcesz, aby obraz był powtarzany na stronie. Niektóre motywy obsługują przesyłanie obrazu tła za pośrednictwem panelu Dostosuj, inne nie. W przypadku motywów, które nie obsługują przesyłania za pośrednictwem interfejsu, możesz przesłać obraz do serwera WWW, a następnie szybko połączyć go z blogiem, edytując jego kod HTML.

Motyw obsługuje przesyłanie obrazów tła

1.

Zaloguj się do swojego bloga Tumblr, a następnie kliknij ikonę "Ustawienia" na górnym pasku narzędzi, aby otworzyć menu Ustawienia.

2.

Kliknij nazwę swojego bloga w lewym panelu, aby otworzyć stronę Ustawienia bloga.

3.

Kliknij przycisk "Dostosuj" w sekcji Motyw, aby otworzyć panel Dostosuj.

4.

Kliknij przycisk "Prześlij" w pozycji Obraz tła. Otworzy się selektor plików. Przejdź do obrazu i kliknij go, a następnie kliknij "Otwórz". Obraz zostanie przesłany na serwer Tumblr.

5.

Kliknij "Zapisz", a następnie kliknij "Zamknij", aby zamknąć panel Dostosuj.

Motyw nie obsługuje przesyłania zdjęć

1.

Prześlij obraz, którego będziesz używać w tle, do serwera WWW, a następnie zanotuj adres URL obrazu.

2.

Zaloguj się do swojego bloga Tumblr, a następnie kliknij "Ustawienia", aby otworzyć menu Ustawienia.

3.

Kliknij nazwę swojego bloga w lewym panelu, aby otworzyć menu Ustawienia bloga.

4.

Kliknij "Dostosuj" w sekcji Motyw, aby otworzyć panel Dostosuj w lewym okienku.

5.

Kliknij przycisk "Edytuj kod HTML", aby wyświetlić kod HTML.

6.

Naciśnij "Ctrl-F", aby otworzyć okno dialogowe Znajdź. Wpisz lub skopiuj i wklej następujący kod w oknie dialogowym Znajdź, a następnie kliknij przycisk "OK".

7.

Zlokalizuj znacznik "body {" wewnątrz znacznika stylu, który właśnie znalazłeś w polu Znajdź, a następnie zlokalizuj kod "tła" wewnątrz znacznika body. Linia kodu będzie wyglądać podobnie do poniższej.

background: {color: Background} url ('{image: Background}');

W niektórych motywach linia może wyświetlać się jako:

background-image: url ('{image: Background}')

8.

Zastąp tekst "obraz: tło" adresem URL obrazu tła. Kod będzie wyglądał podobnie do następującego:

background: {color: Background} url ("{// www.myserver.com/myimage.jpg}");

9.

Kliknij opcję "Aktualizuj podgląd" w panelu Edytuj HTML, aby wyświetlić podgląd obrazu tła.

10.

Kliknij strzałkę "Wygląd", aby powrócić do panelu Dostosuj, a następnie kliknij "Zapisz", aby zapisać obraz tła. Kliknij "Zamknij", aby zamknąć panel Dostosuj.

Wskazówka

• Jeśli treść bloga ma stałą szerokość, edytuj obraz tła na te same wymiary. Jeśli ciało nie używa stałej szerokości, użyj obrazu o szerokości 1600 pikseli i wysokości 700 pikseli, aby zapewnić, że grafika nie będzie się powtarzać podczas oglądania.

Ostrzeżenie

• Rozdzielczość ekranu określa sposób wyświetlania obrazu tła na ekranie.