# 88: Xây dựng Gallery Bar - Thủ thuật CSS

Anonim

Chúng tôi bắt đầu xây dựng thanh bên dưới tiêu đề thư viện. Thanh này có một công việc khá. Nó cho mọi người biết họ đang ở đâu và những gì họ đang xem (breadcrumbs, một cách đơn giản). Nó cũng sẽ chứa phân trang, một nút, và tất cả những lúc cần phải đáp ứng.

Đây là khởi đầu của cái mà chúng tôi gọi là điều hướng "thanh đen", điều này thực sự trở thành một thứ cho phần còn lại của thiết kế trang web.

Chúng tôi viết đánh dấu cho thanh, bao gồm sử dụng phông chữ biểu tượng của chúng tôi khi cần cho mũi tên xuống trong menu thả xuống. Thật dễ dàng để nhanh chóng tham chiếu biểu đồ ký tự trong Font Explorer X để biết giá trị của biểu tượng HTML.

Chúng tôi sử dụng wp_tag_cloud()chức năng để đưa ra trên trang danh sách các thẻ từ phân loại tùy chỉnh của chúng tôi cho thư viện. Chúng tôi chỉ đơn giản là tạo kiểu đánh dấu để hoạt động giống như một menu thả xuống. Chúng tôi chỉ viết một chút JavaScript để hiển thị / ẩn menu thả xuống này. Giống như chúng tôi đã làm trước đây với điều hướng chính của trang web, tất cả những gì chúng tôi làm là thay đổi tên lớp bằng JavaScript và để CSS thực hiện công việc.

Cuối cùng, chúng ta có một menu thả xuống đang hoạt động cho Thư viện, thật tuyệt. Nó thực sự là công việc của điều hướng Thư viện.