Jedan od najvažnijih aspekata razvoja web stranica i softvera je stvaranje menija. Prekrasan klizni meni ostaje mjerilo za mnoge vlasnike web stranica i programera. To se može učiniti pomoću CSS i Expression Web alata.
Instrukcije
Korak 1
Otvorite Expression Web i idite na Manage Style da biste započeli kreiranje kliznog menija i pritisnite tipku New Style. Nazovite novi izbornik stila ul li. Uvjerite se da generirana datoteka ima nastavak drop-down.css. Da biste kreirali klizni meni, navedite odgovarajući položaj na ekranu. Odredite širinu svake od stavki izbornika i uklonite nepotrebne točkice koje se mogu nalaziti ispred njih.
Korak 2
Pokrenite opciju Layout i postavite atribut Display. Dajte mu odgovarajuću Inline vrijednost za poravnanje na ekranu. Postavite atribut Float na Lijevo i pritisnite tipku Primijeni. Postavite sve elemente liste u jedan redak. Da biste ih održali u urednom redoslijedu i ne preklapali se, postavite atribut Širina na Položaj u obliku 150 px. Provjerite jesu li sve stavke na popisu iste veličine. Uklonite točkice ispred svakog elementa odlaskom na atribut List i postavljanjem tipa Stil liste na None. Kliknite "U redu" da biste prihvatili promjene i stupili na snagu.
Korak 3
Podesite stil i veličinu fonta za ul li. Idite na Upravljanje stilovima i desnom tipkom miša kliknite ul li, odabirom Modify Style. Vidjet ćete već poznati meni dijaloga. Idite na Font, odaberite Font-family i postavite ovaj atribut na Helvetica, Arial, Sans-serif. Podesite veličinu fonta i postavite je na 0, 9. Atribut Text-transform postavite na Velika slova. U atributu Height - Position navedite tačnu visinu stavki izbornika postavljanjem vrijednosti na 30 px.
Korak 4
Spremite datoteku kao menu.html kada se dovrše sve korektivne akcije. Testirajte meni koji ste upravo kreirali u raznim aplikacijama i preglednicima da biste provjerili radi li. Kao što vidite, nije teško stvoriti takav meni.
