28 NİSAN 2014, PAZARTESİ

Ses Atölye 4 Mp3 Player Dış Görünümleri Ve Css3 Grafik Eğitimi

Bu egzersiz başlamadan önce ses atölye serisi tekrar hoşgeldiniz Herkesin bu video sonra biraz zaman almak zorunda olduğunu bildirmek istedim Video yapmak için Ben çok büyük bir başarısız Ara yeniden zorunda çünkü çerçeve sonra bir çift yeni kapılar yükleyin çok küçük bir bodrum benim bodrum bitirmek zorunda ve dışarıda benim mülkiyet yapıyor gereken birkaç diğer şeyler ve işler Ben uzun gecikmiş bir proje üzerinde procrastinating oldum Bana doğru tüm bu şeyler yapmak biraz zaman alacaktır ama sadece o kadar internette devam videoları yapmayı durdurmak gerekir bu yüzden yapılan get şeyler od

aklama yapabilirsiniz yapıyor bütün bu zaman bu yüzden biz bu yıl kapalı bırakın tam noktada devam etmek için gidiyoruz olduğunu çok derin Devam Ses içine biz stil gidiyoruz bu bölümü YouTube videolarını atölyeleri Özel

deri içine özel yapılmış ses çalar bileşenleridir grafik düzenleme yetenekleri olmayanlar% uh görünüm Ayrıca benzer CSS gösterecektir Cilt grafikleri buradayım. Eğer Kim çalışabilir içeriden havai fişek Photo

“Ders Kodu: http://www.developphp.com/video/JavaScript/Audio-Player-Skins-and-CSS-Graphics-Tutorial Bu bölümde biz özel deri içine bizim özel inşa ses çalar bileşe...”
Adam Khoury

shop herhangi bir grafik editörü gibi izin ve ben size göstereceğim şey benim küçük deri bir degrade dışarı oluşur O donör sadece demektir biliyor degrade o degrade dikdörtgen görür ve çevresinde biraz var bu kenarlarda ayarlamak ve orada sadece küçük beyaz çizgili koymak ve onların donukluk görmek bu yüzden tüm pasady A almak onları aşağı soluk yol geri Sadece beyaz bir şerit aşağı geri getirmek görmek Bu gerçekten büyük bir konuşmacı ve ben bir hi ve sonra baz

Ses Atölye 4 Mp3 Player Dış Görünümleri Ve Css3 Grafik Eğitimi Resim 1 Ses Atölye 4 Mp3 Player Dış Görünümleri Ve Css3 Grafik Eğitimi Resim 2 Ses Atölye 4 Mp3 Player Dış Görünümleri Ve Css3 Grafik Eğitimi Resim 3 Ses Atölye 4 Mp3 Player Dış Görünümleri Ve Css3 Grafik Eğitimi Resim 4

ı hoparlör grafik var Sadece aşağı yazdı ve yapmak orada yerine koymak emin hepsi ayağa merkezli konum ve ben Verme Sihirbazı devam dosya gidiyorum Bu arada çıkışına devam benim Benim sahne benim kampüs hiç bir geçmişe sahiptir sen benim kampüs açık şeffaf arka plan olacak PNG 32 gidin görebilirsiniz Emin mat sonra ihracat açıktır ve yapmak Benim ses projesi klasörüne herhangi görüntüler, görüntüler klasörüne gidiyor klasörü ve ben sadece bir isim cilt bırakacağım olanlar PNG şimdi bu bıraktığımız tüm aynı tam kod cilt biri

