20 Mart 2015, Cuma

Kendi Uyarı Kutuları Oluşturun: Styling (1/2)

Bu videoyu söyleyerek bu uyarı bina olabilir Bunlara kutular CSS ama sonra olacak inşa Açıkçası tarz Çok küçük jQuery ele sadece olabilir açıkçası isteğe bağlı olduğu, onları kapatmak için güçlü olmak onları gerekirse sayfanızdaki öğeleri başlatmak böylece sayfanın üst biz bir büyük var olduğunu görebilirsiniz Burada uyarıları ve kendi iradeleri Kız aynen stilleri Biz bu var içine kaba yerleştirildikleri konum Sadece kaybolur erkeklerin kurtulmak içinde yer alacağını burada X Bu aynı itibariyle de tam olarak aynı şekilde çalışır Bu bina o kadar başlayacak çok temel sayfa düzeni sayfa sayfa sağ

tarafında sol tarafı olabilir Bazı tür ızgara sisteminde kullanırsanız, bu güzel uyacak Internap yüzden önde gidelim ve bu yapı yapmaya başlamak Yıldız ve daha sonra biz bu edebilmek için ihtiyacınız olan kod yazma başlay

acağız kapat biz çok değil koduyla başlayabilirsiniz de çok hepsi burada ben var tüm G Starr levha bağlı olduğunuz temel belge olan biz CSS hakkında yazılı Ben biz olmak için gidiyoruz hangi burada boş Ja

“Farklı uyarı türleri için kendi haber kutuları oluşturarak Eğlenin ve projenize bugün bunları kullanın. Stil ile başlayan ve daha sonra uyarıları görevden JavaScr...”
Codecourse

vaScript klasörünü gittin içine artık çok küçük jQuery eklentisi yerleştirerek bu yüzden sivil için başlayalım Bir çok temel bir kap kurarak bu sayfanın elimi sol tarafında Hayvan Picton burada bir kap oluşsun ve bir sınıf burada sol olabilir Ben bir sınıf var olduğumu Bütün bu bir denemedir içinde o var olan önemli değil gerçekten bu yazar bu nedenle bu sol olabilir yan yemekler sağ taraf olabilir Şu anda ofis çok burada gitmiyor Apple CSS güvercin o

Kendi Uyarı Kutuları Oluşturun: Styling (1/2) Resim 1 Kendi Uyarı Kutuları Oluşturun: Styling (1/2) Resim 2 Kendi Uyarı Kutuları Oluşturun: Styling (1/2) Resim 3 Kendi Uyarı Kutuları Oluşturun: Styling (1/2) Resim 4

zamandan beri ben size gidiyoruz izleme uygulaması sayfasında göğüs yıldızlı konuk edelim diyorum nasıl marjı 20 set beden ve öylece bizim uyarılar üstünde güzel oturacağı demek yardım Festuca için büyük bir burada bir font ailesi seçin atalım ve nasa sans-serif yani bir sensör temin Bek Bu 1 am ve o kaptan Linhai için yazı tipi boyutunu ayarlamak Sadece fazla bir değişiklik değil 1.2 tarafı görsel unsurlar böylece tipografi Mani en marj eğer bu benimle o zaman var bu kabı kayıt izin Sadece ve benzeri biraz dışarı att

