whycomputer.com >> Interneto žinios >  >> Internetas

Papildomi stulpeliai ir eilutės Tumblr temoje

Jūs galite bet kokiu būdu redaguoti savo Tumblr temą, naudodamiesi Tumblr HTML redaktoriumi. Tumblr temos naudoja „<div>“ žymę, kad apibrėžtų skirtingas temų dalis. Jei norite pridėti papildomą stulpelį, pvz., šoninį panelį, galite tai padaryti su CSS ir HTML kombinacija. Apibrėžkite lentelę vienoje iš savo „<div>“ sekcijų ir pridėkite eilutes naudojant „<tr>“ žymes, o langelius – „<td>“ žymėmis.

Apibrėžkite šoninį panelį

Atidarykite Tumblr prietaisų skydelį, tada pasirinkite tinklaraštį, kurį norite keisti.

Spustelėkite „Customise“, tada „Edit HTML“, kad atidarytumėte HTML redaktorių.

Apibrėžkite stulpelį įterpdami šį kodą tarp „<style type="text/css">“ ir „</style>“ žymių CSS sekcijoje. Galite išskirstyti šoninį panelį, kaip norite, bet žemiau pateiktas kodas suteikia bazinę struktūrą:

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

Įterpkite šį kodą tarp „<div id="wrapper">“ ir atitinkamų „</div>“ žymių kūno sekcijoje, kur norite, kad stulpelis būtų rodomas. Pakeiskite tekstą „(Insert Your Sidebar Content Here)“ savo turiniu.

<div class="sidebar"> ...(Insert Your Sidebar Content Here)... </div>

Spustelėkite „Update Preview“, tada „Save“, kad išsaugotumėte pakeitimus. Išsaugę spustelėkite „Exit“, kad uždarytumėte „Customise“ meniu.

Apibrėžkite lentelę su eilutėmis

Atidarykite temos kodą Tumblr HTML redaktoriumi, tada raskite „<div>“ žymę, kurią naudosite lentelės kūrimui. Jei pageidaujate, sukurkite naują „<div>“ sekciją.

Įterpkite šį kodą, kad apibrėžtumėte naują lentelę. Pakeiskite „Cell 1“, „Cell 2“ ir t.t. savo turiniu. Naudokite CSS stilius, kad lentelę išformatuotumėte, kaip norite.

Spustelėkite „Update Preview“, tada „Save“, kad išsaugotumėte pakeitimus. Išsaugę spustelėkite „Exit“, kad uždarytumėte „Customise“ meniu.

Naudingi patarimai

Dauguma Tumblr temų palaiko Endless Scrolling funkciją, todėl nereikia pridėti eilučių, nebent norite išdėstyti išdėstymą lentelėmis.

Naudokite CSS stilius, kad pritaikytumėte stulpelių išvaizdą. Pavyzdžiui, jei norite, kad fono spalva būtų balta, įtraukite teiginį „background: #ffffff;“ į CSS kodą.


URL:https://lt.whycomputer.com/internetas/100419125.html

Internetas
  • Kaip pakeisti antraštės šriftą „Tumblr“

    „Tumblr“ labai skatina vartotojus išreikšti save – netgi ištrynę raidę „e“ iš pavadinimo. Platforma leidžia prieiti prie temų CSS kodo ir keisti išvaizdą. Šiame gide sužinosite, kaip pakeisti tinklaraščio antraštės šriftą. Žingsniai Žingsnis 1 Prisijunkite prie savo „Tumblr“ paskyros. Žingsnis 2 Spu

  • Kaip pašalinti „Reblog“ mygtuką „Tumblr“ platformoje

    Uždraudę „Reblog“ mygtuką savo „Tumblr“ tinklaraštyje, apsaugosite įrašus nuo neleistinos perskirstymo ir paskatinsite lankytojus grįžti tiesiai į jūsų puslapį. „Tumblr“ leidžia redaguoti temos šaltinio kodą tiesioginiame teksto redaktoriuje, todėl galite lengvai surasti mygtuko kodą ir paslėpti jį

Interneto žinios © https://lt.whycomputer.com