Как да създам тема за Tumblr в Dreamweaver?

Тема за Tumblr определя оформлението, цветовете и изображенията на вашия блог. С Dreamweaver можете да създадете собствена тема, като промените CSS кода.

Стъпка 1

Влезте в профила си в Tumblr и отворете страницата „Upload a Static File“. Натиснете бутона „Choose File“, избирайте изображенията, които ще използвате в темата, и копирайте автоматично генерираните URL адреси.

Стъпка 2

Кликнете върху заглавието на блога в менюто, след това изберете „Customize Appearance“ и натиснете бутона „Edit HTML“. Копирайте целия HTML код, който се появява.

Стъпка 3

Отворете Dreamweaver, изберете File → New. В прозореца изберете Blank Page и задайте None за CSS Layout, за да не се прилага готов шаблон. Натиснете „Create“.

Стъпка 4

Превключете в режим Code или Split (меню View). Изтрийте съществуващия код и поставете копирания от Tumblr HTML.

Стъпка 5

От менюто Window → CSS Styles изберете „All“, за да видите текущите CSS правила на темата.

Стъпка 6

Двойно кликнете върху правилото body, за да отворите прозореца за редактиране. Променете фоновия цвят, шрифта, размерите и други свойства според вашия дизайн.

Стъпка 7

Вмъкнете изображенията, като поставите техните URL адреси в съответните полета (например background-image за фон). Запазете файла.

Копирайте готовия HTML код от Dreamweaver и го поставете обратно в раздела „Edit HTML“ на Tumblr, за да приложите новата тема. По желание можете да изпратите темата в Theme Garden, за да я споделите публично.

Внимание

• Не използвайте статичния ъплоудер на Tumblr за файлове, които не са част от темата – това може да доведе до блокиране на профила ви.