Kako promijeniti veličinu popisa glazbe za Tumblr

Iako ne možete promijeniti izgled audio playera na Tumblr nadzornoj ploči, možete promijeniti način na koji audio player izgleda na vašem vlastitom blogu pomoću Tumblr-ove teme i opcija prilagodbe. Morat ćete imati određeno iskustvo s HTML-om i CSS-om, jer morate izmijeniti temu Tumblr da biste promijenili veličinu audio uređaja. Način na koji će se točno modificirati audio uređaj ponešto će se razlikovati između tema, jer svaki programer različito piše Tumblr teme. Međutim, Tumblr varijable za audio postove uvijek su iste, što pojednostavljuje postupak pronalaska CSS-a koji se mora modificirati.

Otvorite stranicu za prilagodbu teme Tumblr. Kliknite vezu "Uredi HTML"; ovo se nalazi desno od vaše sličice teme Tumblr, neposredno ispod naziva teme.

Pritisnite "Ctrl-F" za pokretanje pretraživanja i unesite "{block: audio}". To vas vodi do dijela teme u kojem je kreator unio postavke za audio postove. Utvrdite koju je CSS klasu programer koristio za veličinu audio uređaja. Na primjer, ako je post unutar div elementa, vidjet ćete atribut 'class = "audio-player",' gdje je "audio-player" naziv klase.

Potražite naziv razreda s točkom ispred, npr. ".audio-player". Razdoblje prije naziva je kako CSS tablica stilova identificira klasu. Ovo pretraživanje odvest će vas na desni dio tablice stilova za uređivanje. Izgledat će otprilike ovako, sa zagradama ispunjenim CSS-om:

.audio-player {}

Neke teme koriste vanjski povezane tabele stilova koje ne možete uređivati. Ovo izgleda poput:

Ako je to slučaj s vašom temom, dodajte atribut "style" na oznaku koja modificira audio uređaj. To vam omogućuje dodavanje vlastitog CSS-a bez mijenjanja postojeće tablice stilova. Oznaka može imati i atribut "class" i atribut "style". Ovo bi izgledalo otprilike ovako:

Unesite svojstvo "width:" ili u klasu unutar tablice stilova, ili u atribut stila za oznaku koja sadrži. Ako tablica stilova već ima svojstvo "width", izmijenite je; nemojte dodavati drugu. Visinu možete odrediti i pomoću svojstva "height". Ako mijenjate tablicu stilova, vaš CSS izgledao bi otprilike ovako:

.audio-player {širina: 100px; visina: 25px; }

Ako ste oznaci dodali promjene atributa "style", sintaksa je:

Kliknite "Ažuriraj pregled" da biste vidjeli kako te promjene utječu na vašu temu. Teme mogu biti složene, a promjene se možda neće pojaviti onako kako očekujete. Može potrajati nekoliko pokušaja da se audio uređaj postigne točno onako kako želite.

Kliknite "Spremi" kad budete spremni za uređivanje promjena teme na svoj blog.

Savjeti

Kada objavljujete glazbu iz drugog izvora, poput popisa za reprodukciju Soundcloud, možete promijeniti veličinu audio uređaja u tom kodu; nije izmijenjena vašim postavkama Tumblr-a.

Upozorenja

Ovaj se članak odnosi na opcije tema koje su bile dostupne u siječnju 2014 .; opcije se mogu promijeniti s budućim ažuriranjima web stranice Tumblr.