12 Aralık 2012, ÇARŞAMBA

Magento Topluluk Öğreticiler #39 - Theming Magento 15 - Bizim Gezinti Kadar Temizleme

Hey bu benim devam edebilir ne düzeyde yukarı tut en ve bugün Scott naber olduğunu Bizim Magento tema ve biz bunu yapmak için gitmiyoruz Bu şablonlar üzerinde çalışmaya devam edeceksin bugün şeyler Magento biz Hiç yaratacağız temiz burada var aa navigasyon için buraya menü hızı açılan böylece bir şey biraz daha teknik Magento ilgileniyorsanız Eğer bu noktaya atlamak için çekinmeyin ki ben teknik geliştirme şeyler Bildiğiniz nasıl sadece bu almak ve navigasyon aşağı bir damla yapmak iskelet olarak yapacağız izlemeye devam çekinmeyin sizin tamam bunu yıkmak yok yani sadece son ders gib

i bir başlık vardı P HTML ve biz almak ve Biz html5 kullanıyor titty değiştirmek a ve sonra biz kullanan Biz gidiyoruz bu yüzden biz burada ne almak için bu kod framework kullanmak sadece Bu ile devam yani ne

olacak bir düzenleme bir sonraki dosyaya göre Biz pH TML de başlı bizim için giderseniz bu navigasyon michelle biz bir varsa üst bağlantıları görmek burada oldum oldukça tanıdık X bu şeyler ama I dozu sonrada

“Magento Commerce Community Edition için 39 öğretici ve Theming Magento üzerinde 15. Bu eğitimde navigasyon stil geçer. CSS Açılır Navigations hakkında bilgi edin...”
LevelUpTuts

n görme bir dil en iyi arama sıkı konteyner Burada tüm çok alt bu benim çocuk top olsun Menü çok go ahead ve ben biliyorum çünkü tahmin etmek zorunda değilsiniz tahmin ama bu navigasyon bu oldu tahmin olsaydı burada yan için ana navigasyon, bu giderek doğrulamak olabilir Bu sadece benim gibi olduğunu ne yapacaksınız iyi dosya Biz çocuk HTML sekmesi arama olsun bulmak istedim fark aşırıya olsun çocuk HTML musluk menüsü yani bir üst menü o HTML dosyası

Magento Topluluk Öğreticiler #39 - Theming Magento 15 - Bizim Gezinti Kadar Temizleme Resim 1 Magento Topluluk Öğreticiler #39 - Theming Magento 15 - Bizim Gezinti Kadar Temizleme Resim 2 Magento Topluluk Öğreticiler #39 - Theming Magento 15 - Bizim Gezinti Kadar Temizleme Resim 3 Magento Topluluk Öğreticiler #39 - Theming Magento 15 - Bizim Gezinti Kadar Temizleme Resim 4

olmalıdır ve en ben yeterince eminim bu onaylamak için sizin yanınızdaki buluyorsunuz gidelim Bu ise arada tüm% uh ön ve temerrüde şablon dosyası yapısı ve Yeterince biz .html emin sayfasında burada büyüdü ne bu yüzden sadece biz iyi mutluluk ama olacak önce yapıyorum gibi ve bunu koymak için gidiyorum ve bu vardır act için bir HTML temalar onların Ben sadece burada bir arkadaşım biz çok çılgınca bir şey yaptığını gibi oldu sadece okumaktan daha ama basitlik hakkı için bunu yapmak için pasta daha iyi yollar var şimdi O

