# 88: Galeri Çubuğunu Oluşturmak - CSS Hileleri

Anonim

Galeri başlığının altındaki çubuğu oluşturmaya başladık. Bu çubuğun oldukça iyi bir işi var. İnsanlara nerede olduklarını ve neleri görüntülediklerini söyler (basit bir şekilde kırıntıları). Ayrıca sayfalandırma, bir düğme içerecek ve her zaman duyarlı olması gerekir.

Bu, sitelerin tasarımının geri kalanı için gerçekten bir şey haline gelen "siyah çubuk" navigasyon dediğimiz şeyin başlangıcıdır.

Açılır menüdeki aşağı ok için gerektiğinde simge yazı tipimizi kullanmak da dahil olmak üzere çubuğun işaretlemesini yazıyoruz. HTML simgesinin ne kadar değerli olabileceğini öğrenmek için Font Explorer X'teki karakter grafiğine hızlı bir şekilde başvurmak kolaydır.

Bu wp_tag_cloud()işlevi, galeri için özel sınıflandırmamızdan bir etiket listesini sayfaya tükürmek için kullanırız. Bir açılır menü gibi davranması için işaretlemeyi basitçe biçimlendiriyoruz. Bu açılır menüyü göstermek / gizlemek için sadece bir JavaScript dokunuşu yazıyoruz. Geçmişte sitenin ana gezinme bölümünde yaptığımız gibi, tek yaptığımız JavaScript ile sınıf adını değiştirmek ve CSS'nin işi yapmasına izin vermek.

Sonunda, güzel olan Galeri için çalışan bir açılır menümüz var. Bu, gerçekten Galeri navigasyonunun en önemli unsurudur.