Sürüşmə Menyu Necə Edilir

Mündəricat:

Sürüşmə Menyu Necə Edilir
Sürüşmə Menyu Necə Edilir

Video: Sürüşmə Menyu Necə Edilir

Video: Sürüşmə Menyu Necə Edilir
Video: Как сбросить настройки Samsung A51, A515F, hard reset. 2024, Noyabr
Anonim

Veb saytının və proqram inkişafının ən vacib tərəflərindən biri də menyu yaradılmasıdır. Gözəl bir sürüşmə menyu bir çox veb sayt sahibləri və proqramçı üçün etalon olaraq qalır. Bu CSS və Expression Web alətlərindən istifadə etməklə edilə bilər.

Sürüşmə menyu necə edilir
Sürüşmə menyu necə edilir

Təlimat

Addım 1

İfadə Vebini açın və sürüşən menyu yaratmağa başlamaq üçün Stili idarə edin və Yeni Stil düyməsini basın. Yeni stil Seçici adını ul li. Yaradılan faylın açılan.css uzantısına malik olduğundan əmin olun. Sürüşən menyu yaratmaq üçün ekranda uyğun mövqeyi göstərin. Menyu maddələrinin hər birinin genişliyini müəyyənləşdirin və qarşısındakı lazımsız nöqtələri çıxarın.

Addım 2

Layout seçimini işə salın və Ekran xüsusiyyətini təyin edin. Ekranda hizalanması üçün uyğun bir Sətir dəyəri verin. Float atributunu Sola qoyun və Tətbiq düyməsini basın. Siyahının bütün elementlərini bir sətrə qoyun. Onları səliqəli bir şəkildə saxlamaq və üst-üstə düşməmək üçün, Genişlik atributunu 150 Piksel şəklində Vəzifə qoyun. Siyahıdakı bütün maddələrin eyni ölçüdə olduğundan əmin olun. Siyahı atributuna gedərək Siyahı Stili tipini Xeyr olaraq təyin edərək hər elementin qarşısındakı nöqtələri silin. Dəyişiklikləri qəbul etmək və qüvvəyə minmək üçün "Tamam" düyməsini basın.

Addım 3

Ul li üçün stil və şrift ölçüsünü tənzimləyin. Stilləri İdarəetmə bölməsinə gedin və Üslubu dəyişdirərək seçərək ul düyməsinə sağ vurun. Onsuz da tanış olan informasiya menyusunu görəcəksiniz. Şriftə gedin, Şrift ailəsini seçin və bu xüsusiyyəti Helvetica, Arial, Sans-serif-ə təyin edin. Şrift ölçüsünü tənzimləyin və 0, 9-a qoyun. Text-transform atributunu Yuxarı Kəsə qoyun. Hündürlük - Vəzifə atributunda, dəyəri 30 px olaraq təyin edərək menyu elementlərinin dəqiq hündürlüyünü göstərin.

Addım 4

Bütün düzəlişlər başa çatdıqda faylı menu.html kimi qeyd edin. Yeni yaratdığınız menyunu müxtəlif tətbiqetmələrdə və brauzerlərdə test edib işlədiyini yoxlayın. Gördüyünüz kimi, belə bir menyu yaratmaq çətin deyil.

Tövsiyə: