Odaklanmamız gereken tek şey renklerdir.
Bir jumbotron ile başlayalım.
JumboTron içindeki her şey sadece farklı bir mavinin gölgesidir ve
bu belgede 3 5 0 görmek için burada bulunan mavi gölge stil sayfamıza gidecek ve sadece jambotronu seçip renk ve içindeki her
şeyi verebiliriz hepsi aynı renkteki gibi bu renkte ve her şeyin uçurum da dahil olmak
üzere maviye dönüştüğünü görebiliyorsunuz A-Kon glif simgesi sadece metin olarak değerlendiriliyor.
Aslında bir yazı tipi; böylece renk mülkünü kullanarak rengini değiştirebilirsiniz.
Şimdi biraz daha hileli olan nav barıyla uğraşalım.
Arka plan rengi kötü değil.
Tek yapmamız nav çubuğu Inv seçmektir. ya da yapabilirdik.
Şimdi, düzeltme durağımızdan sonra açık kaldıysak, nav çubuğu tersini yapacağız ve
daha sonra bu mavi arka planın arka plan rengini verip yapıştırıp yenileyeceğim.
Ve bunun maviye dönüştüğünü görebilirsiniz.
Ancak burada rengi değiştirmek için, beyaz olduklarını, gri olduklarından daha çok istiyorum.
Stil mengenelerini veya etiketlerini, sadece stil bağlantı etiketlerinin beyaz olması için kullandıkları şey buysa,
pek işe yaramaz.
Bu yüzden ne demek istediğimi göstereceğim.
Çapa etiketi rengi beyaz.
Geri dön.
Etkileşim görmez ve denetlediğimiz takdirde müfettiş için büyük bir yarar sağlar.
Neler olup bittiğine bir göz at.
Dolayısıyla, renk beyazımızın kesildiğini ve renk burada atanmakta olduğunu görebiliriz.
Bu çizgi rengi bu gri renktir ve işaretini kaldırırsak, istediğimiz beyaz olmaya geri
dönerler.
Ve bunun nedeni daha spesifik bir seçici olması.
Eğer o dersi geri düşünseydim, özgüllük üzerine yaptım.
Bu, burada olduğumuza kıyasla daha yüksek bir sayıya veya daha yüksek özgüllük endeksine sahip olmak için hesaplanmıştır;
bu, buraya kıyasla küçük çapa etiketi için budur.
Birden fazla sınıf.
Bunların her birinin sadece bir çapa etiketinden on kat daha spesifik olduğunu unutmayın.
Bu yüzden, yapmak istediğimiz, sadece spesifik olacak bir seçici yazmak ve bunu
burada çalabiliyoruz.
Bu yüzden buraya gideceğiz ve bunu yapıştıracağız ve sonra beyaz renk olacak şekilde değişeceğiz.
Dolayısıyla önyüklemenin aynısı olan tekerlekli sandalyeyi geçersiz kılacak.
Ve stillerimizin önyükleme duruşundan sonra ortaya çıkması önemlidir, böylece onu geçersiz hale getirebiliriz ve biz taze olursak
beyaz bağlantılar elde ederiz.
Son olarak, aynı şeyi nav bar markasına da yapacağız.
Böylece nav bar çizgi markasının içinde olduğunu görebilirsiniz.
Daut'u şimdi markamız için seçersek beyaz bir renk verir ve kaydedip geri dönersek yine de işe yaramaz
ve aynı problemimiz olur.
Dolayısıyla, incelersek, burada beyazın dönüp dolaştığımız stillerimizden geçtiğini
göreceksiniz; bunun yerine renkler bu çizgiyle değiştiriliyor.
Şimdi Bar markası nav çubuğunun içinde Inv. bu yüzden biz de çalabilir ve üzerine yazabiliriz.
Bu yüzden nav çubuğuna ihtiyacımız var. Şimdi markamız için.
Dolayısıyla temelde önyükleme
stilleri ile stillerimiz arasındaki stillerin savaşında çatışmaya gidecek stiller yazıyoruz ve seçicilerde aynıdır.
Bu yüzden bizimkiler ikinci geldiği için tepeden tırmanacak.
Kazanacaklar yeniliye gidip asla gitmeyecekler.
Stillerin çoğunu yaptık.
JumboTron'da gri rengi
ekranda fark edemeyeceğiniz gerçekten de önemsiz bir şey var ki, bu biraz farklı.
Bu renk var, burada kopyalayıp RC SS'ye geçeceğim
ve sadece Jumbotron'un arka planını o gri renkli olacak şekilde değiştireceğiz ve yenileme olarak da dikkatli olalım.
Umarım değiştiğini görebilirsiniz.
Sadece değişti.
Hafif gevrek gri görünüyor.
Bu yüzden her şeyi test edelim.
NAV bar çalışmalarımızı yeniden boyutlandıralım.
Javascript iyi çalışıyor.
Oraya gidiyoruz.
Her şey iyi gözüküyor.
Sana göstereceğim son şey burada farklı bir simge nasıl kullanabileceğimiz.
Kullanmakta olduğum kütüphane, eğlenceli awesome fun
awesome adlı bir kütüphaneden, farklı simgeler içeren basit bir kütüphanedir.
Simgelere sahip Bootstrap'a göre daha fazla yol, böylece Funt'a harika bir yer edinebilirsiniz.
Onu yakalama.
Burada ana sayfam olduğumu biliyorum.
Ve simgeleri tıklarsak hepsinin burada görebileceği 580'den fazla farklı simge vardır.
Ve onlardan, Pucelle'de gerçekten kolaylıkla
yapamayacağınız güzel özellikleri çok kolay.
Böylece fotoğraf arayabiliriz ve kamera ve kullandığım kamera retro elde edersiniz.
Ancak bunlardan herhangi birini kullanmadan önce kurmamız gerekiyor.
Yani başlamak için gidersen.
Sadece kopyalayabileceğiniz ve uygulamanızın içine koyabilecekleri hoş bir CDN var.
Bu yüzden aniden üst ödeme yapacağız.
Ve şimdi eğlenceli müthiş simgeler kullanabiliriz ve gerçekten çok kolay.
Aslında barış işaretini kullanmak istediğimi söyleyen beğendiğiniz herhangi
bir simgeyi tıklarsanız üzerine tıklayabilir ve size kopyalayabileceğiniz biraz kod verirler.
Bu nedenle, sınıf için fa'ya eşit bir ikon eğlencelidir.
Muhteşem.
Ve sonra F. A. Simgenin adını çizin.
Kamera simgesini bununla değiştirelim; böylece kaydedecek ve yenilenecek büyük bir barış işareti olacak.
Ve bir barış işaretimiz var.
Öyleyse eğlenceli harika korkunç bir şey.
Gerçekten popüler.
Şimdiye kadar ihtiyacınız olan pek çok simgeyi görebileceğiniz gibi birçok harika simge.
Bunların standart bir grup var.
Oynatma düğmesini duraklatın.
Teknoloji ve farklı İnternet simgeleri için geri geriye doğru farklı simgeler.
Ancak barış işaretleri gibi eğlenceler de var.
Ve bence orada da bir Spock elimiz var elimizde.
Böylece herhangi bir yazı tipini kullandığınız gibi bunlardan herhangi birini kullanabilirsiniz.
Dolayısıyla rengi değiştirmek isterseniz, boyutu değiştirmek isterseniz renk mülkünü değiştirmeniz yeterlidir.
Aslında yazı tipi boyutunu değiştirirsiniz.
Bu yüzden kamera çizgi retro olduğu
için yine bu retro kamera aramasını kullanacağım, bu yüzden retro bir çizgi kamera çizgi yapmak ve yenilemek kaydetmek gerekir ve biz bu retro kamera olsun.
Pekala, galeri ile işimiz bitti.
Aslında görüntüyü değiştirme dışında, bu tamamlamayı bitirir bitirmez yapacağım başka sensin.
Muhtemelen herzaman izlemek istemiyorsunuz, ancak durumunuz varsa sonunda ekleyeceğim.
Dolayısıyla, burada yeterince Bartra var, burada siyah ve
beyaz nav barına sahip olduğumuz şu anda tersini kullandığımız küçük bir değişiklik yaptık.
Ancak sonra renk değiştirdik, bu yüzden gerçekten önemli değildi.
Ve sonra da nav bar sabit top kullanılır, bu nasıl üstte kalır.
Burada ızgara sistemi kullanıyoruz ve sonra bir jumbotron kullanıyoruz.
Grip'i, nispeten sınırlı Bootstrap simgelerinde yerleşik bir kavramı getirdim.
Kullanacağınız şeylerin çoğu vardır ancak ara sıra bir şeyler olmazlar
veya bazen eğlenceli müthiş ikonların eğlenceli görünme biçimini tercih edersiniz.
Baş döndürücü yemek şovundan çok daha başarılıydı ve
size gösterdiğim diğer yeni şey, yalnızca bir görüntünün etrafına koyabileceğiniz küçük resim sınıfıydı
ve bu görüntüyü bir ızgaraya zorlayacak ve bu güzel küçük kenarlığı buraya ekleyecektir.
Ve son olarak, özgünlüğü ve arka plan
rengini değiştirmek istediğimizde önyükleme stilleri ile nasıl savaşacağımız hakkında konuştuk.
Nav'ın arka plan rengini değiştirmek istiyorum. veya bağlantılar için yazı tipi rengini ve Nev'in rengini belirtir.
marka burada.
Tamam, bir sonraki videoda bu kadar.
Önyüklemeyle bir açılış sayfası yapmayı nasıl yapacağımızı göstereceğim.
Ve söz verdiğim gibi, şimdi dokuz
farklı görüntü oluşturmak için bu görüntü bağlantılarını kopyalayıp yapıştırmaya gideceğim.
Bu yüzden görmek istediğiniz bir şey varsa, önümüzdeki bir iki dakika bekleyin.
TAMAM.
Bu yüzden ekranı böleceğim ve bunlardan
bazılarını bu ilkin üzerine kopyalayacağım ve bunu burada değiştireceğim ve bir sonraki adımımı yapacağım.
Eski yer.
Bu burada.
Ve eminim bunun bir diğer
yanı da perçinleniyor ve ben de böyle devam etmeye devam edeceğim.
Pekâla, yarım geçtik.
emin olalım.
Yaklaşıyoruz
ve sonuncusu sanırım yaptığımız şeyin her şeyin güzel veya taze görünmesine ve dokuz farklı görüntünün olduğuna
Muhteşem.
Tamam.
Şimdi bittim bitti.
Umarım bu resim galerisi yapmaktan keyif aldım.
Bir sonraki video görüşürüz.