olacak Video üç numaralı içinde Biz sarın doğayı yaptım eklendi yapacağız Biz dibe yakın onu kapatmak Hindistan'da tüm bu şeyler ve daha sonra girintili olabilir ama aslında biz olacak başka bir tane ekleyin ediyoruz yani başka bir yaptım ekleyebilir ve sadece bir tane icat ve daha sonra altta aşağı yeni vermek olduğunu kapatırsanız yanı sıra bir tane şimdi girinti ki bir girinti Böyle bu iki içine her şey Biz izini kaybetmek olmadığını Biraz kod kesimi tamam olması gerekir Eğer o ilk ana konteyner gibi bir şey arıyor istiyorum bakın O ses çalar eşit kimliği verince ve daha sonra kendi alt üst kapsayıcı tüm ses için hangi kontroller ses kontrolleri biz olmak vermek vardır ve oldukça HTML şimdi biz stili açabilirsiniz eleman ve ihtiyaç gidiyoruz CSS koymak Öyle hedefleyecek vücut egemenliği altında burada yapacak Bu iki ses çalar 450 piksel yükseklik ile gets yaptım Mükemmel benim derisine boyutları ile eşleşen 60 piksel arka plan, bizim görüntüleri klasöründeki bir görüntüye olacak PNG hiçbir tekrarına dedi denilen cilt biri Bir an ben göstereceğim edeceğim çünkü sınır yarıçapı yoksul piksel olarak ayarlanır Nasıl Bu grafik cilt kullanamazsınız veya PNG cilt ve sadece yapacağız bazı CSS kurabilirsiniz Bir degrade ve bağımsız görüntü olarak hoparlörler ekleyebilirsiniz Eğer herhangi bir web sayfasına herhangi bir görüntü eklemek istiyorum gibi tamam bu kadar ses çalar için dolgu kutular gerçekten onlar bunu pat istiyorsanız sadece sensin herhangi olduğunu isim 0 piksel Şimdi bu bir sonraki kural ses kontrolleri yaptım hedefliyor O ses çalar tüm ses kontrolleri yaptım içerde biri yaptım içinde olacak saklanabilir ve biz bir margin-sol verir: Bu şekilde tüm kontrolleri ilk resmin üstüne oturan değil sola kapalı söylenmiş sağ biraz için yola çıktık gerçekten uzak etmedi ama margin-left çünkü hoparlörden başına bundan: o zaman tüm kontrollerin bu hoparlör üzerinden tüm olacağını olurdu en kâğıt tarayıcısında bu test edelim tamam yüzden bizim cilde sahip ve ben şimdi yapacağım tüm bunlar yapmak olduğunu elementler görüntüler: blok ve macon şamandıra: left Ben çok daha kolay zaman onları konumlandırma var bu şekilde Tam piksel ve isterseniz aslında bu alabilir Bu kuralı başladı ve tüm bu önce doğru koymak düğmesi ve giriş kuralları Ses kontrolleri vardır sadece düğmelerini hedeflediğiniz bu şekilde belki sen etkilenmez istemezsin sayfanızda diğer düğmeleri bu Bu havuzlar, belki sen etkileyen istemediğiniz sayfadaki diğer girdileri var Bu kural ile sadece bu putback üzerine koydu almak bkz ve ses kontrolleri içinde o zaman sadece düğme ve girişler yaptım anlamda iyi olmak için bu etkilenecek şimdi ben yaptığımız bütün o ses bileşenlerini yapmak istiyorum dedi hatırlıyorum Ekran: float bloğu: sol ve biz onlara Kesin genişlik ve yükseklik istediğim tam olarak nerede bunları yerleştirmek emin olun Onları olmak tamam bu yüzden düğme kural kim ekleyebilirsiniz Bu üç özellik şamandıra görüntüler marj görüntüler blok marjı, sol tarafta bulunan Sağ üst alt üst 22 piksel sol Sağa doğru 10 piksel kenar boşluğu ve alt ve sol için 0 piksel şimdi önizleme görmek gerektiğini bize verir Bizim küçük düğmeleri aşağı gittiği konumuna gidiyor herhangi bir düğmeye elemanları oyuncu ortada Aynı kesin bir şey yapmak için gidiyoruz şimdi üst olanlar 22 piksel aşağı doğru itin sürgü bizim girişler için Onlara ekranı yaparak yerine o başlayalım: block Biz tam olarak istediğiniz marjları baz verilen daha sonra sol ve: yüzer şimdi biz onları istediğiniz yerde biz tam olarak bizim sürgü olduğuna inanıyorum şimdi yerine aşağı bu sefer kutusunu taşımak yapmak zorunda ve bunu yaşamak istiyorum hemen önce koltuk bar ve sağ sonra size düğme ve HTML beri zaten yerleştirilir beri Ben sessiz düğmesini Sih kaydırıcı arasında olmak istedim burada tüm mecbur şamandıra yapmak bunun yanı sıra sol ve ekran yapmak: blok bu yüzden biz burada zaman kutusu mevcut kuralın içine gidelim Varsayılan olarak blok görüntülenecek olacak bloğu: hadi ekran yapalım böylece biz sadece bu kaldırabilirsiniz biz istedik kesin kenar boşluğunun koymak ve o işleri bakalım gerçek şimdi sol yapmak evet orada yaptım şimdi ne gitmek Biraz sınır dibe konulmuştur: Üzerinde Biraz daha hafif olduğunu buna: Biraz sınır dibe koymak için gidiyorum Ben edeceğiz kutusunu dinlenme arka plan sınırını etsinler sonra güzeldi Alt renk o güzel yapmak almak 1 piksel katı koyu küçük ama çok karanlık ve o biraz iç metnini bakmak yapacağız bile evet biraz çok parlak bkz çok parlak olabilir bu yüzden o kadar karartmış bu o maç yapmak izin Alt sürgü üzerindeki sınırları ve aslında bir alt sınır seti var geyik Bunu oluyor sanırım oldu Burada aralık border-alt: Umurumda tamam şimdi tamamen aynı kutu o alıp zamanla koymak olduğunu Alan şimdi hepsi biraz inset bakmak yüzden maç için gibi üst ve hoparlörlerden gelen küçük bir ışık da onun küçük gibi bakmak Hafif üst gelen tamam şimdi güzel bir özel oyuncu var bakın hacim sürgülü Eğer duraklama düğmesi kontrol oynatma kafasını oynamak Tamam bazı tarayıcılarda ben iç düşünüyorum sürüklerken krom seçim biz oynatmayı duymak Ben kazanç bir fastball sarma ama sanırım adresinden bu konuda diğer tarayıcılarda sizi de tüm pozisyonda değişikliği size o küçük kaydırıcıyı gidelim ama ben aslında bunu duyabiliyorum yolu gibi büyük bir anlaşma olması bulmuyorum Hızlı ileri ve geri sarma kullanıcı aslında yapıyoruz biliyor sağlar bir şey Şimdi ne yapacağımızı bu arka planı kaldırmak olduğunu cilt için bazı erişiminiz olmayabilir aşk grafik düzenleme yazılımı için yetenekleri Şu anda biz bunu yapmak için CSS kullanabilirsiniz senin üzerinde bir cilt elde etmek isteyebilirsiniz böylece yerine gerçek için grafikler için URL adresinde Biz sadece doğrusal degrade arka plan koymak için gidiyoruz bulunuyor şaşkın bok PNG bir ışık veya siyah koyu gri ve sonra biz bir sınır yarıçapı zaten bu yüzden bir çok almalısınız kurdunuz Benzer adlı bunu kontrol edelim ve bir üst yapar ben biraz daha koyu alabilirsiniz bakmak Yeterince karanlık değil Bu diğeri görmem maç evet bu doğru orada oldukça iyi görünüyor yapmanız gereken tüm görüntüleri ekleyin Tay yaptım senin Eğer bu burada yaptım dediğimiz Biz koymak olabilir ve o görüntü orada size ses kontrolleri karar Sadece resim etiketi koymak ve daha sonra bir hoparlör koymak ve o çocuk dışında özdeş bir resim etiketi hoparlör koymak Sadece emin ses denetimlerini sarın oluşturan iki resim etiketleri ile yaptığımız ve daha sonra kimliği bu görüntüleri verebilirsiniz Onlara istediğiniz herhangi marj alanı vermek istiyorum onlara herhangi bir şekilde yüzer ve bu şekilde orada hoparlörleri sığdırmak mümkün olacak ile birlikte sizin veya denetimleri hiçbir sorun engellemek ve daha sonra başka bir koymak Burada konuşmacı CBC Eğer saf CSS kullanabilirsiniz gibi herhangi bir grafik editörü şey gerekmez ve hatta bu beyaz çizgiler alabilirsiniz onların Eğer üzerinde çalışma durumunda Doğrusal degrade ancak üst ama bu başka bir Lidiya degrade eklemek olurdu Ben sadece kullanmayı tercih bu yüzden zor alabilir doğrusal degrade Ben havai fişek yapılan hazır deri böylece tamam grafik, video numarasını için tamamlar gibi ben değilim biraz götüreceğim bu video başında dedi biliyorsun bunu önce ama geri döneceğim.

Açıklama

Ders Kodu: http://www.developphp.com/video/JavaScript/Audio-Player-Skins-and-CSS-Graphics-Tutorial Bu bölümde biz özel deri içine bizim özel inşa ses çalar bileşenlerini stil için gidiyoruz. Grafik düzenleme yetenekleri olmadan o sizin için, biz de deri görüntü grafikleri andıran CSS gösterecektir.

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

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



9.8/10

  • 63
    Olumlu
  • 1
    Olumsuz
  • 15
    Yorum
  • 6215
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • MndsgnVEVO

    MndsgnVEVO

    26 Kasım 2013
  • stewmurray47

    stewmurray47

    1 Kasım 2006
  • TheGamer2323

    TheGamer2323

    25 Ocak 2009

ANKET



Bu sayfa işinize yaradı mı?