Jak dostosować rozmiar i powtarzanie obrazu tła w Tumblr

Dostosowanie obrazu tła w Tumblr

Jeśli wybrany obraz nie wypełnia całej przestrzeni tła na Twojej stronie Tumblr, możesz go łatwo przeskalować, edytując kod HTML tematu.

Krok 1 – Otwórz edytor HTML

Zaloguj się do panelu Tumblr, kliknij nazwę swojego bloga, a następnie wybierz „Customize Appearance” → „Edit HTML”. Otworzy się kod źródłowy aktualnie używanego motywu.

Krok 2 – Znajdź deklarację tła

Użyj skrótu Ctrl + F i wpisz background: (bez cudzysłowów). Przejdź do pierwszego wyniku – to miejsce, w którym określany jest obraz tła.

Krok 3 – Dodaj właściwość background-size

Tuż po linii zawierającej adres obrazu wstaw kod CSS:

background-size: 500px 800px;

Wartości po dwukropku to odpowiednio szerokość i wysokość w pikselach. Możesz podać inne jednostki, np. cover, contain lub procenty, aby tło skalowało się automatycznie.

Krok 4 – Określ powtarzanie obrazu (opcjonalnie)

Aby kontrolować, czy tło ma się powtarzać, użyj właściwości background-repeat. Przykłady:

• background-repeat: no-repeat; – brak powtarzania;
• background-repeat: repeat-x; – powtarzanie w poziomie;
• background-repeat: repeat-y; – powtarzanie w pionie.

Krok 5 – Zapisz zmiany

Kliknij przycisk „Save” w prawym dolnym rogu edytora. Po odświeżeniu strony zobaczysz zmodyfikowane tło.

Wskazówki

Jeśli chcesz przetestować różne wartości, skorzystaj z Tryit Editor na W3Schools – pozwala na szybkie podglądanie efektów bez modyfikacji własnego bloga.