Kaip Sukurti Vertikalų Išskleidžiamąjį Meniu

Turinys:

Kaip Sukurti Vertikalų Išskleidžiamąjį Meniu
Kaip Sukurti Vertikalų Išskleidžiamąjį Meniu

Video: Kaip Sukurti Vertikalų Išskleidžiamąjį Meniu

Video: Kaip Sukurti Vertikalų Išskleidžiamąjį Meniu
Video: Vertical Drop-Down Navigation using HTML & CSS 2024, Gegužė
Anonim

Vertikalus išskleidžiamasis meniu yra labai patogus - jis taupo vietą tinklalapyje, tuo pačiu metu padeda lengvai naršyti svetainėje. Pabandykite sukurti išskleidžiamąjį meniu, pagrįstą CSS - Kaskadiniai stiliaus lapai. Jei dar nesate ekspertas kuriant CSS kodą, naudokite purecssmenu.com paslaugą. Privalote pasirinkti meniu tipą, pritaikyti jo išvaizdą ir pritaikyti jį savo svetainėje. Pati paslauga sugeneruos reikiamą kodą, kurį įvesite į savo svetainės failus.

Kaip sukurti vertikalų išskleidžiamąjį meniu
Kaip sukurti vertikalų išskleidžiamąjį meniu

Nurodymai

1 žingsnis

Registruokitės svetainėje purecssmenu.com, kitaip negalėsite atsisiųsti sukurto meniu. Kairėje puslapio pusėje spustelėkite mygtuką Šablonai. Žemiau pamatysite keletą mažų langų su išskleidžiamaisiais meniu šablonais, paspaudę ant kurių peržiūros langas bus įkeliamas dešinėje. Pasirinkite šabloną, kuris tinka jūsų svetainei

2 žingsnis

Tinkinkite meniu šriftą ir spalvą: naudokite skirtuką Parametrai. Lauke Šriftas pasirinkite šriftą, šrifto dydį, jei reikia, pabraukite ir paryškinkite. Lauke Spalvos nustatykite meniu foną, šrifto spalvą, šrifto ir fono užvedimo spalvas

3 žingsnis

Norėdami tvarkyti meniu elementus, atidarykite „Elementų“skirtuką. Spustelėjus mygtuką Išvalyti šiukšliadėžę, elementų pavyzdžiai bus išvalyti ir galėsite sukurti patys. Norėdami tai padaryti, paspauskite mygtuką Pridėti elementą plius - elementas bus įtrauktas į meniu pabaigą. Mygtukas Pridėti kitą elementą naudojamas norint pridėti elementą pagal šiuo metu pasirinktą laiką. Mygtukas Pridėti pakaitinį elementą sukuria pasirinkimo meniu punktą. Atitinkamai, jei norite pašalinti elementą, naudokite mygtuką Pašalinti elementą

4 žingsnis

Atkreipkite dėmesį į lauką Prekių parametrai svetainės apačioje. Teksto eilutėje nurodykite meniu punkto pavadinimą, nuorodos eilutėje - puslapio, į kurį bus nukreiptas šis elementas, URL. Eilutėje „Patarimas“galite palikti elemento aprašą, kuris bus rodomas užvedus pelės žymeklį virš nuorodos. Tikslinė eilutė naudojama norint nustatyti puslapį, į kurį nukreipiama nuoroda, atidaryti. Šios eilutės parametras _self atveria puslapį tame pačiame naršyklės lange kaip ir dabartinis

5 žingsnis

Baigę nustatyti meniu, atsisiųskite jį - puslapio apačioje dešinėje spustelėkite mygtuką Atsisiųsti (ši funkcija pasiekiama užsiregistravus svetainėje). Kietajame diske pasirinkite aplanką, kuriame bus išsaugotas archyvo failas. Išpakuokite. Reikės nukopijuoti reikiamą kodą iš purecssmenu.html failo į savo svetainės CSS šablono failą. Atidarykite purecssmenu.html failą su teksto redaktoriumi ir nukopijuokite kodą tarp ir ir į savo svetainės CSS šabloną (šis failas turi.css plėtinį ir atrodo panašiai kaip file.css). Dabar įklijuokite kodą į savo svetainės šablono (temų) failą - kodą iš purecssmenu.html tarp komentarų ir vietoje įprasto meniu kodo. Norėdami tai padaryti, turite bent šiek tiek susipažinti su programavimu. Būtinai įklijuokite kodą į teisingą failą ir išsaugokite.

Rekomenduojamas: