Dodawanie dodatkowych kolumn i wierszy do Tumblr

Możesz edytować swój motyw Tumblr w dowolny sposób, korzystając z edytora HTML Tumblr. Motywy Tumblr używają znacznika „& lt; div & gt;”, aby określić sekcje w motywie. Do motywu możesz dodać dodatkową kolumnę, taką jak pasek boczny, używając kombinacji kaskadowych arkuszy stylów - lub kodu CSS - i kodu HTML. Zdefiniuj tabelę w jednym z & lt; div & gt; sekcje, a następnie dodaj wiersze za pomocą & lt; tr & gt; tagi. Dodaj komórki do wierszy za pomocą & lt; td & gt; tagi.

Zdefiniuj kolumnę paska bocznego

Otwórz pulpit nawigacyjny Tumblr, a następnie wybierz blog, który chcesz zmodyfikować na pulpicie nawigacyjnym.

Kliknij „Dostosuj”, następnie kliknij „Edytuj HTML”, aby otworzyć edytor HTML.

Zdefiniuj kolumnę, wstawiając następujący kod między „& lt; style type =” text /css ”& gt;” oraz znaczniki „& lt; /style & gt;” w sekcji CSS kodu motywu. Pasek boczny można stylować zgodnie z potrzebami, ale poniższy kod zapewnia konstrukcję podstawową dla kolumny:

.sidebar {position: relative; left: 0px; top: 0px; }

Wstaw następujący kod między „& lt; div id =” wrapper „& gt;” a odpowiadającymi mu tagami „& lt; /div & gt;” w sekcji treści kodu HTML, w którym ma się pojawić kolumna . Zastąp tekst „(Wstaw swoją zawartość paska bocznego tutaj)” własną treścią.

& lt; div class = "sidebar" & gt; ... (Wstaw swoją zawartość paska bocznego tutaj) ... & lt; /div & gt;

Kliknij „Aktualizuj podgląd”, a następnie kliknij „Zapisz”, aby zapisać zmiany. Kliknij „Zakończ”, aby zamknąć menu Dostosuj.

Zdefiniuj tabelę wierszami

Otwórz kod motywu w edytorze HTML Tumblr, a następnie znajdź & lt; div & gt; tag, którego będziesz używać do swojego stołu. W razie potrzeby utwórz nową sekcję „& lt; div & gt;”.

Wstaw następujący kod, aby zdefiniować nową tabelę. Zastąp „Komórka 1”, „Komórka 2” itd. Treścią. Sformatuj tabelę za pomocą stylów CSS.

Kliknij „Aktualizuj podgląd”, a następnie „Zapisz”, aby zapisać zmiany. Kliknij „Exit”, aby zamknąć menu Customize.

Wskazówki

Większość motywów Tumblr obsługuje funkcję Endless Scrolling, więc nie ma potrzeby dodawania wierszy do motywu, chyba że chcesz zorganizować układ w tabelach.

Użyj stylów CSS, aby dostosować wygląd i styl kolumn. Na przykład, aby przypisać kolor biały jako tło, wstaw instrukcję „tło: #ffffff;” do kodu CSS.

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