Neopets CSS Tutorial

July 26

Se si dispone di un Neopet, ci si potrebbe chiedere come personalizzare il look della home page del vostro animale domestico virtuale, in modo da creare una presenza su Internet veramente distinta da quella delle altre creature di Neopia. Utilizzando Cascading Style Sheets (CSS), è possibile che lo stile vari elementi della pagina.

Aggiungere il CSS

Per aggiungere CSS alla pagina animale domestico, è necessario andare al editor di testo per aggiungere gli stili.

In primo luogo, accedere ai tuoi Neopets account e selezionare il link "Pannello di controllo" nel menu a discesa "Il mio account". Nella sezione centrale, "Neopets," selezionare il link "Modifica Pet pagina" e quindi fare clic sul link "Modifica" per arrivare al codice esistente HyperText Markup Language (HTML) che controlla la pagina.

Quindi, aggiungere i tag di apertura e di chiusura di stile sopra il tag corpo per creare un segnaposto per cui le regole CSS vanno e indicano che il tipo è "text / css". Digitare i seguenti tra l'apertura e chiusura tag head nella parte superiore della pagina. Per esempio:
<Head>
<Style type = "text / css">
</ Style>
</ Head>

Ora, aggiungere un selettore che indica la parte della pagina in fase di stile. Un selettore comune è la struttura del corpo perché controlla l'intera pagina. Inserisci il selettore tra i tag di stile e aggiungere un apertura e chiusura parentesi graffa dopo l'entrata. Per esempio:
body {}

Questi supporti sono ora pronti per incassare le regole CSS associati.

Lo stile di carattere

È possibile lo stile del carattere della pagina animale domestico in modo che visualizzi un colore diverso, tipo di font e la dimensione.

Inizia tornando al selettore denominato "corpo" e posizionare il cursore tra l'apertura e la chiusura parentesi graffe. Per modificare il colore del carattere, inserire l'attributo di "colore", seguire con i due punti, digitare il nome della tonalità (per esempio, blu) o utilizzare un valore esadecimale e terminare con un punto e virgola. Esadecimali sono numeri a sei cifre precedute da un cancelletto che forniscono una tonalità specifica. Per illustrare, per usare digitare un colore rosso scuro il seguente:
body {color: # 480000; }

Continuare cambiando il tipo di carattere della pagina con l'aggiunta di un "font-family:" voce dopo la regola del colore. Ad esempio, per modificare il tipo esistente per "Arial", inserire le seguenti:
body {font-family: Arial; }

Avanti, specificare la dimensione del carattere utilizzando il "font-size:" l'attributo dopo le regole esistenti. I font possono essere inseriti come punti (PT) o pixel (px) come il seguente esempio:
body {font-size: 14px; }

Ultimo, l'anteprima della pagina animale domestico per fare in modo che ti piace lo stile. Fare clic sul pulsante "Anteprima modifiche" in fondo alla pagina editor di testo e visualizzare il lavoro. Se si è soddisfatti con il CSS, fare clic sul pulsante "Salva modifiche". In caso contrario, fare clic sul pulsante "Indietro" per rifare tutti gli stili.


Articoli Correlati