Papildu kolonnu un rindu pievienošana Tumblr

Izmantojot Tumblr HTML redaktoru, varat rediģēt Tumblr motīvu jebkurā vēlamajā veidā. Tumblr tēmas izmanto “

”Tagu, lai norādītu sadaļas tēmā. Jūs varat pievienot savai motīvai papildu kolonnu, piemēram, sānjoslu, izmantojot Kaskādes stila izklājlapu - vai CSS koda - un HTML koda kombināciju. Definējiet tabulu vienā no jūsu

sadaļas, pēc tam pievienojiet rindas, izmantojot tagus. Pievienojiet šūnas rindām ar tagus.

Definējiet sānjoslas kolonnu

Atveriet Tumblr informācijas paneli un pēc tam informācijas panelī atlasiet modificējamo emuāru.

Noklikšķiniet uz Pielāgot, pēc tam noklikšķiniet uz Rediģēt HTML, lai atvērtu HTML redaktoru.

Definējiet kolonnu, ievietojot šādu kodu starp "”Tagus motīva koda sadaļā CSS. Jūs varat veidot sānjoslu pēc vēlēšanās, taču zemāk esošais kods nodrošina kolonnas pamatkonstrukciju:

.sidebar {position: relatīvais; pa kreisi: 0px; augšdaļa: 0 pikseļi; }

Ievietojiet šādu kodu starp “

”Un atbilstošo

”Tagus HTML koda pamatteksta sadaļā, kur vēlaties, lai parādās kolonna. Nomainiet tekstu “(Ievietojiet sānjoslas saturu šeit)” ar savu saturu.

... (Ievietojiet sānjoslas saturu šeit) ...

Noklikšķiniet uz “Atjaunināt priekšskatījumu”, pēc tam noklikšķiniet uz “Saglabāt”, lai saglabātu izmaiņas. Noklikšķiniet uz “Exit”, lai aizvērtu izvēlni Pielāgot.

Definējiet tabulu ar rindām

Atveriet motīva kodu Tumblr HTML redaktorā, pēc tam atrodiet

tagu, kuru izmantosit savai tabulai. Izveidot jaunu “

”, Ja vēlaties.

Lai definētu jauno tabulu, ievietojiet šo kodu. Ar savu saturu aizstājiet “Cell 1”, “Cell 2” utt. Izmantojiet CSS stilus, lai formatētu tabulu pēc vēlēšanās.

 1. rinda, 1. šūna 1. rinda, 2. šūna
 2. rinda, 3. šūna 2. rinda, 4. šūna

Noklikšķiniet uz “Atjaunināt priekšskatījumu”, pēc tam noklikšķiniet uz “Saglabāt”, lai saglabātu izmaiņas. Noklikšķiniet uz “Exit”, lai aizvērtu izvēlni Pielāgot.

Padomi

Lielākā daļa Tumblr motīvu atbalsta bezgalīgas ritināšanas funkciju, tāpēc nav nepieciešams pievienot motīvam rindas, ja vien nevēlaties izkārtot izkārtojumu tabulās.

Izmantojiet CSS stilus, lai pielāgotu savu sleju izskatu. Piemēram, lai kā fonu piešķirtu balto krāsu, ievietojiet paziņojumu "background: #ffffff;" CSS kodā.