Bir Web Sitesi Için Dikey Menü Nasıl Yapılır

İçindekiler:

Bir Web Sitesi Için Dikey Menü Nasıl Yapılır
Bir Web Sitesi Için Dikey Menü Nasıl Yapılır

Video: Bir Web Sitesi Için Dikey Menü Nasıl Yapılır

Video: Bir Web Sitesi Için Dikey Menü Nasıl Yapılır
Video: HTML ve CSS Ders 34 Dikey Menü Yapımı 2024, Mayıs
Anonim

Site için dikey menü, yerden tasarruf etmeye ve kaynakta kolayca gezinmeye yardımcı olan çok kullanışlı bir işlevdir. Basamaklı CSS stil sayfalarını temel alarak veya özel araçlar kullanarak yapabilirsiniz.

Bir web sitesi için dikey menü nasıl yapılır
Bir web sitesi için dikey menü nasıl yapılır

Talimatlar

Aşama 1

Purecssmenu.com web sitesini açın ve kaydolun, aksi takdirde oluşturulan menüyü oluşturamaz ve indiremezsiniz. Sol tarafta Şablonlar düğmesini bulun ve tıklayın. Aşağıda dikey menü şablonlarına sahip küçük pencereler olacaktır. Bunları tek tek tıklayın ve Önizleme penceresinde görüntüleyin. Sitenize en uygun şablonu seçin.

Adım 2

Parametreler sekmesini kullanarak menünün yazı tipini ve rengini ayarlayın. Yazı Tipi alanında bir yazı tipi ve boyutunu seçebilirsiniz. Gerekirse, altı çizili / kalın olarak belirtin. Renkler alanında dikey menünün arka planını (arka planını) ayarlayın, üzerine gelindiğinde yazı tipinin rengini ve arka plan rengini ayarlayın (yazı tipi / arka plan üzerine gelin).

Aşama 3

Menü öğelerini yönetmek için Öğeler menüsüne gidin. Temizle düğmesine tıklamak, kendinizinkini oluşturabilmeniz için örnek öğeleri siler. Menünün sonuna bir öğe eklemek için AddItem plus tuşuna tıklamanız yeterlidir. AddNextItem düğmesini kullanarak, seçili olan zamandan sonra gelecek bir öğe ekleyebilirsiniz. Menüdeki AddSubitem düğmesi, seçili öğe için iç içe bir öğe oluşturur. Bir satırı kaldırmak için RemoveItem düğmesini kullanın.

4. Adım

Sitenin altındaki öğe parametrelerini (ItemParameters) açın. Metin satırına menü öğesi için bir ad ve Bağlantı alanına web adresini girin. İpucu satırı, imleç bağlantının üzerine geldiğinde gösterilen öğenin açıklamasından sorumludur. Hedef bölümü, sayfanın nasıl açılacağını tanımlar. _self parametresi ile sayfa, mevcut tarayıcı penceresinde açılacak şekilde yapılandırılabilir.

Adım 5

Sayfanın en altındaki İndir düğmesine tıklayarak hazır menüyü indirin. Purecssmenu.html dosyasında bulunan ilgili kodu CSS şablon dosyasına kopyalayın: başında ve sonunda. Doğru kodu yapıştırdığınızdan ve dosyayı kaydettiğinizden emin olun.

Önerilen: