Když vytvoříte nový blog Tumblr, systém vygeneruje výchozí šablonu s nastavením, které můžete upravit. Jak poznamenává Tumblr, tato flexibilita vám dává možnost vybrat si stránku vašeho blogu přitažlivější a dát jí osobní nádech. I když nerozumíte HTML, můžete použít jednoduchou aktualizaci šablony, aby vynikly názvy v textových příspěvcích.
Styling webových stránek 101
Vlastníci webových stránek mění vzhled svých webových stránek přidáním atributů a hodnot kaskádové šablony stylů do svého kódu. Například hodnota atributu barva určuje barvu objektu. Lidé používají k barevnému pozadí atribut background-color. Atribut velikosti písma můžete také použít ke změně písma textového prvku. Aplikováním jednoho nebo více atributů CSS na HTML kód vašeho blogu Tumblr můžete přizpůsobit jeho prvky.
Najděte svůj kód šablony
Pokud navštívíte svůj hlavní panel Tumblr a kliknete na „Přizpůsobit“, můžete otevřít editor HTML kliknutím na „Upravit HTML“ v levém panelu Přizpůsobit motiv. Pokud možnost Upravit HTML nevidíte, přejděte do horní části panelu a vyhledejte ji. Po otevření stránky stiskněte „Ctrl-F“ a do vyhledávacího pole zadejte „post .title“ (bez uvozovek). Editor přeskočí na řádek kódu, který zní „#wrapper #content .post .title {.“
Upravte svůj HTML
Atributy CSS, které přidáte za řádek kódu, který jste našli, určují, jak vypadají vaše názvy příspěvků. Vyzkoušejte to vložením „barva: červená; barva pozadí: žlutá; výzdoba textu: podtržení;“ po tomto řádku. Nepoužívejte uvozovky. Tyto tři atributy mění barvu, barvu pozadí a výzdobu textu nadpisů příspěvků na červenou, žlutou a podtrženou. Klikněte na „Aktualizovat náhled“ a poté na „Uložit“ a přejděte na stránku svého panelu Tumblr. Klikněte na svůj profilový obrázek a stránka vašeho blogu se zobrazí stejně jako ostatní. U příspěvků s názvy se zobrazí nové atributy, které jste přidali.
Udržujte svůj blog aktuální
Změňte hodnoty atributů CSS, kdykoli budete chtít styl nadpisu upravit jinak. Například pokud chcete jeden den zelený text na červeném pozadí, změňte stávající barvy na tyto dvě barvy. Můžete také nahradit podtržení nadřádem, řádkem nebo žádným. Chcete-li také změnit velikost písma, vložte na konec přidaného kódu „font-size: 22px“. Nepoužívejte uvozovky. Nahraďte 22 velikostí pixelu, kterou chcete použít pro svůj text. V tomto příkladu by velikost byla 22 pixelů. Větší hodnoty vytvářejí větší text a menší hodnoty vytvářejí menší text. Navštivte web, jako je W3Schools.com, který zobrazuje názvy jiných barev, které můžete použít ke stylizaci svého blogu (odkaz v Zdrojích).
