Pystysuora avattava valikko on erittäin kätevä - se säästää tilaa verkkosivulla ja auttaa samalla helposti liikkumaan sivustossa. Yritä tehdä avattava valikko CSS - CSS-tyylitaulukoiden perusteella. Jos et ole vielä asiantuntija CSS-koodin luomisessa, käytä purecssmenu.com-palvelua. Sinun on valittava valikkotyyppi, mukautettava sen ulkonäkö ja mukautettava se sitten omalle sivustollesi. Palvelu itse luo tarvittavan koodin, jonka lisäät sitten sivustosi tiedostoihin.
Ohjeet
Vaihe 1
Rekisteröidy verkkosivustoon purecssmenu.com, muuten et voi ladata luotua valikkoa. Napsauta Mallit-painiketta sivun vasemmalla puolella. Alla näet useita pieniä ikkunoita, joissa on avattavat valikkomallit, joita napsauttamalla lataat esikatselun oikealla olevaan Esikatselu-ikkunaan. Valitse sivustollesi sopiva malli
Vaihe 2
Muokkaa valikon kirjasinta ja väriä: käytä Parametrit-välilehteä. Valitse Fontti-kentässä fontti, kirjasinkoko, tarvittaessa alleviivattu ja lihavoitu. Määritä Värit-kentässä valikon tausta, kirjasimen väri ja kirjasimen ja taustan leijuvan värit
Vaihe 3
Voit hallita valikkokohteita avaamalla Kohteet-välilehden. Jos napsautat Tyhjennä roskakori -painiketta, näytekohteet tyhjennetään ja voit luoda oman. Voit tehdä tämän painamalla Lisää kohde plus -painiketta - kohde lisätään valikon loppuun. Lisää seuraava kohde -painiketta käytetään lisäämään kohde, joka seuraa tällä hetkellä valittua aikaa. Lisää alaosio -painike luo alivalikkokohdan valintaa varten. Voit poistaa kohteen käyttämällä Poista kohde -painiketta
Vaihe 4
Kiinnitä huomiota Tuotteen parametrit -kenttään sivuston alaosassa. Määritä Teksti-rivillä valikkokohdan nimi, Linkki-rivillä - sen sivun URL-osoite, jolle tämä kohde johtaa. Vinkki-riville voit jättää kohteen kuvauksen, joka näkyy, kun viet hiiren linkin päälle. Kohde-riviä käytetään määrittämään tapa avata sivu, jolle linkki johtaa. Tämän rivin _self-parametri avaa sivun samalla selainikkunalla kuin nykyinen
Vaihe 5
Kun olet määrittänyt valikon, lataa se - napsauta Lataa-painiketta sivun oikeassa alakulmassa (tämä toiminto on käytettävissä, kun olet rekisteröitynyt sivustolle). Valitse kiintolevyltä kansio, johon arkistotiedosto tallennetaan. Pura se. Sinun on kopioitava tarvittava koodi purecssmenu.html-tiedostosta sivustosi CSS-mallitiedostoon. Avaa purecssmenu.html-tiedosto tekstieditorilla ja kopioi koodi ja -merkintöjen väliin sivustosi CSS-malliin (tällä tiedostolla on.css-laajennus ja se näyttää tiedostolta file.css). Liitä nyt koodi sivustomallitiedostoosi (teemat) - purecssmenu.html: n koodi kommenttien väliin ja tavallisen valikkokoodin sijaan. Tätä varten sinun on oltava ainakin hieman perehtynyt ohjelmointiin. Liitä koodi oikeaan tiedostoon ja tallenna.
