Slik bytter du fargen på den blå boksen på Facebook

Akkurat som å legge speil til et rom gir mer lys, legger firma-merkede elementer til et kontor styrker firmaets identitet. Med mindre firmaets fargeskjema består av en enkelt, slått nyanse av blått, gjør Facebooks standardgrensesnitt ingenting for å styrke bedriftens identitet. Facebook gir ikke muligheter for å endre fargevalg, men du kan bruke Cascading Styles Sheets for å løse dette problemet. CSS tilbyr minst tre måter å forandre Facebooks blå boks på: Facebook-spesifikke plugin-moduler for nettleserutvidelser som kan stille ethvert nettsted; frittstående utvidelser dedikert til å restylere den blå boksen; og manuelle endringer i CSS-setningene som styrer den blå boksens utseende.

Firefox og Chrome: Stilig

1.

Åpne en nettleserknapp og naviger til Firefox-tilleggs siden for Stilig, hvis du bruker Firefox (se Ressurser). Åpne en nettleserfane og naviger til Chromes nettbutikkside for Stilig, hvis du bruker Chrome (se Resources). Klikk på "Legg til til" -knappen for nettleseren din.

2.

Hvis du bruker Firefox, klikk "Tillat, " velg "Installer" og velg "Start på nytt" for å installere Stilig. Hvis du bruker Chrome, klikker du på "Legg til" for å fullføre installasjonen.

3.

Åpne en nettleser-faneblad og naviger til nettstedet userstyles.org (se Ressurser). Skriv "Facebook" i nettstedets søkemotor og trykk "Go". Bla gjennom Facebook-temaene som vises i resultatene.

4.

Klikk et tema du liker, og det viser Facebook-boksen i en annen farge enn blå. En side som beskriver temaet i detalj åpnes.

5.

Klikk på "Installer med stilig" -knappen for å installere temaet.

6.

Åpne en ny nettleserfane på en hvilken som helst Facebook-side. Sidens tidligere blå boks vises med fargen på temaet du installerte.

Safari: Farge Min Facebook

1.

Åpne Color My Facebook-siden i nettleseren din (se Resources) og klikk på "Installer nå" -knappen. Safari viser en melding som spør om du vil åpne eller lagre filen. Klikk "Åpne" og klikk "Installer" -knappen i dialogboksen som følger.

2.

Logg inn på Facebook-kontoen din, og klikk på pilen nedover ved siden av Hjem-lenken på Facebooks blå linje. Klikk på "Farge My Facebook" -elementet for å vise en dialogboks for å velge boksens farge.

3.

Klikk en farge du vil, og klikk på "Fullfør" -linken for å lukke boksen.

Internet Explorer: Manuell CSS Endring

1.

Start Internet Explorer, logg inn på Facebook-hjemmesiden din og trykk "F12" for å vise to nye rutene. En rute viser sidens HTML-koder, som er avgrenset av "" tegn. Den andre ruten viser CSS-setningene som styrer sidens utseende.

2.

Klikk på "Finn" -menyen og velg "Velg element ved klikk" -kommandoen. Klikk på venstre eller høyre del av den blå boksen. HTML- og CSS-rutene viser de setningene som lager og stiler boksen.

3.

Skriv inn "id = 'blueBar'" i søkeboksen på den nye menylinjen, men trykk på double quotes-tasten der du ser et enkelt tilbud; skriv ikke de ytre dobbelte sitatene. Internet Explorer fremhever utsagn som har begrepet du skrev inn. En av setningene i CSS-panelet er "bakgrunnsfarge", som bestemmer fargen på topptekstfeltet.

4.

Skriv inn nye verdier for å erstatte de som allerede finnes i "rgb (59, 89, 159)" -strengen. Disse verdiene angir de røde, grønne og blå komponentene som danner boksens ultimate fargetone. For eksempel vil verdiene 255, 0, 0 gjøre boksen ren rød. Alternativt kan du skrive inn et felles fargenavn for å erstatte hele rgb-strengen. Skriv for eksempel "rgb (59, 89, 159)" med "crimson" for å farge Facebook-boksen crimson. Fargen endringene du gjør siste bare til du lukker siden.

5.

Trykk "F12" for å lukke HTML- og CSS-rutene.

Tips

• I Internet Explorer-tilgjengelighetsalternativer kan du bruke egendefinerte stiler, som vil sette opp Facebooks blå boks. De nye stilene kan imidlertid også påvirke utseendet til andre nettsteder. For å nå tilgjengelighetsalternativene, klikk på "Verktøy" -menyen, velg "Alternativer for Internett" og klikk på "Generelt" -fanen.

Advarsel

• Informasjonen i denne artikkelen gjelder for Firefox 17, Chrome 23, Stilig 1, 3, Safari 5, Color My Facebook 0.83 og Internet Explorer 9. Det kan variere noe eller betydelig med andre versjoner eller produkter.