Jak wyśrodkować tło na Tumblr

Aby wyśrodkować obraz tła w temacie bloga Tumblr, wyedytuj jedną prostą linię kodu CSS na stronie kodu HTML tematu bloga. Rozważ użycie obrazu tła, który wypełnia przestrzeń tła bez powtarzania lub „układania”. Funkcja obrazu tła w domyślnym motywie Tumblr Redux domyślnie rozbija obrazy tła. Możesz wyłączyć kafelkowanie i wyśrodkować obraz tła, edytując tę ​​samą instrukcję CSS. Pamiętaj, że możesz wyśrodkować obraz w pionie i poziomie.

Otwórz Tumblr, a następnie kliknij strzałkę obok nazwy bloga, aby wyświetlić listę wszystkich swoich blogów. Kliknij blog, który chcesz edytować, w wyskakującym oknie dialogowym. Aby edytować podstawowy motyw bloga, przejdź do następnego kroku.

Kliknij kartę „Dostosuj”, aby otworzyć wybrany motyw w trybie edycji.

Kliknij ikonę „Prześlij” na obrazie tła sekcji panelu Dostosuj, a następnie przejdź do obrazu tła i kliknij go. Kliknij „Otwórz”, aby przesłać obraz.

Kliknij link „Edytuj HTML”, aby otworzyć edytor motywów.

Naciśnij „Ctrl-F”, aby otworzyć narzędzie Znajdź i zamień. Wpisz „tło” bez cudzysłowu w polu wprowadzania. Kliknij strzałkę w dół, aby znaleźć następujące wiersze kodu:

ciało {tło: {kolor: Tło} url ('{obraz: Tło}') lewe górne ustalone powtórzenie;

Zmień Wartości właściwości tła „górne lewe ustalone powtórzenie” na „środkowe bez powtórzenia”. Pierwsze wystąpienie „środka” pionowo wyśrodkowuje obraz. Druga instancja poziomo wyśrodkowuje obraz. Nie zapomnij średnika na końcu instrukcji.

Kliknij przycisk „Aktualizuj podgląd”, aby wyświetlić obraz tła w oknie podglądu.

Kliknij „Zapisz”, aby zapisać kod edytuj, a następnie kliknij ikonę Zakończ, aby zamknąć edytor i powrócić do strony głównej swojego bloga.

Wskazówki

Możesz użyć skróconego kodu do linii „centrum bez powtarzania” jeśli zamierzasz wyśrodkować obraz tła zarówno w poziomie, jak iw pionie. Jeśli pominięto jedną wartość „centrum”, oznacza to wartość „środka”. Możesz po prostu użyć „centrum bez powtarzania”, aby wyśrodkować obraz zarówno w pionie, jak iw poziomie.

Linia „bez powtarzania do góry centrum” poziomo wyśrodkowuje obraz i wyrównuje obraz do górnej krawędzi strony.

URL:https://pl.whycomputer.com/oprogramowanie/100319123.html