Web designer usano un linguaggio di codifica chiamato HyperText Markup Language (HTML) per creare la struttura per i loro siti. HTML contiene una funzionalità nota come l'elemento frame in linea (comunemente chiamato l'elemento IFRAME). Questo elemento incornicia il contenuto da una pagina Web in uno spazio predefinito all'interno di una seconda pagina Web. L'elemento IFRAME contiene una proprietà barra di scorrimento che consente agli utenti Web per scorrere il contenuto, mantenendo all'interno della sua cornice originale. Web designer attribuiscono Cascading Style Sheet (CSS) le regole per il codice HTML che progetta l'aspetto e il colore della barra di scorrimento del iframe.

istruzione

1 Creare l'iframe nel documento HTML originale. Definire i valori del URL del contenuto incorniciata e le proprietà altezza e larghezza. In questo esempio, l'iframe viene creata attraverso l'uso dei tag <iframe> e </ iframe>. I collegamenti cornice alla pagina Web "yourFramedContent.html" e il telaio è fissato a 200 pixel di larghezza e di 400 pixel.

<Altezza iframe = "400" width = "200"> </ iframe>

2 regole di barra di scorrimento del posto di disegno CSS tra i tag <header> e </ header> tag del documento di destinazione. Creare le regole di progettazione come parte della struttura di design dell'elemento HTML. In questo caso, la base della barra di scorrimento è stato impostato su nero, il volto è rosso e la freccia sarà verde.

<Header>

<Style>

html {

scrollbar-base-color: black;

scrollbar-faccia-color: red;

scrollbar-freccia-colore: verde;

}

</ Style>

</ Header>

3 Modificare i colori, se necessario. Se vengono applicate le seguenti regole di progettazione, la totalità della barra di scorrimento dovrebbe apparire in bianco.

<Header>

<Style>

html {

scrollbar-base-color: white;

scrollbar-faccia-color: white;

scrollbar-freccia-color: white;

}

</ Style>

</ Header>

Consigli e avvertenze

• In alternativa al iframe, è possibile utilizzare i CSS per lo stile di un elemento div HTML con la proprietà overflow. La proprietà overflow può essere impostata per scorrere (ad esempio .div {overflow: scroll;}). Questa impostazione renderà una barra di scorrimento quando la lunghezza del contenuto supera la dimensione costante della div.
• proprietà coloranti della barra di scorrimento rendono solo all'interno del browser Internet Explorer. Chrome e Firefox non consentono agli sviluppatori web per modificare le impostazioni di default della barra di scorrimento.