7 Aralık 2012, Cuma

Magento Topluluk Öğreticiler #38 - Theming Magento 14 - Bizim Başlık Bölüm 3 Temizlik

Bu kadar bugün todds seviyeyi kaplıdır neyin hey biz bitireceğiz Bu Heather temizlik ve mükemmel olacak değil ama sonunda biz güzel bir Tarih ur bakarak var ve biz böyle olması için gereken her şeyi olması gerektiği Bu aramayı düzenleme içine ben almak ister gibi yapmak istediğim ilk şey Burada uh görünür etiketi bu% sahip olduğu böyle olmak istemiyorum Demir doğrusu sadece arama düğmesi ben olmak istiyorum gerekmez ediyorum sitede burada yüzden bununla başlayalım ve etki aslında etiketi terk edeceğim özüne Barnes ekranı oluyor: none şimdi Biz şablonun kendisi ve değişim içine alabilir

ama bu etiket belge yapısı yararlı olabilir diye düşünüyorum Bu, çünkü o bir giriş yüzden biz orada o bırakacağım ama biz bir görüntü vereceğiz: yok yani istiyorum bizim stilleri gitmek ve biz istediğim bir bizim ne yapmak ist

ediğinizi yapmak Belirli bir performans arama içinde birçok bu arama içeri ve biz dokuzda etiket ekranı vermek için gidiyoruz Bu girdi almak için gidiyoruz bir bu a vermek için gidiyoruz doğrult

“Magento Commerce Community Edition için 38 öğretici ve Theming Magento üzerinde 14. Bu öğretici stylings temizlemek için css ile şimdilik başlığını bitirir....”
LevelUpTuts

usunda aa ekran arama düğmesi geliyor ki bazı şeyler buradan bu kopya üzerinde burada çok sağ tarafı bu yüzden gidiyorum demek ki bir hızlı erişim eğer içeride arama alıcı Yani burada bizim CSS oranı burada ve Bu Buraya gidip bir hızlı erişim özledim Arama dalgalanma koruyucusu o bildiğiniz böylece CSS gelip gidiyor demek Bir diğer insanların ceket bakıyorsun bunu anlamaya güzel ve kolay Onlar gerek kalmamasıdır Bütün bu tür anlamaya araştırmacı işten sonr

Magento Topluluk Öğreticiler #38 - Theming Magento 14 - Bizim Başlık Bölüm 3 Temizlik Resim 1 Magento Topluluk Öğreticiler #38 - Theming Magento 14 - Bizim Başlık Bölüm 3 Temizlik Resim 2 Magento Topluluk Öğreticiler #38 - Theming Magento 14 - Bizim Başlık Bölüm 3 Temizlik Resim 3 Magento Topluluk Öğreticiler #38 - Theming Magento 14 - Bizim Başlık Bölüm 3 Temizlik Resim 4

a öldü ne senin Form ve nerede o zaman bu forum aramayı kapmak için bu yüzden Form arama ve yapmak istediğiniz ilk şey bu etiketi gizlemek olduğunu böylece diyelim hepsi etikete ekrana tamam seviyesi hiçbiri de söylemek istedim o zaman tamam ve Bir hızlı erişim formu arama ve biz vereceğiz Metin input.text olarak bir sınıf ile bir giriş ve ben sadece bu yakala Onun yaptım ve yapacağız bu vereceksin senin yarı kolonda bir görüntü o şimdi buraya gelmek ve sayfa arama yenileyin var Biz etiketler bu hızlı er

