Kaydırma çubuğu Nasıl Yapılır

İçindekiler:

Kaydırma çubuğu Nasıl Yapılır
Kaydırma çubuğu Nasıl Yapılır

Video: Kaydırma çubuğu Nasıl Yapılır

Video: Kaydırma çubuğu Nasıl Yapılır
Video: Excel'de Kaydırma Çubuğu (Scroll Button) Oluşturma 2024, Mayıs
Anonim

Günümüzde kendi web sitenize sahip olmak bir lüks değil, bir zorunluluktur. Oluşturulması belirli beceriler ve html bilgisi gerektirir. Basit bir web sitesi oluşturmak oldukça kolaydır. Bununla birlikte, onu dekore etmek ve site için ek işlevsellik sağlayan etkileşimli öğeler oluşturmak, yeni başlayanlar için zorluklara neden olacaktır. Site ziyaretçilerinin rahatlığını artıran bu etkileşimli unsurlardan biri de kaydırma çubuğudur. Özellikle sitenin betiklerle bağlantısını sağlayan (sitenin kullanıcılarla etkileşimi) alanlarında kullanışlıdır.

Kaydırma çubuğu sitenin önemli bir unsurudur
Kaydırma çubuğu sitenin önemli bir unsurudur

Bu gerekli

İnternet veya herhangi bir html eğitimi

Talimatlar

Aşama 1

Herhangi bir sitedeki en önemli şey kullanıcı dostu olmasıdır. Sitenizde bir kaydırma çubuğu kullanma fikri, yalnızca görünüşü arzunuza göre değil, gerekliliğine göre belirlenirse uygun olacaktır. Kaydırma çubuğunu yerleştirmek istediğiniz sayfanın düzenini yapın. Kaydırma için bir yer seçin (kaydırma çubukları da denir).

Adım 2

İlgilendiğiniz sitenin sayfasındaki kaydırma çubuğu için bir konum seçin. Bazı öğelere (örneğin, bir metin kutusu veya açılır liste) katı bir şekilde bağlı olmalıdır. Bu yeri piksel veya yüzde olarak hesaplamanız gerekir. Özellikle site düzeni net bir yapıya sahipse bunu yapmak zor değildir.

Aşama 3

BODY etiketleri arasına standart kaydırma kodunu eklemelisiniz. Herhangi bir html eğitiminde bulabilirsiniz. İki seçenek vardır - ya bu parçacığı doğrudan sayfanın html koduna ekleyin ya da css stil sayfasına ekleyin. İkinci yöntem, birden fazla sayfayı değiştirirseniz, ancak sitenin tamamını bir kerede değiştirirseniz daha uygundur. Ardından kaydırma çubuğunun renk parametrelerini girmeniz gerekir, aksi takdirde gri ve ilgi çekici olmaz. Şekil, kaydırma öğelerini gösterir ve etiketler. Parametreler, şekilde gösterildiği gibi noktalı virgülle ayırarak girilmelidir.

4. Adım

Şimdi kesinlikle değişikliklerinizi test etmelisiniz. Kaydırma çubuğunun tüm tarayıcılarda aynı görünmesini sağlamak için, ana tarayıcılarda kontrol edin - Internet Explorer, Mozilla Firefox ve Opera. Bunlardan birinde işe yaramazsa, ilk adıma geri dönün ve hataları düzeltin.

Önerilen: