Nwlapcug.com


Tutorial CSS Crossover Layout

Un layout Cascading Style Sheets (CSS) progetta il tuo profilo Friendster, che è la pagina personale di che questa comunità di social networking vi offre. Hai la possibilità di utilizzare un layout di "crossover" di CSS per lo stile di tutti gli elementi di pagina per un design distinto. Ad esempio, è possibile utilizzare codice CSS per pubblicare un'immagine di sfondo e determinare il colore e la dimensione della font. Utilizzare un generatore di profilo Friendster per creare automaticamente il codice CSS per il layout di crossover.

Istruzioni

Utilizzare FreeCodeSource.com

1

Accedere a un provider di host di file online, ad esempio MediaFire o TinyPic, per ospitare l'immagine di sfondo, se ne hai uno. Fare clic sul pulsante "Upload", seguire le istruzioni visualizzate per aggiungere il file e quindi copiare l'indirizzo URL che consente di visualizzare. Se non avete una foto, ignorare questo passaggio.

2

Per visualizzare il sito Web FreeCodeSource.com.

3

Inserisci il tuo indirizzo di URL di sfondo (se applicabile) nel campo "URL immagine" e fare clic sulle schede nella parte superiore, ad esempio "Sezioni", per progettare le parti del tuo profilo di Friendster. Continuare a scegliere i menu per generare il codice CSS. Ad esempio, fare clic sulla scheda "Testo e collegamenti" per progettare il tuo carattere e fare clic sulla scheda "Pulsanti" per definire lo stile le finestre visualizzate sotto l'immagine del profilo.

4

Fare clic sulla scheda "Get Code" e copiare il codice CSS che verrà visualizzato nella casella di testo a sinistra. Accedi al tuo account Friendster e incollare il codice nella sezione "Personalizzare CSS" per applicare il layout di crossover.

Utilizzare Pimp il mio profilo

5

Lancio del sito Pimp il mio profilo e fare clic sul pulsante "Start".

6

Fare clic su casella di testo accanto al titolo di "Colore sfondo" per prendere una tonalità di sfondo. Facoltativamente, fare clic sul pulsante "Carica" accanto al titolo di "Immagine di sfondo" per selezionare un'immagine dal tuo computer e applicarlo al tuo layout Friendster.

7

Fare clic sulle schede rimanenti, quali le "Tabelle" e utilizzare le caselle di testo e menu a tendina per lo stile di pagina. Ad esempio, fare clic sulla scheda "Testo/intestazioni" e quindi fare clic sul menu a discesa "Font" per scegliere i caratteri tipografici per gli elementi della pagina.

8

Fare clic sulla scheda "Finish" e fare clic sul pulsante "Generate il mio codice!". Copiare i dati CSS nella casella superiore che appare e quindi incollarlo nel tuo Friendster "Personalizzare CSS" casella di testo per visualizzare il layout di crossover CSS.

Utilizzare CrazyProfile.com

9

Ripetere il passaggio 1 nella sezione "Uso FreeCodeSource.com" per caricare un'immagine di sfondo, se si preferisce.

10

Per visualizzare il sito Web CrazyProfile.com. Inserisci indirizzo URL dell'immagine (se applicabile) nel campo di testo "Background Image URL".

11

Clicca sul link "Pick", drop-down menu e caselle di controllo per definire lo stile del layout. Ad esempio, fare clic su una casella accanto a "Stile titolo" per selezionare una visualizzazione, ad esempio "Bold" e clicca sul link "Pick" nella sezione "Tabelle" per specificare l'aspetto delle tabelle sulla tua pagina.

12

Fare clic sul pulsante "Get Code" nella parte inferiore della pagina e copiare il codice che viene visualizzato nella casella superiore. Incollare il codice CSS nel tuo Friendster "Personalizzare CSS" superficie di pubblicare il tuo layout di crossover del profilo.