Pystysuuntaisen Valikon Luominen Verkkosivustolle

Sisällysluettelo:

Pystysuuntaisen Valikon Luominen Verkkosivustolle
Pystysuuntaisen Valikon Luominen Verkkosivustolle

Video: Pystysuuntaisen Valikon Luominen Verkkosivustolle

Video: Pystysuuntaisen Valikon Luominen Verkkosivustolle
Video: Excel Pudotusvalikko [Tietojen kelpoisuuden tarkastaminen] 2024, Marraskuu
Anonim

Sivuston pystysuuntainen valikko on erittäin kätevä toiminto, joka auttaa säästämään tilaa ja helposti navigoimaan resurssissa. Voit tehdä sen CSS-tyylitaulukoiden perusteella tai käyttämällä erikoistyökaluja.

Pystysuuntaisen valikon luominen verkkosivustolle
Pystysuuntaisen valikon luominen verkkosivustolle

Ohjeet

Vaihe 1

Avaa purecssmenu.com-sivusto ja rekisteröidy siihen, muuten et voi luoda ja ladata luotua valikkoa. Etsi vasemmalta puolelta Mallit-painike ja napsauta sitä. Alla on pienet ikkunat pystysuorilla valikkomalleilla. Napsauta niitä yksitellen ja tarkastele niitä esikatseluikkunassa. Valitse sivustollesi parhaiten sopiva malli.

Vaihe 2

Aseta valikon fontti ja väri Parametrit-välilehdellä. Voit valita fontin ja sen koon Fontti-kentästä. Määritä tarvittaessa alleviivattu / lihavoitu. Aseta pystysuoran valikon tausta (tausta) Värit-kenttään, aseta kirjasimen väri ja taustaväri hiirelle (fonthover / backgroundhover).

Vaihe 3

Voit hallita valikkokohteita siirtymällä Kohteet-valikkoon. Napsauttamalla Tyhjennä-painiketta tyhjennät näytekohteet, jotta voit luoda omat. Riittää, kun napsautat AddItem plus -näppäintä lisätäksesi kohteen valikon loppuun. LisääNextItem-painikkeella voit lisätä kohteen, joka seuraa valitun ajan kuluttua. Valikon AddSubitem-painike luo sisäkkäisen kohteen valitulle. Poista viiva käyttämällä RemoveItem-painiketta.

Vaihe 4

Avaa kohteen alaosassa olevat kohteen parametrit (ItemParameters). Kirjoita valikkokohdan nimi Teksti-riville ja sen verkko-osoite Linkkiin. Vinkki-rivi vastaa kohteen kuvauksesta, joka näkyy, kun kohdistin vie linkin yli. Kohde-osio määrittää, miten sivu avataan. Parametrilla _self sivu voidaan määrittää avaamaan nykyisessä selainikkunassa.

Vaihe 5

Lataa valmis valikko napsauttamalla Lataa-painiketta sivun alaosassa. Kopioi purecssmenu.html-tiedostossa oleva vastaava koodi CSS-mallitiedostoon: alussa ja lopussa. Liitä oikea koodi ja tallenna tiedosto.

Suositeltava: