Come fare layout CSS Profilo

July 27

Come fare layout CSS Profilo


Quando si crea un account con siti di social networking, come IMVU e Bebo, si ottiene una pagina di profilo personale che visualizza le informazioni. Questo profilo è in genere predefiniti di default, ma si ha la possibilità per lo stile dei vari elementi, come ad esempio il colore di sfondo e caratteri, in base alle proprie preferenze. Con Cascading Style Sheets (CSS), è possibile creare le regole di stile singoli che personalizzano la tua pagina. Applicare il CSS che progetta gli elementi più comuni di un layout profilo.

istruzione

1 Accedere al conto che contiene il profilo che si desidera progettare e accedere all'area "Modifica" in cui si inserisce il codice CSS personalizzato. Su Bebo, per esempio, fare clic sull'opzione "Modifica foglio di stile" nella barra degli strumenti. Vedere la Guida, FAQ o la pagina di supporto, se avete bisogno di assistenza localizzare questa funzione sul vostro conto particolare.

2 Immettere il seguente CSS nella casella di testo:
<Style type = "text / css">
h1 {}
body {}
img {}
</ Style>

3 "Font:;" tra le parentesi graffe H1 e immettere una dimensione numero in pixel e un carattere di stile l'intestazione sul tuo profilo. Per esempio:
h1 {font: 24px Arial, sans-serif; }

4 Enter "background:;" all'interno del corpo stile e digitare un valore di colore HTML per determinare il colore di pagina del tuo profilo. Inoltre, digitare "color:;" seguito da un altro valore di colore per specificare la tonalità del testo. Illustrare:
body {background: #FFFFFF; colore: #CCCCCC; }

5 Tipo "border:;" nella regola IMG e immettere un numero di pixel, lo stile della linea come ad esempio e valore del colore "punteggiata" per creare il contorno che appare intorno alle immagini sul vostro profilo. Per esempio:
img {2px tratteggiata # 660000; }

6 Selezionare l'opzione "Anteprima" e visualizzare il layout con gli stili CSS. Quando è pronto, salvare il lavoro. La vostra completa CSS assomiglia a questo esempio:
<Style type = "text / css">
h1 {font: 24px Arial, sans-serif; }
body {background: #FFFFFF; colore: #CCCCCC; }
img {2px tratteggiata # 660000; }
</ Style>

Consigli e avvertenze

  • È possibile utilizzare qualsiasi degli attributi CSS, che sono le voci come "sfondo" o "confine", in qualsiasi regola di stile che si preferisce. Ad esempio, aggiungere un colore di testo separato per il vostro stile di intestazione h1 in questo modo:
  • h1 {font: 24px Arial, sans-serif; color: # f0f0f0; }