Səlahiyyətli HTML kodu və sadə CSS qaydalarının köməyi ilə bir pop-up menyu yarada, əlavə edə və dəyişdirə bilərsiniz. Kaskad cədvəlləri və işarələmə dili alətlərindən istifadə edərək menyunun bütün brauzerlərdə düzgün işləməsini təmin edə bilərsiniz.
Təlimat
Addım 1
Əvvəlcə əsas menyu çubuğunu saxlayın. Mətn redaktorunda alt menyu ilə xüsusi nömrələnmiş bir siyahı yaradın. Bu məqsədlər üçün ümumiyyətlə "Notepad" istifadə olunur. Alt menyu ana siyahının elementi kimi çıxış edir. Məsələn: Birinci ElementFlood ElementFlood Element2Field Element3Field Element4Field Element5
Addım 2
Bu siyahını ayrı bir html sənədində saxlayın. Sonra.css faylı yaradın. Bütün tələb olunan stil cədvəl parametrlərini daxil edin. Bunu çox diqqətlə edin, çünki bir səhv və açılan menyu düzgün görünməyəcək və ya heç işləməyəcəkdir.
Addım 3
Güllə siyahısında tətbiq olunan güllələri və dolguları götürün. CSS alətlərindən istifadə edərək menyunun genişliyini təyin edin: ul -style: none; width: 200px; }
Addım 4
Siyahıdakı bütün maddələrin nisbi mövqeyini mövqe adlı bir atributla qeyd edin: ul li: nisbi; }
Addım 5
Sonra siçan imleci maddənin üstündə olduqda elementləri ana menyudan sağda görünən alt menyunu düzəldin: li ul: mütləq; sol: 199px; top: 0; ekran: yox; }
Addım 6
Sol atribut menyunun genişliyindən bir piksel azdır. Bu, pop-up elementlərin ikiqat sərhəd yaratmadan düzgün yerləşdirilməsinə imkan verir. Ekran xüsusiyyəti səhifəni açarkən alt menyunu gizlətmək üçün istifadə olunur.
Addım 7
Müvafiq css seçimlərindən istifadə edərək əlaqələri stilə uyğunlaşdırın. Ekranı daxil edin: blok parametrini, əlaqələrin onlar üçün ayrılmış bütün yeri tutması üçün. Siçan imleci üzərinə fırladıqda menyunun görünməsi üçün aşağıdakı kodu daxil edin: li: hover ul: block; }
Addım 8
Siyahı maddələrini və əlaqələri istədiyiniz kimi göstərmək üçün əlavə seçimlər edin.. Html faylına bir xüsusiyyət əlavə edin. Açılan menyu istifadəyə hazırdır.
