Şaquli açılan menyu çox əlverişlidir - veb səhifədəki yerdən qənaət edir, eyni zamanda saytda asanlıqla gəzməyə kömək edir. CSS - Cascading Style Sheets əsasında açılır menyu hazırlamağa çalışın. Hələ CSS kodu yaratmaqda mütəxəssis deyilsinizsə, onda purecssmenu.com xidmətindən istifadə edin. Bir menyu növü seçməlisiniz, görünüşünü özünüzə uyğunlaşdırın və sonra öz saytınıza uyğunlaşdırın. Xidmət özü lazımi kodu yaradır və onu saytınızın sənədlərinə əlavə edirsiniz.
Təlimat
Addım 1
Purecssmenu.com veb saytında qeydiyyatdan keçin, əks halda yaradılan menyunu yükləyə bilməyəcəksiniz. Səhifənin sol tərəfindəki Şablonlar düyməsini vurun. Aşağıda, açma menyu şablonları olan bir neçə kiçik pəncərəni görəcəksiniz, üzərinə tıklayaraq Önizlə pəncərəsində sağa bir baxış yükləyin. Saytınıza uyğun bir şablon seçin
Addım 2
Menyunun şriftini və rəngini fərdiləşdirin: Parametrlər nişanından istifadə edin. Şrift sahəsində bir şrift, şrift ölçüsü, lazım olduqda altının altını və cəsarətini seçin. Rənglər sahəsində menyu arxa planını, şrift rəngini və şrift siçanını və fon siçan rənglərini təyin edin
Addım 3
Menyu elementlərini idarə etmək üçün Məhsullar sekmesini açın. Zibil qutusunu sil düyməsini basarsanız, nümunə elementləri silinir və özünüzü yarada bilərsiniz. Bunu etmək üçün, Əlavə et plus düyməsini basın - maddə menyunun sonuna əlavə olunacaq. Add Next Element düyməsi, seçilmiş vaxtdan sonra bir maddə əlavə etmək üçün istifadə olunur. Subtem əlavə et düyməsi seçim üçün alt menyu elementi yaradır. Buna görə, bir elementi silmək üçün, Elementi Sil düyməsini istifadə edin
Addım 4
Saytın altındakı Maddə Parametrləri sahəsinə diqqət yetirin. Mətn sətrində menyu elementinin adını, Bağlantı sətrində - bu bəndin rəhbərlik edəcəyi səhifənin urlini göstərin. İpucu sətrində, keçidin üzərinə getdiyiniz zaman göstəriləcək əşyanın təsvirini buraxa bilərsiniz. Hədəf sətri, keçidin aparıldığı səhifəni açmağın yolunu təyin etmək üçün istifadə olunur. Bu sətirdəki _self parametri səhifəni cari ilə eyni brauzer pəncərəsində açır
Addım 5
Menyu qurmağı bitirdikdən sonra yükləyin - səhifənin sağ altındakı Yükləmə düyməsini vurun (bu funksiya saytda qeydiyyatdan keçdikdən sonra mümkündür). Arxiv sənədinin saxlanacağı sabit diskinizdən bir qovluq seçin. Paketdən çıxarın. Lazımi kodu purecssmenu.html faylından saytınızın CSS şablon sənədinə köçürməlisiniz. Bir mətn redaktoru ilə purecssmenu.html sənədini açın və kodu ilə saytınızın CSS şablonuna kopyalayın (bu fayl.css uzantısına malikdir və file.css kimi bir şeyə bənzəyir). İndi kodu sayt şablonunuza (mövzular) sənədinizə yapışdırın - purecssmenu.html-dən kodu şərhlər arasında və adi menyu kodu əvəzinə. Bunu etmək üçün ən azı proqramlaşdırma ilə bir az tanış olmalısınız. Kodu düzgün fayla yapışdırdığınızdan və saxladığınızdan əmin olun.
