Come inserire il codice HTML in una barra di scorrimento

June 26

Come inserire il codice HTML in una barra di scorrimento


Cambiare alcuni dei dettagli più fini della pagina Web aiuterà disegnare un pubblico e di tenere i visitatori intrattenuti più a lungo. Una delle cose che si possono fare per vestire la tua pagina è di trasformare la barra di scorrimento grigio triste dall'aspetto in un'aggiunta colorata. Utilizzare i codici colore esadecimale HTML in collaborazione con Cascading Style Sheets per cambiare il modo in cui il barra di scorrimento appare.

istruzione

1 Fare clic sul pulsante "Start" o il globo di Windows nell'angolo in basso a sinistra dello schermo. Tipo "notepad" nella barra di ricerca, e premere Invio. Dopo il programma Blocco note lancia, ridurre al minimo. Per gli utenti Mac, fare clic sull'icona "TextEdit" sulla banchina nella parte inferiore dello schermo.

2 Visita la pagina "barra di scorrimento" in HTML Basix. Selezionare il blu "Clicca qui per la tabella dei colori a comparsa" link nella parte superiore della pagina. I colori ed i numeri in questo pop-up sono i codici esadecimali è necessario effettuare una barra di scorrimento HTML.

3 Scegliere un colore per il viso barra di scorrimento, oppure il tasto di scorrimento. Trascina il cursore su un colore nella tabella per evidenziare il codice, fare clic destro su di esso e selezionare "Copia". Ritorna alla pagina Web principale aperta nel passaggio 1 e scorrere la pagina verso il basso fino a vedere un diagramma all'interno di una scatola blu. Fare clic sulla prima casella di testo e premere il tasto "Ctrl" e "V" sulla tastiera per incollare nel vostro colore desiderato.

4 Ripristinare la finestra di colore grafico e scegliere un colore per l'opzione barra di scorrimento clou. Questo è il colore accento che apparirà sul tuo dispositivo di scorrimento. Trascina il cursore sopra il colore scelto per evidenziare il codice, fare clic destro sulla selezione e selezionare "Copia". Ritorna alla pagina Web principale, e fare clic nella seconda casella di testo, accanto a "colore scrollbar highlight." Premere il tasto "Ctrl" e "V" sulla tastiera.

5 Ripetere la procedura al punto 4 per l'opzione luce barra di scorrimento 3D (il colore per la sinistra al di fuori del cursore), barra di scorrimento DarkShadow (il colore per la parte di gran lunga al di fuori del cursore), ombra barra di scorrimento (il colore sul bordo destro della cursore), frecce barra di scorrimento, e la pista di scorrimento (la zona del cursore si muove attraverso). Nella pagina Web principale, incollare i colori desiderati nei campi corrispondenti.

6 Fare clic sul pulsante "Crea codice" sul lato sinistro, sotto tutte le informazioni appena inserita. Una nuova pagina elenca le informazioni del codice CSS HTML. Evidenziare e copiare il codice.

7 Ripristinare il documento di Blocco note che è stato aperto nel passaggio 1, e incollare il codice. Fare clic su "File" sulla barra dei menù in alto a sinistra, e selezionare "Salva con nome". Inserire un nome di file, seguito da ".html". Fare clic sul pulsante "Salva" nell'angolo in basso a destra.

8 Trova il documento appena salvato nel passaggio 8 e fare doppio click su di esso per aprire il documento HTML. Ora sarete in grado di vedere la barra di scorrimento in una finestra del browser.