Dodawanie kolejnego paska bocznego Tumblr

Edytuj motyw bloga Tumblr, aby dodać dodatkowy pasek boczny do bloga. Podczas gdy wiele motywów oferuje dwa lub więcej pasków bocznych, możesz dodać pasek boczny do istniejącego motywu. Korzystając ze strony Dostosuj Tumblra, możesz edytować kod CSS dla swojego motywu i wprowadzać zmiany w jego wyglądzie. Skopiuj oryginalny kod paska bocznego motywu, zmień jego nazwę, a następnie dostosuj jego właściwości CSS, aby utworzyć drugi pasek boczny.

Zaloguj się do witryny Tumblr.

Kliknij przycisk „Dostosuj” na prawym pasku bocznym.

Kliknij link „Edytuj HTML” na lewym pasku bocznym, aby otworzyć edytor HTML Tumblra.

Przewiń w dół i zaznacz kod CSS paska bocznego, który będzie się różnić w zależności od tematu bloga. Na przykład zlokalizuj „#side {”, a następnie podświetl kod do nawiasu zamykającego. Motyw twojego bloga może nazywać to coś innego, na przykład #sidebar, #lefts lub #leftbar.

Naciśnij „Ctrl-C”, aby skopiować kod CSS paska bocznego do schowka.

Przenieś swój kursor na koniec kodu paska bocznego, a następnie naciśnij „Ctrl-V”, aby wkleić jego kopię bezpośrednio poniżej.

Zmień nazwę wklejonego paska bocznego. Na przykład zmień „#side {” na „# side2 {” (pomijając cytaty tutaj i przez cały czas).

Zmień właściwości kodu CSS drugiego paska bocznego, aby nie nakładał się na pierwszy pasek boczny. Na przykład, jeśli kod pierwszego paska bocznego zawiera „left: 1050px”; wtedy będziesz chciał zmniejszyć lub zwiększyć tę wartość, aby paski boczne były ustawione obok siebie. Wprowadzanie „850px” umieściłby Twój drugi pasek boczny na prawo od pierwszego. Możesz również zmienić szerokość i wysokość paska bocznego, aby uniknąć nakładania się.

Wklej następujący kod do nowego wiersza tekstu przed zamknięciem & lt; /body & gt; tag, zastępując „Twoja 2. nazwa paska bocznego” nazwą paska bocznego, na przykład „side2”:

& lt; div id = „Twoja druga nazwa paska bocznego” & gt; & lt; /div & gt;

Wprowadź dowolny tekst i kod HTML, który chcesz dodać do drugiego paska bocznego przed tagiem & lt; /div & gt; etykietka. Na przykład wpisz „& lt; big & gt; Oto mój drugi pasek boczny & lt; /big & gt;” aby dodać duży tytuł do drugiego paska bocznego.

Kliknij przycisk „Aktualizuj podgląd” u góry lewego paska bocznego, aby wyświetlić podgląd zmian w motywie.

Kliknij przycisk „Zapisz” Aby zapisać zmiany.

Porady

Wyświetl podgląd swojego bloga przed zapisaniem zmian, aby upewnić się, że jest poprawnie wyświetlany.

Możesz odzyskać stare motywy za pomocą strony niestandardowego motywu Tumblr Recover ( link w Zasobach).

Ostrzeżenia

Zachowaj ostrożność podczas zmiany kodu HTML motywu. Zmieniony kod może spowodować niepoprawne wyświetlanie elementów.

URL:https://pl.whycomputer.com/Internet/100319203.html