Come fare un Sottoscheda sembrare attiva

April 1

Come fare un Sottoscheda sembrare attiva


Se si dispone di un sistema di schede come la navigazione sul vostro sito web, rendendo la scheda secondaria attiva spiccano renderà molto più facile per il tuo sito visitatore di trovare il suo modo per aggirare il sito. È possibile regolare l'aspetto del sottoscheda per farlo risaltare utilizzando il codice CSS. È possibile farlo attraverso la creazione di una sottoclasse nel file CSS con un nome come #selected e l'aggiunta di proprietà e valori ad esso per regolare la modalità di visualizzazione sottoscheda, facendo risaltare e guardare attiva.

istruzione

1 Aprire una pagina HTML del sito in cui le schede vengono visualizzate nel codice HTML preferito o un editor di testo semplice.

2 Individuare il tag <div> che contiene il codice per le schede. Prendere nota di ciò che l'id del tag <div> è. Per esempio:

<Div id = "header">

L'ID del tag div di cui sopra è "header".

3 Aprire il file CSS pertinente del tuo sito web nel vostro editor HTML o testo semplice preferito.

4 Individuare il selettore di stile scheda. Avrà lo stesso nome l'ID del tag div, solo preceduta da un tag hash. Per esempio:

intestazione

5 Aprire una nuova linea sotto il selettore di stile scheda. Digitare il nome del selettore stile scheda, quindi premere la barra spaziatrice e digitare un segno hash tag e la parola "selezionato" per creare una nuova classe di stile per la sottoscheda selezionata. Per esempio:

intestazione #selected

6 Inserire il codice seguente, sostituendo la "# 000000" con il numero di codice esadecimale che rappresenta il colore che si desidera lo sfondo della sottoscheda attiva di essere.

{
text-decoration: underline;
background: # 000000;
}

La scheda selezionata verrà definita come una scheda sottolineato di un colore diverso. In questo modo sarà distinguersi e aspetto attiva.