Hvordan lage en bakgrunn bak teksten i Tumblr Navigation Bar

July 25

Som standard viser Tumblr en vanlig hvit bakgrunn bak navigasjonskoblinger på høyre side av blogger. Men kanskje du ønsker å endre utseendet ved å vise en annen farge som du føler komplimenter bloggens layout. Tumblr kan du gjøre dette ved å redigere kildekoden som genererer utformingen av bloggen din. Redigere kildekoden på Tumblr er "Tilpass" for å velge en ny bakgrunnsfarge som skal vises bak navigasjonskoblinger.

Bruksanvisning

1 Klikk på "Tilpass utseende" knappen på høyre side av Tumblr.com dashbordet for å vise oppsettet tilpasningssiden for bloggen din.

2 Klikk på "Rediger HTML" -knappen øverst i menyen til venstre kolonne. Dette viser kildekoden for bloggens tema.

3 Trykk "Ctrl" og "F" samtidig for å vise "Finn" dialogen. Skriv "#sidebar" i dialogboksen og trykk "Enter" for å finne følgende kode som begynner på linje 526:

wrapper #sidebar #top {

bakgrunn: #fff;

4 Endre koden etter "bakgrunn:" fra "#fff" til den heksadesimale koden for fargen du vil bruke. Se etter "HTML fargekoder" på en søkemotor for å se en fullstendig liste over koder som du kan bruke. For eksempel, er koden "# C0C0C0" korresponderer med fargen "silver". Hvis du bruker "# C0C0C0," blokk med kode i trinn tre nå lyder som følger:

wrapper #sidebar #top {

bakgrunn: # C0C0C0;

5 Klikk på "Preview Update" for å se hva bloggens navigasjonsområdet vil se ut med den nye bakgrunnsfarge, klikk på "Utseende" -knappen for å gå tilbake til hovedmenyen til "Tilpass" side.

6 Klikk "Lagre" for å begynne å vise den nye fargen på offentlig blogg, deretter "Close" for å gå tilbake til oversikten.

Hint

Når du har endret bakgrunnsfargen på bloggen din navigasjonsområdet, forblir bunnen hvitt. Denne delen av navigeringsområdet er ikke en solid HTML farge, men heller et bilde som ligger på nettadressen "assets.tumblr.com/themes/redux/sidebar-bottom.png~~V." For å endre dette, trykker du "Ctrl" og "F" mens du redigerer din blogg tema kildekode og skriv "sidebar-bottom.png" i "Finn" dialogen for å finne den delen av koden som refererer denne filen. Fjern referansen eller endre URL for et annet bilde.