29 Mart 2012, PERŞEMBE

Öğreticiler #6 - Pusula Sprite Pusula

Hey naber bu seviyede Scott, bir ağaca acıyor gidiyor kapsamak ile sprite üzerinde Eğer sprite aşina değilseniz ve ben biraz kabul yapmanızı öneririm Ben bütün temelleri üzerine gitmek gitmiyorum ama gerçekten almaya gidiyor ilk cuz Bir onun size olan bir durumda kullanılacak olurdum Bu böyle görüntüler püskürtülür kullandığınız burada görüntüler için bir tabak var Bu durumda var Ancak birçok Santa bir resim yüklemek için dört olmak ve o zaman sadece göstermek ve gizlemek için CSS kullanın Bir ilgili bölümleri görüntü bu yüzden şu anda biz sadece pusula hakkında büyük ne bu dört görüntüler var E

ğer hepsi bir bütçe görüntüleri verilen gibi onların ve daha sonra kampüs sizin için otomatik dua Thats üretecektir bu nedenle bu gerçekten güçlü olduğu için notlar ve dolayısıyla bir sprey oluştururken onun background-po

zisyonunu kapmak zorunda in: herşey alır kurşun zamanı oldukça fazla bir haber kıyasla hiçbir zaman alır bu yüzden biz emin yapılan içerik RB o dersten gerçekten heyecan verici dosya görüntüleri klasörü işaret

“Bu Pusula serisinin 6 öğretici olduğunu. Bu öğretici resim sprite oluşturmak için Pusula kullanmak ve sizin için ağır kaldırma tüm nasıl kapsar. Compass-style.or...”
LevelUpTuts

ve göz eğer edildi Eğer biz görüntüleri klasöründe bkz duymak simgeler bu yüzden size istiyorum ilk şey vardı vardır yapmak bir koyun istiyorum Klasör Birçok bir klasöre koyarak ve olacak kesim sosyal isim o şey oldu yayılmış olacak ne uygun Tamam Bu arada aslında zenci burada disko kadar yorum kullanmak için alınmıştır o geldi Burada birimler görüntüleri uzakta tamam gitti böylece görüntüler şimdi bu yaşıyorlar vardır en kolay yolu böylece sosyal klasör a

Öğreticiler #6 - Pusula Sprite Pusula Resim 1 Öğreticiler #6 - Pusula Sprite Pusula Resim 2 Öğreticiler #6 - Pusula Sprite Pusula Resim 3 Öğreticiler #6 - Pusula Sprite Pusula Resim 4

slında gerçekten kolay pusula ile haklarını kullanmak bu yüzden olacak ithalat yapmak ve sonra biz söylemek için gidiyoruz Konumu, sosyal klasör olduğunu giymek Görüntüyü söylemek gerekmez için görüntüleri klasörüne bakarak başladı Sadece söylemek zorunda bkz sosyal veya ne olursa olsun başlık senin sprit klasörü sevgi ve ardından burada acımasız ve yapılacak yıldız ve PNG ekleyin bu nedenle bu tüm dosyaları kolik olarak gösterir Sosyal Aynı kadar şeffaf PNG dosyaları olduğunu böylece sprite inşa edecek ne olduğunu Eğer biz

