Wiedza o Internecie
Wiedza o Internecie
Jeśli nie podoba Ci się domyślny kolor tekstu w wybranym motywie Tumblr, możesz go łatwo zmienić, edytując kod CSS w edytorze HTML.
Zaloguj się do swojego bloga na Tumblr, kliknij „Customize”, a następnie „Edit HTML”.
Użyj skrótu Ctrl+F i wpisz color:. Edytor podświetli pierwsze wystąpienie.
Przeglądaj kolejne wyniki, aż znajdziesz definicję koloru wewnątrz znacznika tekstowego, np. <p>, <li>, <h1> lub <blockquote>. Przykładowo motyw Kalalalani definiuje kolor linków H3 w treści wpisu tak:
content .regular h3 a { color: #111; }Zastąp wartość #111 wybranym kolorem. Kolory można podać jako sześciocyfrowy lub trzycyfrowy kod szesnastkowy albo jako nazwę (np. red, blue, green).
Przykład – zmiana na czerwony:
content .regular h3 a { color: #f00; }lub
content .regular h3 a { color: red; }Kliknij „Update Preview”, aby zobaczyć podgląd, a następnie „Save”, aby zapisać zmiany.
W edytorze ponownie użyj Ctrl+F i wpisz </head>. Kursor zostanie przeniesiony do zamknięcia sekcji <head>.
Wstaw pustą linię przed tagiem </head> i naciśnij Enter. Następnie wpisz <style> i ponownie Enter dwa razy – edytor automatycznie doda zamykający tag </style>.
Wewnątrz bloku <style> wprowadź regułę zmieniającą kolor tekstu w sekcji treści. Przykład – wszystkie nagłówki H3 i akapity na fioletowo:
<style>
#content h3, #content p { color: purple; }
</style>Po wprowadzeniu kodu kliknij „Save”, aby zatwierdzić zmiany.
Wybieraj kolory, które są nie tylko estetyczne, ale także zapewniają dobrą czytelność. Kontrast z tłem jest kluczowy – fioletowy tekst na czarnym lub czerwonym tle może być trudny do odczytania.
Twoje wpisy w Tumblr są wyświetlane na wybranym motywie, a w Gardenie dostępnych jest setki szablonów. Nie da się prowadzić bloga bez motywu, ale można go dowolnie zmieniać. Usunięcie motywu z Gardenu wymaga kontaktu z zespołem Tumblr.Motywy na bloguKażdy blog w Tumblr ma domyślnie zainstalowany mot
Dodawanie widgetu Twittera do bloga na Tumblrze Tumblr pozwala na szeroką personalizację bloga – możesz zmieniać szablony, ustawiać tytuł i opis, wybierać awatar oraz dodawać własny kod CSS, aby dopasować wygląd do swoich potrzeb. Dzięki panelowi dostosowywania możesz także wstawiać widgety i własny
W temacie Tumblr oprócz HTML i CSS dostępne są specjalne zmienne, takie jak {block:Title}, {/block:Title} i {Title}. To właśnie one wyświetlają tytuł wpisu. Jeśli nie ma ich w kodzie, posty nie będą mieć nagłówka. Aby zmienić kolor tytułu, wystarczy dodać prosty kod CSS do znacznika {Title}. Kroki