Hvordan lage en Twitter navigasjons Bar i CSS

Navigeringslinjer laget i CSS kan du effektivisere navigasjon kode og lage et visuelt tiltalende navigasjon layout for brukerne. Hvis du vil opprette et navigasjonspanel for Twitter, legge en link til din nåværende navigasjon layout som peker til din Twitter-konto. Dette lar brukerne navigere til Twitter-side der du gjøre kunngjøringer og få etterfølgere.

Bruksanvisning

1 Høyreklikk den gjeldende HTML-side som inneholder navigasjonslinjen. Klikk "Åpne med" og velg en CSS eller HTML editor fra listen over programmer.

2 Tilsett "div" container for din Twitter link. Kopier og lim inn følgende kode til slutten av navigasjons kode:

<Div id = "twitter">
</ Div>

Koden for linken som sender brukerne til din Twitter-side er plassert mellom disse to div tag definisjoner.

3 Legg til Twitter-kobling til navigasjon. Følgende kode linker til en Twitter-konto kalt "MyAccount":

<a href="twitter.com/myaccount"> Min Twitter </a>

Erstatt "MyAccount" med din Twitter-konto navn.

4 Legg CSS-klasse for navigasjon. Klassen er lagt til div container som viser Twitter link. Legg til følgende kode i div container definisjon:

class = "cssid"

Erstatt "cssid" med klassen som vises i de andre navigasjonskoblinger.

5 Lagre endringene og åpne filen i nettleseren din for å teste linkene og kodeendringer.