bu görürseniz sizin CSS fark Biz bir şey yapmıyoruz, çünkü hiçbir şey söyleyerek dışında değişti hey Bu dosyalar için sosyal arıyorum bulduğumuz olup gitmek ama eğer onların bunu fark Bir püskürtülür zaten bizim için oluşturulmuş oldu buradan böylece kolay ve var en bir o sen can yapmak istedim biliyorum diyelim Ancak normal NGC sprite bu dosyayı yeniden adlandırmak şirketlerin bu şekilde daha fazla yapmak için süper kolay dedi yapmak bu yüzden en temel uygulanmasında Sadece yapalım En dahil ve sonra biz söylemek için gidiyoruz Orada tüm çizgi ve sonra ne olursa olsun sonbahar Sosyal onun yüksekliği çizgi ve sprite ve sonra koni için bitirmek için gidiyoruz üzerinde arsenik ama kaydetmek ve şimdi en Bizim CSS kontrol edelim ve bu oldukça şaşırtıcı bitince tamam bu yüzden sosyal tamam püskürtülür diyor olduğunu Sosyal Facebook sosyal RSS yerlerde sosyal YouTube değildi aziz kullanımı bu arka plan görüntüsü de görüntü adından da yakala bu ve o şimdi bize sınıfları veriyor: Sosyal Facebook background-image: disposition yani Biz HTML içine gidiyoruz ve biz aslında sadece eklerseniz Sosyal I ve yenilemek gerektiğini söylüyorlar ve bizim görüntü var Bu teftiş bunu kullanıyor görebilirsiniz sprey kullanarak görünmeyen gerçekten endişeli ve sonra arka plan pozisyonu edeceğiz yapıyor: Her şeyi Bizim için hesaplama Bu kolay son derece olduğu Bu beni kesinlikle hiçbir zaman ve 29 posta kodu rahatsız Yani bizim CSS sprite oluşturmak için Bu oldukça şaşırtıcı olduğunu o harika olduğunu var bu yüzden bir sen tüm bu yeniden adlandırmak istemiyorum biliyorum size inkar var ne olursa olsun sosyal böylece ve söylemek Bize bunu 3.fashion tamam onlar gitti konum daha fazla kontrole sahip olacak böylece bu satıra verilen oluyor ve Sadece istiyorum, biz bir sınıf var önce denilen 21 ve böylece çağrı görelim Twitter selam Demokratlar Turner Sana bunu çünkü sipariş çağrı nerede burada ve daha sonra teşvik senin beyanı Biz parantez vermek için gidiyoruz ve söylemek için gidiyoruz dahildir ve bu sözler dikilir kalkıyor olduğunu Biz sadece sosyal söyleyebiliriz at nefret vardır savurdu ve püskürtme ve ardından sağ böylece dosyanın deniz ve sonra sadece adını yazdırmak için hangi bir Twitter K vardır ve sonra biz yemekler kadar virgül kaydedin ve en bizim CSS ne diyor kontrol sağlayacak böylece CSS biz yenilemek bu kapma ve o kesinlikle mükemmel Twitter hesabı var Hala daha sonra sosyal sprite, öğrenme ve sadece adil Twitter bizi vererek Bir bildiğimiz istedim aynı şekilde eğer Facebook ve onun en dahil yapım bkz Sosyal sprite Tamam ve kumlu aramayı yüz ve söylemek Bu konuda fark ederseniz üzerine yenilenen senin kadar Facebook sos Bizim klasöre isim olarak bu sosyal Bizim klasörü değiştirdiyseniz, bu da ruhu değişmiş olacaktır Sadece yaptığımız başka örnekte olduğu gibi tüm sosyal sprite sosyal olduğunu Bunu değiştirmek için klasörden gelen sizin klasörü değiştirmek Eğer bu temel örnekte de gördüğünüz gibi, böylece Pusula ile sprite zahmetsizdir Ben o sadece kadar kolay olur oluyor da onun sadece gerçekten nasıl demek ve o gerçekten bunu uygulamak için gereken herşey Tabii biraz daha özellikleridir ve onlar çok daha esnek yapmak İhtiyacınız harf Bu esneklik ve Nexus böylece daha sonra ayarlamak gerekir ve biz olacaksın ediyoruz senatörü üzerinde gidiş için sprite içinde esnek seçenekler Herhangi bir sorunuz veya yorumunuz varsa pusula her zaman sayfadaki Yorum bırakmak için çekinmeyin olarak evet Twitter bahis ve o beni o basmıştır seviyesi up var biliyorum gelgit kadar seviyesi Beni izlediğiniz için iyi bir kez daha teşekkür düşünüyorum bildirmek biliyorum ama.

Açıklama

Bu Pusula serisinin 6 öğretici olduğunu. Bu öğretici resim sprite oluşturmak için Pusula kullanmak ve sizin için ağır kaldırma tüm nasıl kapsar. Compass-style.org "Bu sprite bir esinti oluşturarak yapar" .. diyor ve onlar şaka değildi.

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



10/10

  • 129
    Olumlu
  • 0
    Olumsuz
  • 33
    Yorum
  • 16654
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Animation Workshop

    Animation Wo

    8 NİSAN 2010
  • STITCHLESS TV how to sew your own style tutorials

    STITCHLESS T

    9 HAZİRAN 2011
  • The Verge

    The Verge

    8 AĞUSTOS 2006

ANKET



Bu sayfa işinize yaradı mı?