29 Temmuz 2014, Salı

Sprite Gezinti (Nav İle Arka Plan Görüntüsü) Bölüm 2

T Bu benim sprite navigasyon menüsü üzerinde çalışmaya devam bu video Ralph dayanır navigasyon menüsü background-image: kayması background-pozisyon: ve Google vardır son video Sohn tamam sadece oluşturulan sırasız liste navigasyon menüsü ve ben çapa metin benim için bir arka plan görüntüsü olarak bu ana görüntüyü kullanmak saldırıları blok elemanları dönüştürülür ve 40 piksel up: background-pozisyon değiştirdi Sadece çok devlet görüntüleri görünür kısmını okumak, böylece komik piramit kırmızı sınır azaltılmış olsun Sadece onların gerçekten oldu artık o kırmızı sınır gerekmez görsel yardım olarak ve bu nedenle

bu kaç vergi arıyoruz olduğunu Ben okumak için üzerine geldiğinizde ne gelecek yapmak istiyorum düşünürler temelde belki yeşil kısmı ya da görmek istiyorum min serin tatlı siyah Porsche yani aslında ben şimdi ne yapmak

istediğinizi siyah deneyin oldukça kolay benim matematik tanker içinde Devlet sözde sınıfı kapsayacak şekilde ve benim arka plan görüntüsü zaten ayarlanmış benim ana oldu Inc bir kural yüzden bu kimse olduğunu

“Bir navigasyon menüsü çapalar / köprüler için bir ana plan görüntü kullanın ve vurgulu arka plan konumunu değiştirin. Bölüm 1: http://youtu.be/hAn3QN12zMM...”
Ralph Phillips

yapmanız gereken tek şey yinelemek gerekmez Benim background-konumunu değiştirmek: Pazar background-pozisyonu yapın: ve 20 px ya da sadece sıfır geri ilk numarayı hatırlıyorum Yıl ölçümü 0 aslında PX gerekmiyorsa ve ben sitesi yapmak istiyorum de çalışacak orada gerekli Benim arka plan görüntüsü neden negatif Görüntünün kadar pozitif bir sayı üzerinde geri kaydırıyor gemiler aşağı zaman şüphe sanatta sıfıra gidiyor Buna götüreceğim px 0px ve rota davaları

Sprite Gezinti (Nav İle Arka Plan Görüntüsü) Bölüm 2 Resim 1 Sprite Gezinti (Nav İle Arka Plan Görüntüsü) Bölüm 2 Resim 2 Sprite Gezinti (Nav İle Arka Plan Görüntüsü) Bölüm 2 Resim 3 Sprite Gezinti (Nav İle Arka Plan Görüntüsü) Bölüm 2 Resim 4

için piksel yeşil çok üst iyi Gidip Show'da Ben bunu yerine yapacağım sanırım orada tüm yol siyah diliyorum 80 piksel negatif kaydırılır Yeşil her maden 640 piksel yüksekliğinde her zaman renk çubuğu 80 piksel bu model resmini kaydırarak böylece dışarı ekran vurgulu siyah şimdi oldukça kolay oldu sadece aynı arka plan görüntü kullanılarak ama ziyaretçi gösteriyor background-image usta biraz farklı kısım: Bir hatırlatma olarak, bu Apple, için yaptığı iştir Navigasyon bu elma küresel navigasyon Grafik kırmızı yüzd

