22 ŞUBAT 2015, Pazar

Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 1 Slayt

Hey bu Ralph ve bu video bu web sayfasını oluşturmak istiyorum Bu sayfayı açığa dışarı slayt olacak vücudun böylece bir slayt-out seçeneği vardır Bu ve yapmak zor sümük gibi mobil dostu menü şey ne ve biz birkaç takip ama gooooood bunun üzerine bu videoyu çalışacağız tamam bu yüzden bu benim tek eleştirmen temel web sayfası oluşturmak istiyorum ne Bu tıklandığında web sayfası uzak slaytlar bu menü simgesi vardır Buraya bu kenar çubuğu menü açığa peki o iyi bu yüzden genellikle benim sayfası ile ceket bu konuda çalışmaya başladı fazla değil Ben bugüne kadar vücut sayfası boş kurdum ettik ve ben sadece

gerçekten orada anahtar yapıları alıyorum odaklanmış değilim Kritik kafa hiçbir şey için ben de çok yakında bu güvenmek geldim Daha sonra video Ortak başlangıç ​​ölçekli Eagles cihazla Ames viewport içerik Eagles buluştu tek v

ücudun şu anda boş sayfa yani sadece bir anlaşma oluşturmak edeceğim bu kurulumu almak için gidiyor Olacak olan kimlik konteyner tutmak için hizmet Sayfanın tamamı kısmı ancak yol Ben kaymak çalışma hay

“Bir gizli-side bar içeren navigasyon menüsü maruz uzakta bir düğmeye tıklayarak üzerinde kayan bir web sayfası oluşturmak için CSS ve JavaScript kullanın. Demo d...”
Ralph Phillips

al edebiliyorum Geri buraya konteynerler olacak bu tür beyaz bölüm olması ise buraya tamamen bu kenar çubuğu açığa uzakta slaytlar böylece bu nedenle ben de koymak değilim benim Bir konteyner farelerin benim ana kullanım hafif iç kenar çubuğu Hala sadece kabın üzerinde bir menü yapmak koymak sürgü sağa görünür ve ben seni biliyorum, sadece bu yüzden gerçekten bir şey gerekmez Burada benim Mobile olmak yani kadınlar benim menü kaymak tam bir ayrı fırsatla

Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 1 Slayt Resim 1 Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 1 Slayt Resim 2 Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 1 Slayt Resim 3 Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 1 Slayt Resim 4

r olduğunu var ve ben kapsayıcı bir var devam sunduğunuz bu içinde benim diğer div olduğunu gerekecek Birkaç elemanlar tamam öylesine içinde benim Kap bir başlık da var navigasyon menüsünde koyarak içine yardımcı olması yaşıyorum Şimdi ben yapacağım ama benzersiz tanımlanan basit bir çapa etiketine sahip Bu sereceğim düğme olacak Bu slayt uzakta seçeneği slide-out seçeneği aktive şimdi ben sadece bazı genel dolgu metninde koymak bir içerik alanı değilim Metinde çoğunlukla olduğu gibi uzağa kayan bu sayfayı görselleştirmek

