Vienas iš svarbiausių interneto svetainių ir programinės įrangos kūrimo aspektų yra meniu kūrimas. Gražus stumdomas meniu išlieka etalonu daugeliui svetainių savininkų ir programuotojų. Tai galima padaryti naudojant CSS ir „Expression Web“įrankius.
Nurodymai
1 žingsnis
Atidarykite „Expression Web“ir eikite į „Stiliaus tvarkymas“, kad pradėtumėte kurti slankųjį meniu ir paspauskite mygtuką „Naujas stilius“. Pavadinkite naują stilių Selector ul li. Įsitikinkite, kad sugeneruotas failas turi išskleidžiamąjį.css plėtinį. Norėdami sukurti slankųjį meniu, nurodykite tinkamą ekrano vietą. Nustatykite kiekvieno meniu punkto plotį ir pašalinkite nereikalingus taškus, kurie gali būti prieš juos.
2 žingsnis
Paleiskite parinktį Išdėstymas ir nustatykite atributą Rodyti. Suteikite jam tinkamą „Inline“vertę, kad sulygiuotumėte ekrane. Nustatykite „Float“atributą į „Left“ir paspauskite mygtuką „Apply“. Nustatykite visus sąrašo elementus vienoje eilutėje. Norėdami išlaikyti tvarkingą tvarką ir nepersidengti, nustatykite atributo Plotis plotį į Pozicija 150 pikselių pavidalu. Įsitikinkite, kad visi sąrašo elementai yra vienodo dydžio. Pašalinkite taškus prieš kiekvieną elementą, eidami į „List“atributą ir nustatydami „List Style“tipą į None. Spustelėkite „Gerai“, kad sutiktumėte su pakeitimais ir jie įsigaliotų.
3 žingsnis
Sureguliuokite ul li stiliaus ir šrifto dydį. Eikite į „Stilių tvarkymas“ir dešiniuoju pelės mygtuku spustelėkite „ul li“, pasirinkdami Keisti stilių. Pamatysite jau pažįstamą dialogo meniu. Eikite į Šriftas, pasirinkite Šriftų šeima ir nustatykite šį atributą kaip Helvetica, Arial, Sans-serif. Sureguliuokite šrifto dydį ir nustatykite jį į 0, 9. Nustatykite „Text-transform“atributą į „Uppercase“. Atribute Height - Position nurodykite tikslų meniu elementų aukštį, nustatydami vertę 30 px.
4 žingsnis
Išsaugokite failą kaip menu.html, kai bus atlikti visi taisomieji veiksmai. Išbandykite ką tik sukurtą meniu įvairiose programose ir naršyklėse, kad sužinotumėte, ar jis veikia. Kaip matote, sukurti tokį meniu nėra sunku.
