Как да позиционирате банер Tumblr

Много теми на Tumblr ви позволяват да показвате изображение на банер в горната част на блога си вместо заглавието на вашия блог. Ако обаче банерът не отговаря на вашите предпочитания, можете да промените подравняването му, като редактирате HTML кода на вашата тема. Ако вашата тема не поддържа банерни изображения или искате да добавите банер над заглавието, можете да редактирате HTML кода, за да добавяте и позиционирате банера ръчно.

Теми със заглавни изображения

Кликнете върху раздела "Персонализиране" на таблото за управление на Tumblr, за да влезете в настройките на темата.

Превъртете надолу до секцията "Облик" в левия прозорец и след това кликнете върху бутона "Качване" до "Заглавие", за да качите изображението на банера.

Превъртете обратно до горната част на прозореца и след това кликнете върху "Редактиране на HTML", за да получите достъп до HTML кода на вашата тема.

Натиснете "Ctrl-F" на клавиатурата, за да извикате инструмента за търсене, и след това да потърсите "{Title}" (без кавичките), докато не откриете първото появяване на термина в секцията тяло, скоро след "& lt; body & gt;" маркер. В много случаи тя ще бъде в рамките на блок, който започва с "& lt; div id =" title "& gt;" или "& lt; div id =" заглавие "& gt;".

Затворете "{Title}" с "& lt; center & gt;" и „& lt; /center & gt;“ , така че кодът да изглежда така:

& lt; center & gt; {Title} & lt; /center & gt;

Кликнете върху "Актуализиране на визуализацията", за да видите дали промените ви са били успешни. Ако банерът не се съсредоточи върху страницата, може да сте променили грешния раздел на кода, като в този случай промените промените и опитайте отново.

Кликнете върху „Запазване“ и след това изберете „Изход“ след като успешно смените банера. За да отхвърлите промените си по някаква причина или да започнете отначало, кликнете върху стрелката назад без запазване и след това върху „Изход“.

Добавете и позиционирайте банера ръчно

Качване изображението на банера, използвайки страницата за качване на Tumblr (линк в ресурси), и след това копирайте URL адреса, показан на страницата. Друга възможност е да качите графичния файл на друг уебсайт, като PhotoBucket или TinyPic.

Кликнете върху раздела "Персонализиране" на таблото за управление на Tumblr, за да влезете в настройките на темата.

Кликнете върху "Редактиране на HTML" до достъп до HTML кода на вашата тема.

Натиснете "Ctrl-F" на клавиатурата, за да извикате инструмента за търсене, след което потърсете "& lt; head & gt;" (без кавичките).

Вмъкнете нов ред точно под "& lt; head & gt;" и добавете следния ред от кода:

& lt; center & gt; & lt; img src = "BannerImageURL" width = "700" & gt; & lt; /center & gt;

Замяна на "BannerImageURL "с URL адреса на графичния файл на вашия банер.

Кликнете върху" Актуализиране на прегледа ", за да се уверите, че банерът се показва правилно. Направете необходимите промени, след което кликнете върху „Запазване“ и „Изход“

Съвети

За да подравните банера наляво или надясно вместо в центъра, използвайте „& lt; наляво и GT; " или „& lt; надясно & gt;“ вместо „& lt; center & gt;“ и да промените „& lt; /center & gt;“ маркер към „& lt; /left & gt;“ или "& lt; /right & gt;".

Предупреждения

Тези стъпки трябва да работят на повечето стандартни теми на Tumblr, но те няма да работят по предназначение всеки път поради различия в дизайна на темата. Някои теми може да изискват да декларирате изображението и след това да му зададете стил в стиловия лист на темата; този метод обаче изисква основно разбиране за това как работи CSS, а конкретните стъпки ще се различават в различните дизайни на теми
URL:https://bg.whycomputer.com/Internet/100219252.html