Jedan od najvažnijih aspekata razvoja web stranica i softvera je stvaranje izbornika. Prekrasan klizni izbornik ostaje mjerilo mnogim vlasnicima web stranica i programerima. To se može učiniti pomoću CSS i Expression Web alata.
Upute
Korak 1
Otvorite Expression Web i idite na Manage Style da biste započeli s izradom kliznog izbornika i pritisnite tipku New Style. Nazovite novi izbornik stila ul li. Provjerite ima li generirana datoteka nastavak drop-down.css. Da biste stvorili klizni izbornik, odredite odgovarajući položaj na zaslonu. 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 vrijednost Inline da se poravna na zaslonu. Postavite atribut Float na Lijevo i pritisnite tipku Primijeni. Postavite sve elemente popisa u jedan redak. Da biste ih zadrž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 vrste Style List na None. Kliknite "U redu" da biste prihvatili promjene i stupili na snagu.
3. korak
Prilagodite 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 dijaloški izbornik. Idite na Font, odaberite Obitelj fontova i postavite ovaj atribut na Helvetica, Arial, Sans-serif. Prilagodite veličinu fonta i postavite je na 0, 9. Atribut Text-transform postavite na Velika slova. U atributu Height - Position navedite točnu visinu stavki izbornika postavljanjem vrijednosti na 30 px.
4. korak
Spremite datoteku kao menu.html kada se dovrše sve korektivne radnje. Testirajte izbornik koji ste upravo kreirali u raznim programima i preglednicima da biste provjerili radi li. Kao što vidite, nije teško stvoriti takav izbornik.
