Hvordan lage en underfane Se Aktiv

Hvis du har et system av faner som navigasjon på nettstedet ditt, noe som gjør den aktive underkategorien skiller seg ut vil gjøre det mye enklere for nettstedet besøkende å finne veien rundt i området. Du kan justere utseendet på underkategorien for å gjøre det skiller seg ut ved hjelp av CSS-koden. Du kan gjøre dette ved å opprette en underklasse i din CSS fil med et navn som #selected og legge egenskaper og verdier til det å justere hvor underfanen skjermer, noe som gjør at det skiller seg ut og se aktive.

Bruksanvisning

1 Åpne en HTML-side på nettstedet der fanene vises i din foretrukne HTML eller ren tekst editor.

2 Finn <div> tag som inneholder koden for fanene. Noter hva id av <div> tag er. For eksempel:

<Div id = "header">

IDen til ovenfor div tag er "header".

3 Åpne relevant css filen av nettstedet ditt i din foretrukne HTML eller ren tekst editor.

4 Finn velger fanen stil. Det vil ha samme navn som id av div tag, bare innledes med en hash tag. For eksempel:

header

5 Åpne en ny linje under fanen stil velgeren. Skriv inn navnet på kategorien stil velgeren, og trykk på mellomromstasten og skriv en hash tag tegn og ordet "valgt" å opprette en ny stil klasse for den valgte underkategorien. For eksempel:

header #selected

6 Skriv inn følgende kode, erstatte "# 000000" med heksadesimale kodenummer som representerer den fargen du ønsker på bakgrunn av den aktive underkategorien å være.

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

Den valgte kategorien vil nå bli definert som en understreket fanen i en annen farge. Dette vil gjøre det skiller seg ut og se aktive.