Как да преоразмерите музикалния плейлист за Tumblr

Въпреки че не можете да промените външния вид на аудиоплейъра на таблото за управление на Tumblr, можете да промените начина, по който аудио плейърът изглежда във вашия собствен блог, като използвате опциите за тема и персонализиране на Tumblr. Трябва да имате опит с HTML и CSS, тъй като трябва да промените вашата Tumblr тема, за да промените размера на аудио плейъра. Как точно ще бъде променен аудио плейърът ще се различава между различните теми, тъй като всеки разработчик пише различни теми на Tumblr. Променливите Tumblr за аудиосъобщения обаче са винаги еднакви, което опростява процеса на намиране на CSS, който трябва да бъде променен.

Отворете страницата за персонализиране за вашата Tumblr тема. Кликнете върху връзката „Редактиране на HTML“; това се намира вдясно от миниатюрата на темата на Tumblr, точно под името на темата.

Натиснете "Ctrl-F", за да започнете търсене, и въведете "{block: audio}". Това ще ви отведе до частта от темата, където създателят е въвел настройките за аудиосъобщения. Определете какъв клас CSS използва разработчика за да настроите аудио плейъра. Например, ако публикацията е в елемента div, ще видите атрибута "class =" audio-player "," където "аудио-плеър" е името на класа.

Търсене на класа име с период пред него, напр ".AUDIO-плейър". Периодът преди името е как CSS стиловете идентифицират клас. Това търсене ще ви отведе до дясната част на таблицата със стилове, която да редактирате. Тя ще изглежда по следния начин, като скобите се попълват с CSS:

.audio-player {}

Някои теми използват външно свързани стилове, които не можете да редактирате. Те изглеждат по следния начин:

& lt; link rel = "stylesheet" type = "text /css" href = "stylesheet.css" & gt;

Ако случаят е такъв за вашата тема, добавете атрибута "стил" към етикета, който променя аудиоплейъра. Това ви позволява да добавяте свои собствени CSS без да променяте съществуващата стилова таблица. Тагът може да има атрибут "class" и атрибут "style". Това ще изглежда по следния начин:

& lt; div class = "audio-player" style = "" & gt;

Въведете свойството "width:" или в класа в таблицата със стилове, или към стиловия атрибут за съдържащия се маркер. Ако таблицата със стилове вече има свойство "width", променете това; не добавяйте втора. Можете също да определите височина със свойството "height". Ако променяте таблицата със стилове, вашият CSS ще изглежда по следния начин:

.audio-player {width: 100px; височина: 25 пкс; }

Ако сте добавили промените към атрибута "style" към маркера, синтаксисът е:

& lt; div class = "audio-player" style = "ширина: 100px; височина : 25px; "& gt;

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

Кликнете върху "Запазване", когато сте готови да извършите промените на темата в блога си.

Съвети

Когато публикувате музика от друг източник, като например плейлист Soundcloud, можете да промените размера на аудио плейъра в този код; не се променя от настройките на Tumblr.

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

Тази статия се отнася до опции за теми, които бяха достъпни през януари 2014 г .; опциите могат да се променят с бъдещи актуализации на уебсайта на Tumblr.

URL:https://bg.whycomputer.com/Media/100219390.html