Kaip pakeisti Tumblr garso grotuvo išvaizdą

Pradžia

Nors Tumblr valdymo skydelyje garso grotuvo išvaizdos pakeisti negalima, savo tinklaraštyje tai įmanoma naudojant temos redagavimo įrankius. Tam reikės bazinių HTML ir CSS žinių, nes pakeitimai atliekami tiesiai temų kode.

Žingsniai

1. Atidarykite temos pritaikymo puslapį. Šalia temos miniatiūros spustelėkite nuorodą „Edit HTML“.
2. Paspauskite Ctrl + F ir ieškokite „{block:audio}“. Tai nukels jus į dalį, kurioje temų kūrėjas apibrėžia garso įrašų išvaizdą.
3. Suraskite CSS klasę, kuri kontroliuoja grotuvo dydį (pvz., class="audio-player"). Tada temų kode ieškokite šios klasės su tašku prieš pavadinimą – .audio-player.
4. Jei klasė apibrėžta atskirame išoriniame stilių faile (<link rel="stylesheet" …>), galite pridėti style atributą tiesiai į HTML žymą:

<div class="audio-player" style="width:100px;height:25px;">…</div>

Jei CSS yra viduje temos, tiesiog atnaujinkite klasės savybes:

.audio-player { width:100px; height:25px; }

Keitus savybes, nepamirškite, kad jei width ar height jau yra nurodyta, ją tiesiog pakeiskite, o ne pridėkite antrą kartą.

Paspauskite „Update Preview“, kad pamatytumėte rezultatą. Jei viskas atrodo tinkamai, spustelėkite „Save“ ir išsaugokite temą.

Patarlimai

Įkeliant muziką iš išorinių šaltinių (pvz., SoundCloud grojaraščio), grotuvo dydį galima reguliuoti tiesiogiai įterptame kode – tai nepriklauso nuo Tumblr temų nustatymų.

Įspėjimai

Ši informacija buvo aktuali 2014 m. sausio mėnesį. Vėlesnių Tumblr atnaujinimų metu galimi nustatymų ir temų struktūros pokyčiai.