TẠO MENU BẰNG SPRY MENU BAR

Khoa NN-TH Trường CĐSP DakLak Lập trình Web

Spry Menu Bar

162

Spry Menu Bar là đối tượng giúp tạo thanh menu ngang hoặc menu dọc

Spry Menu Bar ngang

Khoa NN-TH Trường CĐSP DakLak Lập trình Web

Spry Menu Bar ngang

163

Chèn Spry Menu Bar

nhắp vị trí muốn chèn rồi vào menuInsertSpry Spry Menu Bar

Chọn Horizontal để tạo menu ngang, Vertical để tạo menu dọc rồi OK

Menu dọc Menu ngang

Khoa NN-TH Trường CĐSP DakLak Lập trình Web

Spry Menu Bar ngang

164

Hiệu chỉnh (Thêm, xóa,...)

Nhắp vệt xanh ở cạnh trên của đối tượng Trên thanhPropertiesthêm/xóa các mục

Kết quả Menu cấp 1

Menu cấp 2

Menu cấp 3

Khoa NN-TH Trường CĐSP DakLak Lập trình Web

Spry Menu Bar ngang

165

Các thành phần trên thanh Properties

Menu cấp 1 Menu cấp 2 Menu cấp 3

+/-để thêm/xóa mục trong menu

Text: mục chọn trong menu

Title: Tiêu đề của mục đang chọn, sẽ hiện ra khi đưa chuột vào mục này, (thường không gõ)

Target: Tên cửa sổ đích sẽ hiện liên kết (thường không gõ) Link: địa chỉ liên kết

Mũi tên: thứ tự

Khoa NN-TH Trường CĐSP DakLak Lập trình Web (adsbygoogle = window.adsbygoogle || []).push({});

Spry Menu Bar ngang

166

 Định dạng

Mở panel CSS, các định dạng của menu được lưu trongSpryMenuBarVertical hoặc SpryMenuBarHorizontal

Các style thường được dùng đểđịnh dạng lại cho menu:

ul.MenuBarHorizontal a: Màu chữ,màu nền cho menu (3 cấp) ul.MenuBarHorizontal: Chỉnh width cho menu. ul.MenuBarHorizontal li: Chỉnh width cho menu cấp 1 ul.MenuBarHorizontalul li:Chỉnh kích thước cho menu cấp 2,3. ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible: màu chữ, màu nền khi rê chuột lên menu.

ul.MenuBarHorizontal ul ul: Định dạng cho khối menu cấp 3 (margin)

ul.MenuBarHorizontal ul a: Có thểtạo thêm style này đểđịnh dạng cho menu cấp 2,3 (màu nền, màu chữ)

ul.MenuBarHorizontal ul ul a: Có thểtạo thêm style này để định dạng cho menu cấp 3 (màu nền, màu chữ)

Khoa NN-TH Trường CĐSP DakLak Lập trình Web

Spry Menu Bar ngang

167

Khoa NN-TH Trường CĐSP DakLak Lập trình Web

Spry Menu Bar dọc

168

 Chèn và định dạng rất giống menu ngang

Khoa NN-TH Trường CĐSP DakLak Lập trình Web