işim bağlantıları hakkında ne tamam gitti bizim arama alıcı vardı Bu ikisini incelemek için Bu bir liste ve bu liste ekran olmak istiyorum satır bir şey sizin CSS de zaman bir test yapabilirsiniz Bunu kontrol elemanı notu iseniz burada kendi CSS değişiklik yapabilirsiniz ve ben sizin dosyaya aynı olduğunu düşünüyorum gibi sayfada ne görebilirsiniz ama biz bu div giderseniz bu yüzden bazı şeyleri test edebilirsiniz görebilirsiniz ve aklımızda ekranı demek ve yok gibi bir şey yapmak için gitmiyor sağ Bu çünkü biz yapıyor de sizin ekran inline a geliyorlar iyi kendisi doğrultusunda bunu yılda bir kez önce istenen etkiyi yaptığını değil görebiliyorum tamam o yüzden burada oldukça aşağı ne gerek ne olmamalıdır ve olacak liste oldu ve bu yüzden Bu özellikle ölmüştü ve biz de bunun üzerine tıklayabilir ve biz ekran deneyebilirsiniz hattı ve uygun olarak bu ilk olarak Taylor önce ve aylar ama bu bir Ekran satır içi hem de temelde sadece temelde bir 2-1'e bu ekleme var inline tarzı başlığı tamam şimdi 92 bu bir ekran öğeleri listelemek için bu Eğer biz biliyoruz bakın ne istediğinizi olduğunu birbirlerine yanında haklısın görebiliyorum o Eğer içinde bir liste öğesini vermek zorunda Bu sınıf bağlantıları içinde hızlı erişim a sahip İstediğiniz nasıl göstermek için bir ekran inline tamam bu yüzden her şeyi test edebilirsiniz Eğer yenilemek zaman sonra sayfa olacak yani atalım sağ arka normale gidin Burada söylemek için gidiyoruz burada ve daha sonra gelip hayır bir yorum eklerim Bu bir hızlı erişim bağlantıları olacak ve hızlı erişim yeniden Bu bağlantılar UML ve sonra söylemek için gidiyoruz stadyum en hızlı erişim daha böylece herhangi bir az Ayrıca doğrultusunda gösterge olacak satır içi görüntüler yaparsa kesinlikle değer ekran CSS Öğreticiler bizi izliyor öneririm ama bu almaya gidiyor olan liste öğeleri dikey o zaman izin birbirlerinin yanında olacak Sadece bu mükemmel harika böyle yani ne Size başka şeyler vardı ister bu tür olduğunu bilir duymak istiyorsunuz kalabalık Bunun tüm yakın tarayıcı penceresi burada bu yüzden gidelim bizim başlık konteyner ve diğerleri elemanları yaklaşık 20 piksel orada başlığı üstlenmek ve ve daha sonra 0 nedenle üst ve alt başlığı 20 resimlerinizi buydu ve o biraz daha var bakalım oldukça iyi bu yüzden buraya bir bulut Buraya var yirmi 20 vergilerle değilim ve o olacak ben klavye kulüpler kadar vurmak var ve bu görürsünüz Sana kadar tüm yol giderseniz bir ve öylesine tarafından artışlarla Ama üstünde boşluk gibi büyük yapmak biraz kırk bu yüzden top kırk ebeveyn de dönüyorum Alt sol ve sağ sonra 20 piksel 10 sadece bu ve çok gibi ben aslında duymak için bu taraftarları seçebilirsiniz olarak Benim CSS yüzden bu ona bir avukat Cabbie Bir onun konteyner başlık ama klasik bu kadar bir kap vardı değil Klasik konteyner ile header ve bu yüzden sadece başlığını söyleyeceğim Eylem ibadet Biz birden fazla olması durumunda bu daha iyi bir sınıf vermek Bu durumda başlık aslında çok klas buraya geri geldi Ben bu bazı insanlar bu bir çağrı ana başlık olduğunu biliyorum öylesine başlığını demek yuva başlıkları alımı ve ana saç K ve bilinen ama ben burada olduğunu net pozisyonda öder Eğer sekmeler için 40 piksel başlık gördüğünüz gibi sağ ve sol Altta 20, bu konnektör sayfasını kaydetmek ve olacak bir şey daha yapalım aynı çağrıyı görünüyorum Bu bağlantıları kontrol: ben onları beyaz olmak istiyorum ve ben sadece istiyorum Bir Seni getirdiğinizde gelip sadece altını çizdi istiyorum bu yüzden bu sadece SS ölüm olduğunu biliyorum ama aramaya başlamak için bu siteyi istiyorum çok hızlı burada biraz daha saygın erişim Bu ben ve sonra çapa etiketi linkler Bu, beyaz bir renklendi olması gerekir A text-decoration: none ve henüz bir daha sınıf eklemek ve olacak hızlı erişim olacak Ben yazı için kullanılan değilim bir kendini düşünüyor Ben çok uzun ve ben CS okuma oldum çünkü CSS sadece CSSC yaptık eğer RSS kurslar var neyi kontrol acele Hiçbir CSS o kadar çok daha verimli aslında Oranı çünkü Bütün bu okuma ben sass yapıyordu yarım şeyler yazmak zorunda ancak bu öğreticiler uğruna Bugün burada, normal CSS çalışan ve metin dekorasyon sahip oluyor: vurgulu ve böylece altını Bu metin dekorasyonu almak için gidiyoruz altı çizili ve Ayrıca ben biraz Doğu yapar arasında bir boşluk istiyorum böylece huzursuzluk liste öğelerini Ben sadece bir bargin istiyorum aralarında onları bu yüzden 0 istiyorum ve küçük beş piksel demek sağ ve sol yenileme bu konuda tamam çok uzak şimdi biraz daha iyi ve bu check out oldu olmaları gerekiyor ne kadar geniş bakın şimdi vali burada marj yüzde 5 olduğunu ben böyle düşünüyorum aşağı sayfa onlar tamam uyum kadar herhangi yüzden bu iki piksel Onların yenileme sahip biraz verir Büyük Bunu ben siteyi kapatmaya ne zaman tek sütunları, bu gidiyor biliyorum mısın mobil tarayıcı üzerinde olsun konum nerede de sadece mobil tarayıcı bir hedef yapmak tam olarak nasıl gidip ama bu biz ekstra bir şey yapmamak için bir korkunç merkeze dayalı kendisi bir araştırma boyutlandırır Bu başlık Her şey, hatta bunları yaparken odaklanarak değil oldukça standart ücret görünüyor Bir başlık mobil aynı bu yüzden biz şimdi var burada tamam biraz Ben de bir şey daha en bu h3 dönelim Bu bu hd yolu böylece bu yaş yapmak üç Bir Bence bu olduğunu Bir karşılama mesajı üstünde bir sınıf Kafa bu yüzden iyi ya da CSS ve şimdi bu aslında aşağıda arama çubuğu karşılama yavaş kafa önlemek ve Baş mükemmel Şimdi burada bu biraz daha iyi var bir etiket hattı var Bu kafa bandı burada bu afiş ve başlık var olduğu Bu oldukça iyi görünümlü ve biz bu var saymıyorum Bütün bu yüzyıl başlangıç ​​Ben araya gelip bir dahaki sefere biz navigasyon üzerinden gidiyor için gidiyoruz ve biz olacak bir konum yapmak o navigasyon açılır böylece% ah bizim kategoriler fırlamak olabilir ve muazzam bir görmeye alışık olurdu navigasyon aşağı normal bir damla gibi bir yararlı tüm bu içerik ve gerçekten çok iyi görünümlü başlamak için gidiyor Eğer lütfen bize bildirin herhangi bir sorunuz varsa tamam her zaman olduğu gibi bu lazım aşk Aşk tut en ve teşekkür izlemek için.

Açıklama

Magento Commerce Community Edition için 38 öğretici ve Theming Magento üzerinde 14. Bu öğretici stylings temizlemek için css ile şimdilik başlığını bitirir.

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



9.6/10

  • 31
    Olumlu
  • 1
    Olumsuz
  • 10
    Yorum
  • 11754
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • EEVblog

    EEVblog

    4 NİSAN 2009
  • TecNoob

    TecNoob

    15 AĞUSTOS 2013
  • William Sledd

    William Sled

    24 EYLÜL 2006

ANKET



Bu sayfa işinize yaradı mı?