Sitede Menü Nasıl Yapılır

İçindekiler:

Sitede Menü Nasıl Yapılır
Sitede Menü Nasıl Yapılır

Video: Sitede Menü Nasıl Yapılır

Video: Sitede Menü Nasıl Yapılır
Video: HTML VE CSS | NAVBAR YAPIMI 2024, Mayıs
Anonim

Bilgi teknolojisi her geçen gün gelişiyor. Ve daha önce ulaşılamaz gibi görünen şey, bugün sokaktaki hemen hemen her erkeğin kullanımına açıktır. Ve kendi web sitenizi yapmak için doğaüstü yeteneklere ve bilgiye sahip olmak hiç de gerekli değildir. Ve yalnızca kaynağınıza bir menü eklemekten bahsediyorsak, o zaman bir okul çocuğu bile halledebilir.

Sitede menü nasıl yapılır
Sitede menü nasıl yapılır

Bu gerekli

İnternet bağlantısı olan bilgisayar

Talimatlar

Aşama 1

PureCSSMenu web sitesine gidin. Burada herhangi bir site için hızlı ve kolay bir şekilde menü oluşturabileceğiniz bir görsel düzenleyici göreceksiniz.

Adım 2

Menü şablonlarının yerleştirildiği sayfaya gitmek için soldaki "Şablonlar" butonuna tıklayın. Ardından, beğendiğiniz şablonu seçmeniz ve üzerine tıklamanız gerekir. "Önizleme" penceresinde, basamaklı stil sayfaları kullanılarak oluşturulmuş gerçekten çalışan bir menü göreceksiniz.

Aşama 3

Sitenize en uygun olanı seçmek için önerilen şablonların her birine göz atın. Menü stiline göre beğendiğiniz renk ve yazı tipi sitenin renk şemasına uymuyorsa, "Parametreler" sekmesine tıklayarak bu parametreleri değiştirebilirsiniz.

4. Adım

HTML kodunu kullanarak rengi ve yazı tipini değiştirin veya beğendiğiniz gölgeye tıklayarak kaynağın sunduğu paletten seçin.

Adım 5

Şimdi siteniz için bir menü yapısı oluşturun. Bunu yapmak için "Öğeler" düğmesini tıklayın. Açılan sekmede, büyük artı işaretli bir düğme ve "Öğe Ekle" yazısı göreceksiniz. Bu düğmeye tıklayın ve menünün sonuna yeni bir öğe eklenecektir. Menünün ortasına yeni bir öğe eklemek için, eklenmesi gereken sekmeyi seçin ve "Sonraki Öğe Ekle" etiketli düğmeyi tıklayın.

6. Adım

Açılır menüye bir alt öğe eklemek için, yeni sekmeyi içerecek menü öğesini seçtikten sonra "Alt Öğe Ekle" etiketli düğmeye basın. Herhangi bir öğeyi kaldırmak istiyorsanız, onu seçin ve "Öğeyi Kaldır" düğmesini tıklayın.

7. Adım

Yeni menünün doğru çalışması için "Item Parameters" alanında tüm alanların doldurulması gerekmektedir. “Metin” alanına menü öğesinin adını girin, “Link” alanına bu butona tıkladıktan sonra geçişin gerçekleşeceği sayfanın adresini girin. Sayfanın nasıl açılacağını seçmek için "Hedef" alanında "_self" veya "_blank" değerini ayarlayın. İlk seçenekle, sayfa "_blank" işlevi seçiliyken aynı pencerede açılır - yeni bir pencerede.

8. Adım

Şimdi oluşturulan menünün kodunu sitenize yapıştırmanız gerekiyor. Bunu yapmak için, sağ alt köşede bulunan "İndir" düğmesine tıklayın ve bilgisayarınızda Purecssmenu-com.zip arşivinin kaydedileceği bir klasör seçin. Dosyayı kaydettikten sonra bu arşivi açın ve menü kodunuzu içerenpurecssmenu.html dosyasını açın. Bu kodu kopyalayın ve web sitesi şablon dosyanıza yapıştırın.

Önerilen: