Jak zmienić tytuł tekstu postu w kolorze na Tumblr

Wraz z Hypertext Markup Language i Cascading Style Sheets, twój temat bloga zawiera specjalne zmienne unikalne dla Tumblr. Zmienne „{block: Title},” „{/block: Title}” i „{Title}” renderują tytuł postów na blogu; jeśli brakuje tych tagów w kodzie dokumentu, żaden z postów w temacie nie będzie zawierał wiersza tematu. Aby jeszcze bardziej spersonalizować swój motyw, możesz wstawić dodatkowy kod do układu strony, aby zmodyfikować tag „{Title}” i zmienić kolor tytułu posta.

Zaloguj się na swoje konto, a następnie wybierz ikonę koła zębatego z menu w prawym górnym rogu.

Wybierz tytuł swojego bloga z listy, a następnie kliknij przycisk „Dostosuj” obok pola Motyw.

Kliknij „Edytuj HTML” w panelu Dostosuj a następnie naciśnij „Ctrl-F”, aby otworzyć Find.

Wpisz „{block: Title}” w pasku wyszukiwania, a następnie naciśnij „Enter”, aż znajdziesz kod podobny do następującego:

{blok: Tytuł} & lt; h2 & gt; {Tytuł} & lt; /h2 & gt; {/block: Tytuł}

Otacza zmienną „{Title}” za pomocą „& lt; span & gt;” i „& lt; /span & gt;” tagi, takie jak:

& lt; span & gt; {Tytuł} & lt; /span & gt;

Dodaj wewnętrzny CSS do & lt; span & gt; tag, aby zdefiniować kolor tytułu posta:

& lt; span style = "kolor: [hex]" & gt; {tytuł} & lt; /span & gt;

Zastąp "[hex]" z szesnastkowym kodem koloru dla preferowanego koloru, np. „#FFFFFF” dla bieli.

Kliknij „Aktualizuj podgląd”, a następnie kliknij „Zapisz”, aby wyświetlić i zastosować zmiany.

Kliknij strzałka wstecz i przycisk „Wyjdź”, aby powrócić do pulpitu nawigacyjnego Tumblr.

Wskazówki

Kody kolorów składają się z sześciu znaków szesnastkowych używanych do definiowania kolorów czerwonego, zielonego i niebieskiego. Kody kolorów są zapisywane w następującym formacie: #RRGGBB. Odwiedź kody kolorów HTML (link w zasobach), a następnie użyj tabeli kolorów lub próbnika kolorów, aby znaleźć kod szesnastkowy dla preferowanego koloru.

Możesz także określić kolory, używając przypisanej im nazwy koloru, np. „Indigo” i „Winogrono”. Na przykład „& lt; span style =” color: Indigo „& gt;” (bez otaczających znaków cudzysłowu). Pamiętaj, że nie wszystkie przeglądarki obsługują wszystkie nazwy kolorów. Odwiedź Computer Hope (link w Zasobach), aby zobaczyć pełną listę kolorów, których możesz użyć.

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