Mens du ikke kan ændre lydafspillerens udseende på Tumblr-dashboardet, kan du ændre, hvordan lydafspilleren ser ud på din egen blog ved hjælp af Tumblrs tema- og tilpasningsmuligheder. Du bliver nødt til at have en vis erfaring med HTML og CSS, da du skal ændre dit Tumblr-tema for at ændre lydafspillerens størrelse. Præcis hvordan lydafspilleren ændres, vil variere noget mellem temaer, da hver udvikler skriver Tumblr-temaer forskelligt. Tumblr-variablerne for lydindlæg er dog altid de samme, hvilket forenkler processen med at finde den CSS, der skal ændres.
Åbn tilpasningssiden til dit Tumblr-tema. Klik på linket "Rediger HTML"; dette er placeret til højre for din Tumblr-tema-miniaturebillede lige under navnet på temaet.
Tryk på "Ctrl-F" for at starte en søgning, og indtast "{block: audio}". Dette fører dig til den del af temaet, hvor skaberen indtastede indstillingerne for lydindlæg. Bestem, hvilken CSS-klasse udvikleren brugte til at dimensionere lydafspilleren. For eksempel, hvis indlægget er inden for et div-element, vil du se attributten 'class = "audio-player",' hvor "audio-player" er klassens navn.
Søg efter holdnavnet med en periode foran, f.eks. ".lydafspiller". Perioden før navnet er, hvordan et CSS-typografiark identificerer en klasse. Denne søgning fører dig til den højre del af stilarket for at redigere. Det vil se sådan ud med parenteserne udfyldt med CSS:
.lydafspiller {}
Nogle temaer bruger eksternt linkede typografiark, som du ikke kan redigere. Disse ligner:
Hvis dette er tilfældet for dit tema, skal du tilføje attributten "stil" til det tag, der ændrer lydafspilleren. Dette giver dig mulighed for at tilføje din egen CSS uden at ændre det eksisterende typografiark. Et tag kan have både en "klasse" -attribut og en "stil" -attribut. Dette vil se ud som:
Indtast egenskaben "bredde:" til enten klassen i typografiarket eller til typeattributten for det indeholdende tag. Hvis stilarket allerede har en "bredde" -egenskab, skal du ændre det; tilføj ikke en anden. Du kan også bestemme højden med egenskaben "højde". Hvis du ændrer typografiarket, vil din CSS se ud som:
.lydafspiller {bredde: 100 pixel; højde: 25px; }
Hvis du tilføjede ændringerne til attributten "stil" til tagget, er syntaksen:
Klik på "Opdater eksempelvisning" for at se, hvordan disse ændringer påvirker dit tema. Temaer kan være komplekse, og ændringer vises muligvis ikke som du forventer. Det kan tage flere forsøg at få lydafspilleren nøjagtigt, hvordan du vil.
Klik på "Gem", når du er klar til at forpligte temaændringerne til din blog.
Tips
Når du sender musik fra en anden kilde, f.eks. En Soundcloud-afspilningsliste, kan du ændre lydafspillerens størrelse i den kode; det ændres ikke af dine Tumblr-indstillinger.
Advarsler
Denne artikel henviser til temaindstillinger, der var tilgængelige i januar 2014; muligheder kan ændre sig med fremtidige opdateringer til Tumblr-webstedet.
