Sådan ændres farven på den blå boks på Facebook

Ligesom tilføjelse af spejle til et rum giver mere lys, øger virksomhedens brandede elementer til et kontor en virksomheds identitet. Medmindre firmaets farveskema består af en enkelt, sløret farvetone blå, gør Facebooks standardgrænseflade ingenting for at styrke virksomhedens identitet. Facebook giver ikke mulighed for at ændre farveskemaet, men du kan bruge Cascading Styles Sheets til at løse dette problem. CSS tilbyder mindst tre måder at ændre Facebooks blå boks på: Facebook-specifikke plugin-moduler til webbrowserudvidelser, der kan style enhver hjemmeside; selvstændige udvidelser dedikeret til at genoprette den blå boks; og manuelle ændringer til CSS-sætningerne for den blå boks udseende.

Firefox og Chrome: Stilfuld

1.

Åbn en browser-faneblad og navigér til Firefox's tilføjelsesside for Stilfuld, hvis du bruger Firefox (se Ressourcer). Åbn en browser-faneblad og navigér til Chrome's webshopside for Stylish, hvis du bruger Chrome (se Ressourcer). Klik på knappen "Tilføj til" for din browser.

2.

Hvis du bruger Firefox, skal du klikke på "Tillad, " vælg "Installer" og vælg "Genstart" for at installere Stilfuld. Hvis du bruger Chrome, skal du klikke på "Tilføj" for at fuldføre installationen.

3.

Åbn en webbrowser-faneblad og naviger til webstedet userstyles.org (se Ressourcer). Skriv "Facebook" i webstedets søgemaskine og tryk "Go". Gennemse de Facebook-temaer, der vises i resultaterne.

4.

Klik på et tema, du kan lide, og det viser Facebook-feltet i en anden farve end blå. En side, der beskriver temaet i detaljer, åbnes.

5.

Klik på knappen "Install with Stylish" for at installere temaet.

6.

Åbn en ny webbrowser-faneblad på enhver Facebook-side. Sidens tidligere blå boks vises med farven på det tema, du har installeret.

Safari: Farve Min Facebook

1.

Åbn Color My Facebook-siden i din webbrowser (se Ressourcer) og klik på knappen "Installer nu". Safari viser en prompt, der spørger om du vil åbne eller gemme filen. Klik på "Åbn" og klik på "Install" knappen i dialogboksen, der følger.

2.

Log ind på din Facebook-konto, og klik på pilen nedad ved siden af ​​linket Hjem på Facebooks blå bar. Klik på "Color My Facebook" for at vise en dialogboks for at vælge boksens farve.

3.

Klik på en farve, du kan lide, og klik på "Udfør" linket for at lukke boksen.

Internet Explorer: Manuel CSS Change

1.

Start Internet Explorer, log ind på din Facebook hjemmeside og tryk på "F12" for at vise to nye ruder. Én rude viser sidens HTML-tags, som er afgrænset med "" tegn. Den anden rude viser CSS-sætningerne, der styrer sidens udseende.

2.

Klik på "Find" menuen og vælg "Select Element by Click" kommandoen. Klik på den venstre eller højre del af den blå boks. HTML- og CSS-ruderne viser de udsagn, der opretter og stil boksen.

3.

Indtast "id = 'blueBar'" i søgefeltet på den nye menulinje, men tryk på double quotes-tasten, hvor du ser et enkelt citat; skriv ikke de ydre dobbelte citater. Internet Explorer fremhæver udsagn, der har det udtryk, du indtastede. Et af udsagnene i CSS-ruderen er "baggrundsfarve", som bestemmer farven på headerboksen.

4.

Indtast nye værdier for at erstatte dem, der aktuelt er i "rgb (59, 89, 159)" -strengen. Disse værdier angiver de røde, grønne og blå komponenter, der udgør bokens ultimative nuance. F.eks. Vil værdierne 255, 0, 0 gøre boksen ren rød. Alternativt kan du skrive et fælles farvenavn for at erstatte hele rgb-strengen. Skriv f.eks. "Rgb (59, 89, 159)" med "crimson" for at farve Facebook-boksen crimson. Farveændringer, du kun laver, indtil du lukker siden.

5.

Tryk på "F12" for at lukke HTML- og CSS-ruderne.

Tip

  • Internet Explorer's tilgængelighedsindstillinger giver dig mulighed for at anvende brugerdefinerede stilarter, som vil genfortrive Facebooks blå boks. De nye stilarter kan dog også påvirke udseendet af andre websteder. For at få adgang til tilgængelighedsindstillingerne skal du klikke på menuen "Funktioner", vælge "Internetindstillinger" og klikke på fanen "Generelt".

Advarsel

  • Oplysningerne i denne artikel gælder for Firefox 17, Chrome 23, Stilfuld 1.3, Safari 5, Farve My Facebook 0.83 og Internet Explorer 9. Det kan variere lidt eller signifikant med andre versioner eller produkter.

Populære Indlæg