L'applicazione FBML per le pagine di Facebook supporta CSS entro certi limiti. Non è possibile collegare un foglio di stile CSS, come si farebbe con un normale sito web; questo rende alcuni elementi difficili da personalizzare. Tuttavia, per motivi di personalizzazione testo di base e gli elementi strutturali, CSS consente una grande flessibilità. Avrai voglia di avere una forte base in CSS e come gli elementi cambiano la tua pagina. Inoltre, non si può aver paura di sperimentare per vedere quali elementi funzionano all'interno di Facebook e che non lo fanno.

istruzione

1 Aprire la pagina FBML che si desidera modificare. Vai alla tua pagina e fare clic sul pulsante "Modifica" nell'angolo in alto a sinistra della vostra pagina di Facebook. Nel menu Modifica, andare su "Applicazioni" e fare clic su "Go to App" sotto l'applicazione FBML.

2 Aggiungere l'attributo di stile al tag che si desidera modificare. Per esempio, se si vuole fare un singolo paragrafo grande come intestazione, è possibile lo stile di esso, "<p style =" font-size: 20px; color: # FF0000; text-align: center; text-decoration: underline; "> Titolo Testo </ p>." Il vostro prossimo paragrafo, anche se utilizza il tag <P>, sarebbe ripristinare la formattazione del testo di default per Facebook. È possibile aggiungere stile CSS in questo modo su un certo numero di etichette, tra cui <img>, <a>, <p>, <span>, <div>, <font> e quasi ogni altro tag.

3 Aggiungere elementi CSS all'interno del tuo attributo style. Gli elementi più comuni cambiati per il testo è carattere, la dimensione, il colore e l'allineamento. Per modificare l'allineamento di un elemento, aggiungere "text-align: center;" al tag stile. Questo elemento utilizza "sinistra", "destra" o "centro". È possibile modificare il tipo di carattere con "font-family: fontname;". Aggiungere "color: # 000000;" per modificare il colore del testo; ogni codice di colore esadecimale a sei cifre funzionerà. le dimensioni dei caratteri possono essere specificati in pixel con "font-size: 20px;". È possibile visualizzare altri codice CSS per il testo a W3schools.com/css/css_text.asp.

4 Style diversi paragrafi e grandi gruppi di testo utilizzando il tag <span>. Per esempio, se si dispone di tre paragrafi che si desidera in carattere Times New Roman e in grassetto, si dovrebbe aggiungere "<span style =" font-family: Times New Roman; font-weight: bold;> "prima del tag <p> del primo comma, aggiungere il "</ span>" tag di chiusura alla fine che la formattazione utilizzando questo tag, non sarà necessario aggiungere che i CSS per ogni singolo punto con la stessa formattazione È possibile utilizzare la formattazione aggiuntiva all'interno del.. individuale <p> tag.

5 Controllare la sintassi del codice CSS. Assicurarsi che tutto all'interno del tag stile è affiancato da citazioni marchi, vale a dire style = "CSS", e che il tag HTML è chiuso correttamente. Verificare che i CSS è formattata correttamente come "elemento: lo stile;" con il corretto posizionamento del colon e virgola.

6 Salvare le impostazioni e visualizzare la pagina FBML per assicurarsi che tutto sembra corretto. Si può richiedere un po 'di sperimentazione prima che la pagina si presenta esattamente come si desidera.

Consigli e avvertenze

• i bordi di base vengono creati utilizzando "border: 1px solid # 000000;" dove "1px" rappresenta la larghezza, solido rappresenta lo stile di linea e il colore rappresenta il colore del bordo. Ci sono otto diversi stili di confine, con dettaglio a W3schools.com/css/css_border.asp.
• Cambiare il colore di sfondo di un elemento è facilmente realizzabile con "background-color: # B8B8B8;".
• Gli errori di sintassi possono rovinare il flusso di tutta la vostra pagina. Nel caso in cui certi CSS non funziona, primo controllo per errori di ortografia, errori di battitura e il codice errato.