Когато създавате нов блог на Tumblr, системата генерира шаблон по подразбиране, който има настройки, които можете да коригирате. Както отбелязва Tumblr, тази гъвкавост ви дава възможност да изберете страницата на вашия блог по-привлекателна и да й дадете личен щрих. Дори и да не разбирате HTML, можете да приложите проста актуализация на шаблона, за да изпъкнат заглавията в текстовите ви публикации.
Стилизиране на уеб страници 101
Собствениците на уебсайтове променят начина, по който изглеждат техните уеб страници, като добавят атрибути и стойности на Cascading Style Sheet към своя код. Стойността на атрибута цвят например определя цвета на обекта. Хората използват атрибута background-color за цветен фон. Можете също да използвате атрибута font-size, за да промените шрифта на текстов елемент. Като прилагате един или повече CSS атрибути към HTML кода на вашия блог на Tumblr, можете да персонализирате неговите елементи.
Намерете вашия код на шаблон
Ако посетите таблото за управление на Tumblr и кликнете върху „Персонализиране“, можете да отворите HTML редактора, като щракнете върху „Редактиране на HTML“ в левия панел за персонализиране на темата. Ако не виждате „Редактиране на HTML“, превъртете до горната част на панела, за да го намерите. Когато страницата се отвори, натиснете „Ctrl-F“ и въведете „post .title“ в полето за търсене (без кавички). Редакторът преминава към реда с код, който гласи "#wrapper #content .post .title {."
Оформете вашия HTML
CSS атрибутите, които добавяте след реда на кода, който сте намерили, определят начина, по който изглеждат заглавията на публикациите ви. Тествайте това, като поставите "color: red; background-color: yellow; text-decoration: underline;" след този ред. Не използвайте кавички. Тези три атрибута променят цвета, цвета на фона и текстовата украса на заглавията на вашите публикации на червено, жълто и подчертано. Кликнете върху „Актуализиране на визуализацията“, последвано от „Запазване“ и посетете страницата на таблото за управление на Tumblr. Щракнете върху изображението на вашия профил и ще видите страницата на вашия блог по начина, по който го правят другите. Публикациите със заглавия ще показват новите атрибути, които сте добавили.
Поддържайте своя блог свеж
Променяйте стойностите на CSS атрибутите си, когато искате да оформите текста на заглавието си по различен начин. Например, ако един ден искате зелен текст на червен фон, променете съществуващите цветове на тези два цвята. Можете също така да замените подчертаването с надреждане, преминаване през линия или никакво. Ако искате да промените и размера на шрифта си, поставете "font-size: 22px" в края на кода, който сте добавили. Не използвайте кавички. Заменете 22 с размера на пиксела, който искате да използвате за вашия текст. В този пример размерът ще бъде 22 пиксела. По-големите стойности създават по-голям текст, а по-малките създават по-малък текст. Посетете сайт като W3Schools.com, който показва имената на други цветове, които можете да използвате за оформяне на вашия блог (връзка в Ресурси).
