Come progettare la tua casella di scorrimento

November 19

Per la maggior parte, le caselle di scorrimento che si trovano sui blog o siti web differiscono molto poco gli uni dagli altri. Tuttavia, questo non significa che non si dispone di una certa libertà quando si crea una casella di scorrimento. Alcuni dei modi in cui è possibile personalizzare una casella di scorrimento comprendono la modifica delle dimensioni della scatola, cambiando la dimensione del carattere nella casella o l'inserimento di un'immagine in fondo della scatola.

istruzione

1 Accedi al tuo server Web e aprire la pagina HTML in cui si desidera progettare il proprio casella di scorrimento.

2 Inserire il seguente codice nella sezione <body> della pagina:

<div style="height:200px;width:300px;overflow:scroll;font:15px;color:#A6120D;background:URL('Text">http://www.website.com/image1.jpg');">Text va qui.

</ Div>

3 Sostituire la "altezza" e valori "width" con il numero effettivo (in pixel) si desidera che l'altezza e la larghezza di essere.

4 Sostituire "15px" con il numero che si desidera per la dimensione del carattere.

5 Sostituire "A6120D" con il codice per il colore si desidera che il testo sia (vedi Risorse).

6 Sostituire "http://www.website.com/image1.jpg" con l'URL reale dell'immagine di sfondo che si desidera includere.

7 Sostituire "Testo goes here" con il testo che si desidera visualizzare nella casella di scorrimento.

8 Pubblicare la pagina.