en sadece etrafında o arka plan resmi değiştirme ediyoruz görünür Farklı amaçlar başka bir web sitesinde her simgeleri gördüğünüzde aslında muhtemelen onların size sadece gösterilen küçük bir kısmı bir ana grafik var Yeterince bizim kayak etrafında kaydırmaya bu özel grafik kaynak ve tabii ki bir adım daha ileri gidebiliriz ve bizim metin ile çalışmak Benim metinden kalın: Örneğin bir font-weight anlaşma olabilir Tabii çift renkli beyazlar biraz daha öne çıkıyor ve beri benim düğme aslında kırk piksel boyunda Ben yüksekliği 40 piksel hizalamak için can ve o kurtulmak Rickles nöbetçi için tür yanılsama vereceğim altını çizmek geçen ay, on altını i sola oraya küçük bir alan kazandı Birkaç yolu bu konuda gitmek ama burada biri bazı garip tepkilere alabilir Ben deneyebilirsiniz şey Ben konserve bir sol yapabileceği Neler göz bkz şimdi 20 piksel anladım Benim şimdi metin üzerinde bu vurarak koyarak aslında biraz daha geniş benim çapa yapmak itecek onların hücreye popüler aperatif neler göreceğiz Coram harika önemli olan içinde dolgu beni itti kutu boyutlandırma özelliği aşağı yerine beni dışarı yardımcı olacağını padding-left: Bir metin girinti gibi bir şey yapabileceğini borç metni koyarak hala orada o boşluğu olsun ama ben olacak Aslında şimdi benim tüm çapa ben olacağım dışarı itmek Sınırlar daha fazla mal olayı buluşuyor kırılma i çapa etiketleri çok daha iyi arıyoruz am tamam böylece kullanıcıyı gösteren benim arka plan görüntüsünü kullanmak için temelleri olduğunu Farklı parçalar en fazla bu bir adım atmak ve belki içine bu yapalım yatay navigasyon menüsü çakmak oğlunun taahhüt tarayıcı biraz yolda görüntüyü master Biz bunu yapmak ne kadar kolay olduğunu görmenizi sağlar artık gerek yok Ben olmak düşmeye arada benim liste öğeleri hangi gidebilirsiniz Diğer üst üste blok ve ben yüzer kendini değiştirebilir sol elliler Ben yan yana olduğumu listesi ve ben yan yana görünmeye başlayacaktır bunu kabul Muhtemelen merak nasıl olabilir yan gider hepsi Bu temelde bu grafik nesneleri yüzden ben sadece yüzer olsun aşağı var ki Onu karşılamak için bir oda gerekli ama şimdi biz gidip orada bol oda var ve İstersem şimdi bu kırk piksel için elimizde biraz daha küçük ne 300 piksel kendini bir aile kız biraz ölçekli aşağı iyi ek ayar Arka plan resmi Tabii bizim arka boyutunu ayarlayabilirsiniz ve 300 piksel genişliğinde benim görüntüleri sirk 250 piksel genişliğinde beri Ben sadece benim arka plan görüntüsü küçük yapacak yeterli olmayacaktır yapıyorum gerçi belki gibi görünüyorum ama sadece herhangi bir sorun geçmesi gerekir diğer şeyler ve sürü yani benim parmak vergi ile olmalıdır var 150 piksel tüm yüksekliği yapmak 20 piksel kasaba sadece yukarı kaydırmaya gerek görelim 20 piksel artık line-height: Yarım yarım metin girinti olabilir nakavt vurgulu ben 80 piksel kırk kadar vardiya değiştiren istemiyorum bu yüzden yenilemek zaman şimdi benim numaralar yarısı tüm kesme çarptı daha küçük bir ölçekte 10 var ama set Hala Furcal ders için tabii ki olacak ve ben götürsem bir yüzer: Ben geri dönebilirsiniz listemi öğelerin sol dikey yönelimli iddia menya böylece tarih katılmak yardımcı olur: ve marul onunla eğlenceli bir sürü var ve orada olabilir Özgür arka plan resmi setleri ve bazı% uh kullanışlı görüntüle bulabilirsiniz yerler Photoshop ve kesinlikle kendi arka plan resminizi yapabilir böyle şeyler setleri Bazı sprite navigasyon yapmaya başlayabilirsiniz böylece cesaret.

Açıklama

Bir navigasyon menüsü çapalar / köprüler için bir ana plan görüntü kullanın ve vurgulu arka plan konumunu değiştirin. Bölüm 1: http://youtu.be/hAn3QN12zMM

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
  • 6
    Yorum
  • 751
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Commander Chalkboard

    Commander Ch

    20 Ocak 2014
  • GoogleTechTalks

    GoogleTechTa

    15 AĞUSTOS 2007
  • Julia Graf

    Julia Graf

    6 Mayıs 2006

ANKET



Bu sayfa işinize yaradı mı?