Ako zmeniť veľkosť hudobného zoznamu skladieb pre Tumblr

Aj keď nemôžete zmeniť vzhľad zvukového prehrávača na ovládacom paneli Tumblr, môžete zmeniť vzhľad zvukového prehrávača na vlastnom blogu pomocou motívov Tumblra a možností prispôsobenia. Budete musieť mať nejaké skúsenosti s HTML a CSS, pretože musíte zmeniť svoju tému Tumblr, aby ste zmenili veľkosť audio prehrávača. Presný spôsob úpravy zvukového prehrávača sa bude medzi témami mierne líšiť, pretože každý vývojár píše motívy Tumblra odlišne. Premenné Tumblr pre zvukové príspevky sú však vždy rovnaké, čo zjednodušuje proces nájdenia CSS, ktorý sa musí zmeniť.

Otvorte stránku prispôsobenia pre svoju tému Tumblr. Kliknite na odkaz „Upraviť HTML“; toto sa nachádza napravo od miniatúry témy Tumblr, priamo pod názvom témy.

Stlačením klávesu „Ctrl-F“ spustite vyhľadávanie a zadajte „{block: audio}“. Dostanete sa k časti témy, kde autor zadal nastavenia zvukových príspevkov. Zistite, akú triedu CSS vývojár použil na zmenu veľkosti prehrávača zvuku. Napríklad, ak je príspevok v rámci prvku div, uvidíte atribút 'class = "audio-player",' kde "audio-player" je názov triedy.

Vyhľadať triedu meno s bodkou pred ním, napr ".Audio-player". Obdobie pred názvom je, ako šablóna štýlov CSS identifikuje triedu. Toto vyhľadávanie vás presunie do pravej časti šablóny so štýlmi, ktorú chcete upraviť. Bude to vyzerať takto, s hranatými zátvorkami vyplnenými CSS:

.audio-prehrávač {}

Niektoré motívy používajú externe prepojené šablóny so štýlmi, ktoré nemôžete upravovať. Vyzerá to takto:

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

Ak je to váš prípad, pridajte atribút „štýl“ značky, ktorý upravuje zvukový prehrávač. To vám umožní pridať svoj vlastný CSS bez úpravy existujúcej šablóny so štýlmi. Značka môže mať atribút „class“ aj „style“. Vyzeralo by to takto:

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

Zadajte vlastnosť "width:" buď do triedy v šablóne so štýlmi, alebo k atribútu štýlu obsahujúceho značku. Ak šablóna so štýlmi už má vlastnosť „width“, upravte ju; nepridávať druhý. Môžete tiež určiť výšku pomocou vlastnosti „height“. Ak upravujete šablónu so štýlmi, váš CSS bude vyzerať asi takto:

.audio-prehrávač {width: 100px; výška: 25 pixelov; }

Ak ste do značky pridali zmeny atribútu „style“, syntax je:

div class = "audio-player" style = "width: 100px; height : 25px; "& gt;

Kliknutím na" Aktualizovať ukážku "zobrazíte, ako tieto zmeny ovplyvňujú vašu tému. Témy môžu byť zložité a zmeny sa nemusia zobraziť tak, ako očakávate. Môže trvať niekoľko pokusov, ako získať audioprehrávač presne tak, ako chcete.

Keď ste pripravení na zmeny blogu, kliknite na tlačidlo Uložiť.

Tipy

Pri uverejňovaní hudby z iného zdroja, napríklad zo zoznamu skladieb Soundcloud, môžete zmeniť veľkosť zvukového prehrávača v tomto kóde; nie je zmenená vašimi nastaveniami Tumblr.

Upozornenia

Tento článok sa týka možností tém, ktoré boli k dispozícii v januári 2014; možnosti sa môžu meniť s budúcimi aktualizáciami na webovej stránke spoločnosti Tumblr.

• Predchádzajúca strana: Ako pridať rozprávanie do Video
• Ďalšia strana: Najlepšie spôsoby, ako umiestniť zoznam skladieb MP3 na Tumblr