ı içinde 20 piksel 7 oturur Konteyner kalan öğe için ve aynı zamanda konteyner sağ eleman gerçekten bu sadece bir sınıf olabilir aynı şeyi yapıyor olabilir Onlara satın almak için olacak bu sol şamandıra ve yapacağız vermek değil Bu yüzde 50 olması üzerine IE Oturup şimdi bu görüneceğim hakkı vermeyecek Ben 10 piksel sıvazlayarak vereceğim birbirinin yanında ve biz ve biz var çünkü yüzde elli var Bunun nedeni Bu 10 piksel doldurma biz ne sigh çalışabilir oldukça değil CSS Cal işlevini kullanın oluyor yüzde elli 20 piksel götürmek yönler 10 piksel padding-sola, çünkü: 10 Pics sağda planladıklarını ve bu bize aşağıdaki veriyor yani neden buradayız Sadece bu incelemek için izin sadece bu yüzden biz burada bunlar görebiliyorum birlikte çalıştığımız şey birlikte gitmek Sadece bu kabın içindeki birbirine güzel yanında oturan söylemek demek en çok hızlı bazı içerik eklemenize izin ve bu sayfayı hey hafta sanırım Bir başlık Burada sayfanın sol tarafında vardı Ben de binmek için aynı katacak inanılmaz üzgünüm üzerinde bana sadece kopya izin ve hızlı bir şekilde burada yenilik ve biz burada bir paragraf olacak Ben de burada bir paragraf kulüpler bazı lorem ipsum ile Bazı Ipsum ile belki 10 yapacak biraz daha burada başka paragraf hayvan Bana şimdi çok ayarlanmamış aşağıdaki adres yaratmak bizim uyarı kutusu kimse burada üstünde olacak Kişinin olacak aşağı kişinin olacak, sadece bu başlık altında sadece bu başlık altında olmalı ve Biz nasıl görebilirsiniz sayfadaki izler değil içeriği ile ağlayan nedeni olacak kadar köz görmek önemlidir hareket aslında sayfadaki içerik için çalışıyor biz bunu kullanmak için gelip düzgün çalışması için gidiyor biliyorum sadece bu yüzden daha sonra ilk uyarı kutusu ayakta celeste yıldızı yani nasıl iç CSS dosyası buluruz istiyor Sınıf yalancı aradı ve en doğrusu biçimlendirme ile başlayalım ve biz ile başlayacağız uyarılar şekerleme ağaç uyum Bu sayfanın üst içine üzerinde olabilir kaplar içinde başına lurked ayrık ise sınıf Sadece burada ve biz önde gidersiniz ve biz sadece edeceğiz ve burada Syntex yüzden çalışıyoruz Bu hafta sonu bazı rasgele sitede Böylece ileti gibi görünmek için gidiyor Aşağıdaki an değil çok daha burada da kapatma düğmesi yukarı ekleyerek Bir anda bu yüzden lanet doldu çarpıcı ile başlayalım ASIC uyarı stilleri bu işe komplo olduğunu Bir dönemin başarı uyarısı var her uyarı bu yüzden olacak millet bu 20 piksel doldurma vermek nerede Bu background-color verebiliriz: Bu gölgelik millet renkte olan sadece bir gri renk olacak yapacağız beyaz metnin rengini ayarlayın konum ve burada 2.9 yazı tipi boyutunu ayarlamak Yan en go ahead ve bu kontrol edelim bitiyor Bu bütün o çok zor değildi dedi ve öyle görünüyor Bob Temel uyarı kutusu çalışma ve Bu temel personel daha az yan olduğunu en en hedefin şimdi devam edelim Bu içinde yakın otobüs biz ne yapmak istediğinizi söylemek biz aslında bir oluşturmak ve trafik sadece bir karma olabilir duymak istediğim Bu hafta JavaScript işleme olabilir çünkü o ve biz go ahead ve bu sınıfı verebilir Bu eğer içeride içerik için yakın bize bir gece veren kez kullanmak için gidiyoruz X ve aşağıdaki takım geri biz buraya tıklayabilirsiniz X var olsun Bu şey yapmıyor iyi bu yüzden o kadar başlamak gerekir Burada on line ile tekrar halk kurtulmak ve muhtemelen en zor kısmıdır oldukça basit olduğunu konumlandırma, bu böylece hedef içinde sınıfında uyarı dahilinde yakın sınıf ve biz devam edebilirsiniz yapacağımızı ne bu site için söz konusu yaptı olacak şamandıra bu renk bir dizi içinde bu haktır Biz götürmek edeceksin bizim içerideki metin rengi ile aynı text-decoration: Chester Bu göründüğünü bakmak varsayılan bağlantıların EC altını ve bir Benim nane gibi pek bu tür olduğunu ben bu ile olan herhangi bir sorunu pozisyon be tıklayın alan burada benim geçmek bir değişiklik görebilirsiniz çok küçük bu yüzden bu padding biraz vermek ve doğru bir şekilde konumlandırmak yapmak istiyorum bu yüzden tıklayın büyük bir alanın biraz var olacak bizim sorunu çözmek oluyor dolgu 210 piksel fırın ama olacak bulunuyor Ona fayda konumlandırma sorunu vermek Burada gördüğünüz şimdi tıklayın alan bizden çok daha büyük olduğunu Mobil cihazlar için özellikle yararlı ya da belki bir dokunmatik ekrana sahip küçük cihazın her türlü Onların parmak Size söyleyecek göstermeniz gerekir Ben üst iki-eksi 10 piksel öylece oturup ediyorum bu mücadele Ben -10 piksel hakkını set değilim onun hiçbir yenileyebilirsiniz bu sebebi oluyor gibi görünüyor Bu da varsayılan konumu bu yüzden ne yapmak istediğinizi göreli pozisyon dedi ve biz o eksi değerler vermek vermek laos yapmak için ona sormak gerekir Bizim let Kapat düğmesini var şimdi var Big Creek alanı ile size bunu biraz istemiyor sadece bu eğer devam edebilir Bunu taşımak istiyorsanız yanı emin büyük bit Biz temel styling var outlived onların ne istediğiniz Bugün Burada bu yüzden olacak şimdi ne sonra bir kopyasını içinde bu Ben sadece üç 10 ISH öyle bu başlığındaki altında yapıştırılan edeceğim ve aynı zamanda bu bir aynı şeyi ve bunu yansıtmak için metni değişecek hangi size istiyoruz tür altında Nasıl burada İlki olacak bir başarı başarı özledim kaydedilen ayarlar ve burada yapacağız işleri demek ediyoruz bir şey korkunç gitti uzun kenar Eğer otomatik olarak bu görebilirsiniz gerçekten güzel biz zaten bu can biliyorum bu yüzden bu kabın içinde uydurma vardır Kazandığımız takdirde sayfanın üst kısmında kullanılacak biz sadece tam olarak aynı şekilde çalışır konteynerler içinde bu nasıl kullanabileceğinizi biz ne yapmak istediğinizi şimdi başladı şekilde douche Örneğin ek bir sınıf uygulamaktır Bu dönemin dönemin başarısı etmeyecek bize bu arka plan rengini değiştirmek için izin Hiç typeof uygun ve gerçekten basittir için biz bunu yapmak için gereken tüm ira için uyarının bir çağın ve biz sadece arka plan rengini Şimdi bu değiştirmesine izin söylemek değiştirmek Size FF 7777 olarak bize bir verebilir kendini hazır pembe renk ve sonra biz hedef olabilir başarı uyarmak ve arka plan değişecek Size 55 burada renk IA 44 bize güzel bir Yeşil Tara verebilir üzgünüm biz gerçek ele ettik yakın düğmeye gerçek konteyner konumlandırma Yapmamız gerekenleri şimdi uyarıları farklı türleri için arka plan renkleri gitmek ve biz bu yakın ne kadar aslında bakmak yapacağız CSS kullanarak olacaksın eleman ziyade bu işlemek için geçişler güvenerek Jake'e biz aslında geçiş yüzden karşılamak ve bunlar tamamen işlevsel olsun, bir kullanıcı aslında can olacak sonraki bölüm onları kapalı JavaScript ele olacaktır Bu yan.

Açıklama

Farklı uyarı türleri için kendi haber kutuları oluşturarak Eğlenin ve projenize bugün bunları kullanın. Stil ile başlayan ve daha sonra uyarıları görevden JavaScript işlevini bitirme. Https://www.youtube.com/playlist?list=PLfdtiltiRHWEdQ7UiwDtUZ1lEfyW43-WH tam serisi İzle Daha fazla öğreticiler için buraya Abone: http://www.youtube.com/subscription_center?add_user=phpacademy Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

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

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



10/10

  • 105
    Olumlu
  • 0
    Olumsuz
  • 12
    Yorum
  • 6446
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Official Android Tips

    Official And

    23 EYLÜL 2009
  • Moto Journal

    Moto Journal

    28 Mayıs 2007
  • Shameless Maya

    Shameless Ma

    24 Mayıs 2012

ANKET



Bu sayfa işinize yaradı mı?