Hvordan bruke CSS i en Facebook FBML Application

December 31

Den FBML søknad om Facebook-sider støtter CSS innenfor visse grenser. Du kan ikke koble en CSS-stilark, som du ville gjort med en vanlig nettside; dette gjør visse elementer vanskelig å tilpasse. Men av hensyn til å tilpasse grunnteksten og strukturelle elementer, kan CSS en stor grad av fleksibilitet. Det er lurt å ha en sterk forankring i CSS og hvordan elementer endre siden din. Dessuten kan du ikke være redd for å eksperimentere for å se hvilke elementer arbeide innenfor Facebook og som ikke gjør det.

Bruksanvisning

1 Åpne FBML siden du ønsker å redigere. Gå til siden din og klikk på "Edit" knappen i øvre venstre hjørne av din Facebook-side. I Rediger-menyen, gå til "Apps" og klikk "Gå til App" under FBML app.

2 Legg stilen attributt til koden du ønsker å endre. For eksempel, hvis du ønsker å gjøre et enkelt avsnitt større som en overskrift, kan du style det, " Overskrift Tekst ". Din neste avsnitt, selv om den bruker tag, ville gå tilbake til standard tekstformatering for Facebook. Du kan legge til CSS styling på denne måten på en rekke koder, inkludert <img>, <a>, <div> og nesten alle andre tag.

3 Legg CSS elementer i stilen din attributtet. De vanligste elementene endret for tekst er font, størrelse, farge og justering. Hvis du vil endre justeringen av et element, legge til "text-align: center;" til din stil tag. Dette elementet bruker "venstre", "riktig" eller "center". Du kan endre skrifttype med "font-family: skriftnavn;". Legg til "color: # 000000;" å endre tekstfargen; noen sekssifret hex fargekode vil fungere. Skriftstørrelser kan angis i piksler med "font-size: 20px;". Du kan se annet CSS-kode for tekst på W3schools.com/css/css_text.asp.

4 Stil flere avsnitt og store grupper av tekst ved hjelp av tag. For eksempel, hvis du har tre avsnitt som du ønsker i Times New Roman skrift og uthevet, vil du legge til " "før tag i første ledd, legge til "" lukking tag til slutt at formatering Ved å bruke denne koden, vil du ikke å legge til at CSS til hver enkelt avsnitt med samme formatering du kan bruke ytterligere formatering i.. individ tagger.

5 Kontroller syntaksen av CSS-koden. Sørg for at alt i stil kode er flankert av sitater merker, dvs. style = "CSS", og at HTML-kode er ordentlig lukket. Bekreft at CSS er formatert riktig som "element: stil;" med riktig plassering av tykktarm og semikolon.

6 Lagre innstillingene og vise FBML side for å sikre at alt ser riktig ut. Det kan ta litt eksperimentering før siden ser ut akkurat slik du ønsker.

Hint

Grunnleggende grenser er opprettet ved hjelp av "border: 1px solid # 000000;" der "1px" representerer bredden, solid representerer linjestilen og fargen representerer fargen av grensen. Det er åtte forskjellige kantlinjer, beskrevet på W3schools.com/css/css_border.asp.
Endre bakgrunnsfargen på et element gjør du enkelt med "background-color: # B8B8B8;".
Syntaksfeil kan ødelegge flyten av hele siden. I tilfelle at visse CSS ikke fungerer, sjekk først for stavefeil, skrivefeil og feil kode.