Jak změnit velikost hudebního seznamu pro Tumblr

I když nemůžete změnit vzhled audio přehrávače na řídicím panelu Tumblr, můžete změnit způsob, jakým zvukový přehrávač vypadá na vašem vlastním blogu, pomocí motivu a možností přizpůsobení Tumblr. Budete muset mít nějaké zkušenosti s HTML a CSS, protože musíte změnit Tumblr téma změnit velikost audio přehrávače. Přesně, jak je audio přehrávač upraven, se poněkud liší mezi tématy, protože každý vývojář píše motivy Tumblr odlišně. Proměnné Tumblr pro zvukové příspěvky jsou však vždy stejné, což zjednodušuje proces hledání CSS, který musí být upraven.

Otevřete stránku přizpůsobení pro téma Tumblr. Klikněte na odkaz Upravit HTML. Toto je umístěno vpravo od miniatury motivu Tumblr, přímo pod názvem motivu.

Stisknutím klávesy "Ctrl-F" zahájíte vyhledávání a zadejte "{blok: zvuk}". Tím se dostanete do části motivu, kde tvůrce zadal nastavení pro zvukové příspěvky. Určete, jakou CSS třídu vývojář používá pro velikost audio přehrávače. Pokud je například příspěvek v prvku div, uvidíte atribut 'class = "audio-player", "kde" audio-player "je název třídy.

Vyhledat třídu jméno s obdobím před ním, např ".audio-player". Období před názvem je, jak CSS stylesheet identifikuje třídu. Toto vyhledávání vás zavede na pravou část šablony stylů, kterou chcete upravit. Bude vypadat něco takového, s hranatými závorkami vyplněnými pomocí CSS:

.audio-player {}

Některé motivy používají externě propojené styly, které nelze upravovat. Vypadají takto:

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

Pokud je to váš motiv, přidejte atribut "style" na značku, která upravuje audio přehrávač. To vám umožní přidat vlastní CSS bez úpravy existující šablony stylů. Tag může mít atribut "class" i atribut "style". To by vypadalo něco jako:

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

Zadejte vlastnost "width:" buď do třídy v rámci šablony stylů, nebo atributu stylu pro tag obsahující. Pokud má šablona stylů vlastnost "width", upravte ji; nepřidávejte druhou. Můžete také určit výšku pomocí vlastnosti "height". Pokud upravujete šablonu stylů, vaše CSS by vypadalo něco jako:

.audio-player {width: 100px; výška: 25px; }

Pokud jste ke značce přidali změny atributu "styl", syntaxe je:

& lt; div class = "styl přehrávače zvuku" = "šířka: 100px; výška : 25px; "& gt;

Kliknutím na položku Aktualizovat náhled zobrazíte, jak tyto změny ovlivňují motiv. Témata mohou být složitá a změny nemusí vypadat tak, jak očekáváte. Může trvat několik pokusů o to, jak získat audio přehrávač přesně tak, jak chcete.

Pokud jste připraveni provést změny motivu na svém blogu, klikněte na tlačítko Uložit.

Tipy

Při odesílání hudby z jiného zdroje, například ze seznamu Soundcloud, můžete změnit velikost zvukového přehrávače v tomto kódu; není upraveno vaším nastavením Tumblr.

Varování

Tento článek odkazuje na možnosti témat dostupné v lednu 2014; Možnosti se mohou měnit s budoucími aktualizacemi webových stránek Tumblr.

URL:https://cs.whycomputer.com/Media/100119390.html