Menyu yaradılması saytların və proqramların inkişafında əsas məqamlardan biridir. Bundan əlavə, belə bir menyunun yaxşı hazırlanması və məntiqi dizaynı bir saytın və ya hər hansı bir proqramın üzüdür. Məsələn, Microsoft və Windows 7 əməliyyat sistemini götürək Windows 7-nin buraxılmasından sonra Microsoft özü üçün yaltaq olmayan çox tənqid eşitdi. Bir çox tənqid olmuşdu, amma ən çox uyğun olmayan bir şəkildə yerləşdirilən menyu. CSS və İfadə Veb ilə üfüqi açılan menyu yaratmaq barədə bu təlimatı diqqətlə oxuyun. Menyu yaratmaq üçün etiket üslubları dəyişəcək
Təlimat
Addım 1
Stilləri idarə edin və sonra Yeni Stil düyməsini vurun. Yeni yaratdığınız üsluba Selector ul li adını verin. Açılan.css faylında yeni üslubun müəyyənləşdirilməsindən əmin olmağı unutmayın.
Addım 2
Üfüqi bir menyu uzatmaq üçün menyu elementlərinə yatay olacağını söyləməlisiniz. Sonra, hər bir menyu elementinin genişliyini təyin etməli və bütün siyahı elementlərinin qarşısındakı bütün lazımsız nöqtələri çıxarmalısınız.
Addım 3
Yatay düzəltmə üçün Layout-a gedin və ekran atributunu satır daxilinə qoyun. Şamandıra atributunu sola qoyun. Tətbiq et düyməsini vurun. Bütün siyahı elementləri bir sətirdə qurulmalıdır. Bir-birinin üst-üstə düşməməsi üçün aşağıdakıları etməlisiniz: width atributunun Pozisiya dəyərini 150px olaraq təyin edin. İndi yoxlayın. Siyahının bütün elementləri eyni ölçüdə olmalıdır.
Addım 4
İndi siyahı elementlərinin qarşısındakı nöqtələri silməyə çalışmalıyıq. Bunu etmək üçün List-ə gedin və list-style –type atributunu none olaraq təyin edin.
Addım 5
Bütün dəyişiklikləri qəbul etmək üçün OK düyməsini vurun.
Addım 6
Şrift ölçüsünü ul li stilinə uyğunlaşdırmaq üçün aşağıdakıları etməlisiniz. Stilləri İdarə Et, Üslubu dəyişdirmək üçün seçməli olduğunuz ül üslubuna sağ vurun. Atributları əlavə etmək və ya dəyişdirmək üçün tanış olan informasiya qutusu açılacaqdır. Şrift kateqoriyasına gedin və yazı tipi atributunu Arial, Helvetica, sans-serif olaraq təyin edin. Sonra, şrift ölçüsü atributuna gedin və 0.9em olaraq təyin edin. Bundan sonra mətn çevirmə xüsusiyyətini qurun, bunun üçün böyük hərfi təyin edin.
Addım 7
Yaradılan menyudakı maddələrin hündürlüyü Mövqe kateqoriyasında tənzimlənə bilər. Boy atributunu 30px olaraq təyin edin.
Addım 8
Sonra menyu.html faylını saxlamalısınız. Bunu etmək üçün, Expression Web, faylı saxlamaq üçün lazım olan Yerləşdirilmiş Dosyaları Saxla pəncərəsini açacaqdır. Açılan.css sənədində qeyd edin. Saxlamaq üçün OK düyməsini vurun.
Addım 9
İndi nəticənizi yoxlayın. Etibarlılıq üçün fərqli brauzerlərdə test etmək daha yaxşıdır. Varsayılan brauzerdə əldə edilmiş nəticəni yoxlamaq üçün klaviaturanızdakı F12 düyməsini basmalısınız.
