Jak vytvořit vlastní motiv Tumblr v Dreamweaveru

Motiv Tumblr určuje vzhled blogu – rozložení, barvy, obrázky. V Dreamweaveru můžete upravit výchozí CSS a vytvořit tak vlastní motiv.

Krok 1

Přihlaste se ke svému účtu na Tumblr a otevřete stránku Upload a Static File. Klikněte na tlačítko „Choose File“, nahrajte obrázky, které chcete v motivu použít, a zkopírujte URL adresy, které se po nahrání zobrazí.

Krok 2

V horní liště klikněte na název svého blogu, poté na odkaz Customize Appearance. V pravém sloupci zvolte Edit HTML a zkopírujte celý HTML kód, který se zobrazí.

Krok 3

Spusťte Dreamweaver, v menu File zvolte New. Vyberte Blank Page a v sekci CSS Layout nastavte None, aby se nepoužil žádný předpřipravený layout. Klikněte na Create.

Krok 4

Přepněte zobrazení na Code nebo Split (menu View). Vymažte veškerý výchozí kód a vložte zkopírovaný HTML kód z Tumblr.

Krok 5

Otevřete CSS Styles (menu Window) a klikněte na tlačítko All, abyste viděli všechny aktuální CSS pravidla motivu.

Krok 6

Dvojklikem na pravidlo body otevřete editor stylů. Zde můžete měnit pozadí, barvu, typ písma, velikost a další vlastnosti. Například v sekci Background vyberte požadovanou barvu nebo obrázek, v sekci Type nastavte font, velikost a barvu textu. Projděte si jednotlivá pravidla a upravte je podle svých představ.

Krok 7

Do příslušných stylů vložte URL adresy obrázků, které jste nahráli v kroku 1. Například pro nastavení pozadí těla vložte URL do pole Background Image.

Dokončení

Uložte soubor, zkopírujte výsledný HTML kód a vložte jej zpět na stránku Customize v Tumblr. Po uložení se nový motiv aktivuje. Volitelně můžete motiv odeslat na Theme Garden a sdílet jej s ostatními uživateli.

Upozornění

• Nahrávejte pomocí statického uploaderu pouze soubory související s motivem. Porušení může vést k zablokování účtu.