böylece Ben o yüzden sadece dar almak yerine Temel içerik alanı ve bu kadar olduğunu böylece HTML taraflı çoğunlukla bu bitmiş olan Şimdi stil sayfası üzerinde çalışan almak gerekir ve ben çalışacağım bazı iç stilleri ve video açıklaması bakarsanız mümkün olacak Bu web sayfasındaki bir bağlantı bulmak bir kaynak kodu olacak ve ne olup bittiğini görebilirsiniz Şimdi birkaç içine bölünmüş ikiye benim stil sayfası kadar değilim Ben gonna kayalık bölümler benim senin benim çok amaçlı stilleri var i gonna ben stilleri olacak ayrılacak olan am my var Sadece kez yan menü gizlidir zaman Bir dakika içinde stilleri var Yan menüsü görüntülendiğinde ama iki arasında bazı küçük değişiklikler orada olacak çünkü en gözlerimi stilleri benim genel stilleri için şimdi çok çok tutarlı olabilir 10 dk kesinlikle birkaç cins olduğunu için ile başlamak Benim araştırma kural gibi şeyler yani benim Allahım çok basit bir araştırma koymak kural oraya gidiyoruz Ben biraz genel sürgü olduğunu kontrol yapacağım biliyor kendini bu yüzden benim adım çakmak kullanmayın ve ben onun kimliği bahsediyorum Orada menü kaymak onun olacak bir sahip olduğunu yaklaşık 330 piksel ve arkasında olacak yaklaşık yüzde 100 ben tarayıcı penceresinin tam yüksekliğe kadar almak istedim Aslında olur gösterilecek ve ben önde dedi gitmek am gibi birkaç diğer özellikler arka plan rengi: ön plan rengi olacak bir pozisyon mutlak olacak skandalı tutmak do Ne olabilir bir çok Springer sonra standart çalışıyor sol ve üst 0 piksel ve ben yapacağım kolay ve Vergi emin olmak istiyorum arkasında benim sürgü Benim konteyner Sol benim konteyner daha büyük bir z-index sahip olduğundan emin olun ama ben o maine için gereken tüm beni net gidelim artık daha hafif kullanmak gerçekten konteyner kendisi için kural şimdi benim konteyner McGowan background-color gibi birkaç jenerik isimler şöyle dedi: Şimdi biraz aslında iki yüz yüzde yerleşmiş bir açık renkli kullanımı önemli iki yüz yüzde um ben set istiyorum benim kapsayıcı zaman ziyaretçi olduğunu Bu web sayfası geliyor Aralık konteynerler olacak bu web sayfası ile sonbaharda kaplıyor sağa doğru slaytlar zaman ve ben dar olsun konteyner istemiyorum Ben o dört orijinal kalmak ve akıp gitmesini istiyorum Sadece sıkmak değil dar yüzde 100 ile aslında oldukça kritik böylece Devam edin ve bir pozisyon yapacağız: Mutlak yine RGB 0px terk En iyi 20 resim ve onların konteyner için Devam edin ve yukarı haftasonu X beş olarak yapacağım Gerçekten burada bakmak için çok fazla olmamasına rağmen en biz gidip orada o arıyor görelim hayır ben de ki osuruk gerçekten büyük olmak için bir çift dolgu tarz ama bunu sadece oldukça standart sayfa gibi görünüyor ama eğer geri gitti görebilirsiniz kodumu ve bakalım Ben 330 piksel yaptıysam yerine yapıyor kabı 0 piksel sol onların Bana bu tarayıcıyı kurtarmak Eğer etiket tarafına itti alır görebilirsiniz yenileme ve cep menüler yani görüntülenen biz sonraki video bu alırım Ben tıkladığınızda o kadar bir sonraki video ve aktif düğmeye olsun iki hakkın bu kabı slayt edeceğiz o olacak bir javascript sadece küçük bir miktar gerektirir var yeni kural.

Açıklama

Bir gizli-side bar içeren navigasyon menüsü maruz uzakta bir düğmeye tıklayarak üzerinde kayan bir web sayfası oluşturmak için CSS ve JavaScript kullanın. Demo dosyası: http://www.sixminutessmarter.com/demofiles/webdev/slide-out-menu.html

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Ralph Phillips

Ralph Phillips

Üretkenlik yazılımları ve web geliştirme üzerinde durularak öğretici videolar. Web Geliştirme, HTML, CSS, JavaScript, PHP, Internet, SEO, Flash, Dreamweaver, Excel, Access, Word, PowerPoint, Web tabanlı uygulamalar ...

YORUMLAR



10/10

  • 13
    Olumlu
  • 0
    Olumsuz
  • 3
    Yorum
  • 979
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • GUN-TIME with Brandon

    GUN-TIME wit

    3 ŞUBAT 2009
  • Lena Danya

    Lena Danya

    11 NİSAN 2010
  • THE RED DRAGON

    THE RED DRAG

    6 ŞUBAT 2009

ANKET



Bu sayfa işinize yaradı mı?