amele para cezası yedi bu kadar açık Bir Magento veya ve Sublime Text 2 burada ve burada sadece Jetta bu oluyor doğrulamak için bu dosya var dosya bunu zaman o zaman sadece musluk senin dosya testi okuyabilirsiniz a ve biz kadar sınamak görmelisiniz buraya yenileyebilirsiniz Mükemmel yüzden biz bu olduğunu düşünüyorum tam olarak ne aradığını dosya Sublime Text geri dönmek diyor ve değişikliklerin konteynerler değiştirebilirsiniz olması ile uğraşmak kadar ile de bir ve onlar etiketledi etiket temelde birleşmesi burada yaşayan diyor bir html5 take bu Annie'nin özellikle sırasız bağlantılar liste veya herhangi bir şey için değil Böyle ancak onlar navigasyon için uygun konum bu yüzden bir bağlantı Bir bu kadar biz sınıf HTML olmuştur böylece sitenizi seviyorum konteyner nev vardır biz bir fikir ve bir buçuk ile de bu var istiyorum da seviyorum son bir baş ağrısı vardı olduğunu do biz yaptık olarak çünkü o yüzden yapıyorum bu nedenle konteyner Önceki dersler iskeleti kullanarak klasik bir konteyner vardı ve ve bir o kadar bahsedilen bu verir marjları ben kaldım oto ve böylece doğru Biz bir yapmak zorunda değilsiniz adımlar için iyi olmalıdır, böylece Merkezi söyledi Bütün ton Başka hadi Bir sayfalarımızın her şeyin en güzel ve gönderme yapmak check out kesim sadece CSS biliyorum böylece aslında bir sapanlar incelemek bkz bu nedenle bu onların bir teşvik ödeme iyi biliyorum Biz çapa etiketi üzerinde listeledik ve Kaplayıcı sadece durumda biz yapabilirsiniz başka bir şey yapmak istiyorum dedi Bunu değiştirmek bilmek istemiyorsanız aslında bu yasağı olması gerekmez ve Ben de ona sahip olmak gayet bu amaçla düşünüyorum onların işte biz bu bu kadar iyi tamam var Bütün bu istemediğiniz bir liste alt kategoriler biz sadece istiyoruz dist ekran s Başlıcaları Burada dikkat ederseniz bazı şeyler için özür olabilir ve o zaman bizim fikir var şimdi okayed yüzden bizim CSS gidelim ve en bunun yapalım Burada aşağı ilerleyin Benim kodu gelebilir burada orada kalmasını Sheena tuttu Bunu daha önce ama CSS gelip söylediğim sonra gerçekten önemli Başka vaka kimse ona bakıyor güzel ve temiz ve düzenli bunu söylemek için gittiğini tutmak Şimdi ve daha sonra ben fikirler de var sanırım için iyi ve daha sonra herhangi bir söylemek istiyorum Bu olması ne bu navigasyon içinde sırasız listeler Ekran 9 ve biz de ir istiyoruz nah Ben nefret var Liste öğeleri bu ekran olmak istiyorum kit ve şimdi sağlar sayfa çağrısı yeniler şimdi artık bu var Burada bir çizgi ben bağlantıları en bütün bu navigasyon alanına bir arka plan ekleyelim ve şimdi biz sana biz söylemek için gidiyoruz bu yüzden adının bir renk istiyorum ve sahip kimlik adı içinde var kap en emin olalım aslında doğru ve tire kabı var aslında sınıf daha sonra kimlik devleti onlar ettirdiniz Tüm Kesin Her şey yolunda yılan payı o taşları denilen ana kadar o background-color koştu: Yukarıdaki Bir o 5 olacak için 73 4763 ve bu söyleyeceğini koyu mor olacak Tüm çapa etiketi Smith ve bu şimdi kabı olabilir var beyaz olacak değil bu sayfamızı kontrol demek Ben bir şey aslında ben bu yapılan doğru renk alamadım olduğunu istiyorum çağrı Aynı mor renk Buraya geri dönmek en izin Ben kullanıma istediğim bir renk oldu aslında 373 142 Eminim rağmen öyle değil yani bu tam renk ile gidiyorum bilmek mesele Eğer sadece bilmek eğer küçük bir değişiklik var onların tamam şimdi biz yol açar bu koyu mor var Şimdi bu tamam kızakların at ile devam edelim Ben text-decoration şeyler: Karen yapacağız kafa spot büyüklüğü sensin a 1.6 Evans listeler ve modası kafa bu check out Şimdi en Tweenies bazı marjı ekleyelim Bir eklemek için gidiyoruz liste öğeleri marjı Üzgünüm marjı dilerim sol navlun bir diyelim 15 piksel ve en bir bu var şimdi konteyner bazı dolgu ekleyelim yedi üst ve alt dolgu öylesine yaklaşık 10 texans alt ve üst bunu zorunda da sadece burada adam ekleyerek devam Üç taze tamam biraz daha iyi görünümlü Ben burada biraz daha marjı istediğiniz düşünüyorum ve ne bu iki biz biraz var onlar için bir hakkı var bize altını vermek altındaki aşk listesi öğesini var Ancak biz üzerinde sahip görünmesi nedeniyle aşağı doğru damla gibi sonra tüm işlev menü bir hak olarak şimdi biz sadece bu ana kategori görüntülediğiniz Bu CSS öğretici değil çünkü bunu ben delik sizi gitmiyorum Bildiğiniz özellikle eğer CSS açılır menü yapmak için nasıl özelliklerini Ben varsa anlaşma aşk zaman bir damla yapmak konusunda hiçbir bilgiye sahip Aşağı menü css Yapmak öğrenebilirsiniz kaynaklara bir bağlantı size CSS açılır menü onun değil çok zor bir kaç kere bir kod var ve bunu gerçekten kolay biliyor öne sürüldü uygulayabilirsiniz şu anda biz var bir çalışma kendi sitesinde güzel navigasyon görünümlü ve biz bunun üzerinde için varsa açılan çok basit açılır menü belirir ve daha fazlası CS o ile yapılabilir zaman bitti Eğer kaynaklara ihtiyacınız var, ancak eğer sadece check out bunu öğrenmek için Bir seviye yukarı kafaları CSS öğreticiler ve Aşağıda bir damla aşağı ticaret konusunda videoda yayınlamak araştırma yani sadece CSS kullanarak navigasyon Biz trading co ve hareket etmeye hazır temizlenmiş asla var Her zaman olduğu gibi altbilgi bu Scott az sol-çıkışları ile new york lütfen gelir o herhangi bir sorunuz veya yorumunuz ne olursa olsun seviye yukarı keser ve İstiyorum Bu özellikle görmek ve bize eğer bildirin ben Gerçekten istiyorum yaptığımız nasıl menüyü Bu damla bana bildirin görüyorum ve yapacağım Bunun için özellikle başka bir video her zaman olduğu gibi teşekkür izlemek için ama.

Açıklama

Magento Commerce Community Edition için 39 öğretici ve Theming Magento üzerinde 15. Bu eğitimde navigasyon stil geçer. CSS Açılır Navigations hakkında bilgi edinmek için kontrol edin: http://www.onextrapixel.com/2011/06/03/how-to-create-a-horizontal-dropdown-menu-with-html-css-and-jquery/

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

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



8.7/10

  • 35
    Olumlu
  • 5
    Olumsuz
  • 13
    Yorum
  • 12854
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • CNNMoney

    CNNMoney

    16 Kasım 2006
  • Joe DiFeo

    Joe DiFeo

    7 AĞUSTOS 2012
  • SVB International

    SVB Internat

    29 EKİM 2011

ANKET



Bu sayfa işinize yaradı mı?