1 00:00:00,230 --> 00:00:03,290 Odaklanmamız gereken tek şey renklerdir. 2 00:00:03,300 --> 00:00:05,160 Bir jumbotron ile başlayalım. 3 00:00:05,460 --> 00:00:11,070 JumboTron içindeki her şey sadece farklı bir mavinin gölgesidir ve 4 00:00:11,070 --> 00:00:23,370 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 5 00:00:23,370 --> 00:00:31,860 şeyi verebiliriz hepsi aynı renkteki gibi bu renkte ve her şeyin uçurum da dahil olmak 6 00:00:32,250 --> 00:00:37,880 üzere maviye dönüştüğünü görebiliyorsunuz A-Kon glif simgesi sadece metin olarak değerlendiriliyor. 7 00:00:37,980 --> 00:00:43,010 Aslında bir yazı tipi; böylece renk mülkünü kullanarak rengini değiştirebilirsiniz. 8 00:00:43,020 --> 00:00:45,950 Şimdi biraz daha hileli olan nav barıyla uğraşalım. 9 00:00:46,110 --> 00:00:47,730 Arka plan rengi kötü değil. 10 00:00:47,740 --> 00:00:53,280 Tek yapmamız nav çubuğu Inv seçmektir. ya da yapabilirdik. 11 00:00:53,340 --> 00:00:59,730 Şimdi, düzeltme durağımızdan sonra açık kaldıysak, nav çubuğu tersini yapacağız ve 12 00:01:01,650 --> 00:01:08,210 daha sonra bu mavi arka planın arka plan rengini verip yapıştırıp yenileyeceğim. 13 00:01:08,210 --> 00:01:09,830 Ve bunun maviye dönüştüğünü görebilirsiniz. 14 00:01:10,020 --> 00:01:15,900 Ancak burada rengi değiştirmek için, beyaz olduklarını, gri olduklarından daha çok istiyorum. 15 00:01:15,900 --> 00:01:21,720 Stil mengenelerini veya etiketlerini, sadece stil bağlantı etiketlerinin beyaz olması için kullandıkları şey buysa, 16 00:01:21,720 --> 00:01:22,800 pek işe yaramaz. 17 00:01:22,800 --> 00:01:23,980 Bu yüzden ne demek istediğimi göstereceğim. 18 00:01:24,030 --> 00:01:28,070 Çapa etiketi rengi beyaz. 19 00:01:28,150 --> 00:01:29,630 Geri dön. 20 00:01:29,910 --> 00:01:35,430 Etkileşim görmez ve denetlediğimiz takdirde müfettiş için büyük bir yarar sağlar. 21 00:01:35,610 --> 00:01:36,880 Neler olup bittiğine bir göz at. 22 00:01:37,260 --> 00:01:43,080 Dolayısıyla, renk beyazımızın kesildiğini ve renk burada atanmakta olduğunu görebiliriz. 23 00:01:43,410 --> 00:01:49,350 Bu çizgi rengi bu gri renktir ve işaretini kaldırırsak, istediğimiz beyaz olmaya geri 24 00:01:49,350 --> 00:01:50,050 dönerler. 25 00:01:50,490 --> 00:01:53,280 Ve bunun nedeni daha spesifik bir seçici olması. 26 00:01:53,460 --> 00:01:56,290 Eğer o dersi geri düşünseydim, özgüllük üzerine yaptım. 27 00:01:56,520 --> 00:02:03,180 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; 28 00:02:03,180 --> 00:02:06,530 bu, buraya kıyasla küçük çapa etiketi için budur. 29 00:02:06,630 --> 00:02:08,190 Birden fazla sınıf. 30 00:02:08,190 --> 00:02:12,330 Bunların her birinin sadece bir çapa etiketinden on kat daha spesifik olduğunu unutmayın. 31 00:02:12,900 --> 00:02:18,480 Bu yüzden, yapmak istediğimiz, sadece spesifik olacak bir seçici yazmak ve bunu 32 00:02:18,480 --> 00:02:19,540 burada çalabiliyoruz. 33 00:02:20,280 --> 00:02:25,910 Bu yüzden buraya gideceğiz ve bunu yapıştıracağız ve sonra beyaz renk olacak şekilde değişeceğiz. 34 00:02:25,950 --> 00:02:29,560 Dolayısıyla önyüklemenin aynısı olan tekerlekli sandalyeyi geçersiz kılacak. 35 00:02:29,610 --> 00:02:35,790 Ve stillerimizin önyükleme duruşundan sonra ortaya çıkması önemlidir, böylece onu geçersiz hale getirebiliriz ve biz taze olursak 36 00:02:36,000 --> 00:02:37,370 beyaz bağlantılar elde ederiz. 37 00:02:37,650 --> 00:02:41,050 Son olarak, aynı şeyi nav bar markasına da yapacağız. 38 00:02:41,670 --> 00:02:45,490 Böylece nav bar çizgi markasının içinde olduğunu görebilirsiniz. 39 00:02:45,960 --> 00:02:57,360 Daut'u şimdi markamız için seçersek beyaz bir renk verir ve kaydedip geri dönersek yine de işe yaramaz 40 00:02:57,360 --> 00:02:59,800 ve aynı problemimiz olur. 41 00:02:59,820 --> 00:03:06,120 Dolayısıyla, incelersek, burada beyazın dönüp dolaştığımız stillerimizden geçtiğini 42 00:03:06,450 --> 00:03:11,700 göreceksiniz; bunun yerine renkler bu çizgiyle değiştiriliyor. 43 00:03:11,700 --> 00:03:17,770 Şimdi Bar markası nav çubuğunun içinde Inv. bu yüzden biz de çalabilir ve üzerine yazabiliriz. 44 00:03:17,970 --> 00:03:21,500 Bu yüzden nav çubuğuna ihtiyacımız var. Şimdi markamız için. 45 00:03:21,930 --> 00:03:23,220 Dolayısıyla temelde önyükleme 46 00:03:23,280 --> 00:03:28,500 stilleri ile stillerimiz arasındaki stillerin savaşında çatışmaya gidecek stiller yazıyoruz ve seçicilerde aynıdır. 47 00:03:28,500 --> 00:03:32,580 Bu yüzden bizimkiler ikinci geldiği için tepeden tırmanacak. 48 00:03:32,700 --> 00:03:36,280 Kazanacaklar yeniliye gidip asla gitmeyecekler. 49 00:03:36,300 --> 00:03:41,100 Stillerin çoğunu yaptık. 50 00:03:41,100 --> 00:03:42,530 JumboTron'da gri rengi 51 00:03:42,630 --> 00:03:48,000 ekranda fark edemeyeceğiniz gerçekten de önemsiz bir şey var ki, bu biraz farklı. 52 00:03:48,000 --> 00:03:51,600 Bu renk var, burada kopyalayıp RC SS'ye geçeceğim 53 00:03:52,740 --> 00:04:00,120 ve sadece Jumbotron'un arka planını o gri renkli olacak şekilde değiştireceğiz ve yenileme olarak da dikkatli olalım. 54 00:04:00,600 --> 00:04:05,510 Umarım değiştiğini görebilirsiniz. 55 00:04:05,520 --> 00:04:07,000 Sadece değişti. 56 00:04:07,110 --> 00:04:08,200 Hafif gevrek gri görünüyor. 57 00:04:08,200 --> 00:04:10,990 Bu yüzden her şeyi test edelim. 58 00:04:11,040 --> 00:04:12,500 NAV bar çalışmalarımızı yeniden boyutlandıralım. 59 00:04:12,720 --> 00:04:16,080 Javascript iyi çalışıyor. 60 00:04:16,170 --> 00:04:18,720 Oraya gidiyoruz. 61 00:04:18,720 --> 00:04:19,740 Her şey iyi gözüküyor. 62 00:04:19,830 --> 00:04:21,400 Sana göstereceğim son şey burada farklı bir simge nasıl kullanabileceğimiz. 63 00:04:21,420 --> 00:04:24,870 Kullanmakta olduğum kütüphane, eğlenceli awesome fun 64 00:04:25,140 --> 00:04:30,510 awesome adlı bir kütüphaneden, farklı simgeler içeren basit bir kütüphanedir. 65 00:04:30,570 --> 00:04:31,860 Simgelere sahip Bootstrap'a göre daha fazla yol, böylece Funt'a harika bir yer edinebilirsiniz. 66 00:04:31,860 --> 00:04:37,520 Onu yakalama. 67 00:04:37,610 --> 00:04:38,390 Burada ana sayfam olduğumu biliyorum. 68 00:04:38,430 --> 00:04:40,890 Ve simgeleri tıklarsak hepsinin burada görebileceği 580'den fazla farklı simge vardır. 69 00:04:41,280 --> 00:04:47,220 Ve onlardan, Pucelle'de gerçekten kolaylıkla 70 00:04:47,550 --> 00:04:52,470 yapamayacağınız güzel özellikleri çok kolay. 71 00:04:52,470 --> 00:04:53,580 Böylece fotoğraf arayabiliriz ve kamera ve kullandığım kamera retro elde edersiniz. 72 00:04:53,670 --> 00:05:01,870 Ancak bunlardan herhangi birini kullanmadan önce kurmamız gerekiyor. 73 00:05:02,100 --> 00:05:05,180 Yani başlamak için gidersen. 74 00:05:05,400 --> 00:05:07,750 Sadece kopyalayabileceğiniz ve uygulamanızın içine koyabilecekleri hoş bir CDN var. 75 00:05:07,800 --> 00:05:14,160 Bu yüzden aniden üst ödeme yapacağız. 76 00:05:14,160 --> 00:05:18,650 Ve şimdi eğlenceli müthiş simgeler kullanabiliriz ve gerçekten çok kolay. 77 00:05:19,140 --> 00:05:24,190 Aslında barış işaretini kullanmak istediğimi söyleyen beğendiğiniz herhangi 78 00:05:24,330 --> 00:05:31,320 bir simgeyi tıklarsanız üzerine tıklayabilir ve size kopyalayabileceğiniz biraz kod verirler. 79 00:05:31,320 --> 00:05:35,100 Bu nedenle, sınıf için fa'ya eşit bir ikon eğlencelidir. 80 00:05:35,100 --> 00:05:38,300 Muhteşem. 81 00:05:38,310 --> 00:05:38,660 Ve sonra F. A. Simgenin adını çizin. 82 00:05:38,670 --> 00:05:42,010 Kamera simgesini bununla değiştirelim; böylece kaydedecek ve yenilenecek büyük bir barış işareti olacak. 83 00:05:42,990 --> 00:05:51,240 Ve bir barış işaretimiz var. 84 00:05:52,380 --> 00:05:53,640 Öyleyse eğlenceli harika korkunç bir şey. 85 00:05:53,850 --> 00:05:55,820 Gerçekten popüler. 86 00:05:55,830 --> 00:05:57,110 Şimdiye kadar ihtiyacınız olan pek çok simgeyi görebileceğiniz gibi birçok harika simge. 87 00:05:57,120 --> 00:06:01,970 Bunların standart bir grup var. 88 00:06:01,980 --> 00:06:03,620 Oynatma düğmesini duraklatın. 89 00:06:03,690 --> 00:06:04,940 Teknoloji ve farklı İnternet simgeleri için geri geriye doğru farklı simgeler. 90 00:06:04,950 --> 00:06:09,400 Ancak barış işaretleri gibi eğlenceler de var. 91 00:06:09,480 --> 00:06:12,260 Ve bence orada da bir Spock elimiz var elimizde. 92 00:06:12,320 --> 00:06:16,090 Böylece herhangi bir yazı tipini kullandığınız gibi bunlardan herhangi birini kullanabilirsiniz. 93 00:06:16,380 --> 00:06:19,460 Dolayısıyla rengi değiştirmek isterseniz, boyutu değiştirmek isterseniz renk mülkünü değiştirmeniz yeterlidir. 94 00:06:19,500 --> 00:06:23,970 Aslında yazı tipi boyutunu değiştirirsiniz. 95 00:06:24,360 --> 00:06:26,510 Bu yüzden kamera çizgi retro olduğu 96 00:06:26,880 --> 00:06:35,730 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. 97 00:06:35,730 --> 00:06:44,880 Pekala, galeri ile işimiz bitti. 98 00:06:44,880 --> 00:06:46,710 Aslında görüntüyü değiştirme dışında, bu tamamlamayı bitirir bitirmez yapacağım başka sensin. 99 00:06:46,710 --> 00:06:52,370 Muhtemelen herzaman izlemek istemiyorsunuz, ancak durumunuz varsa sonunda ekleyeceğim. 100 00:06:52,380 --> 00:06:56,310 Dolayısıyla, burada yeterince Bartra var, burada siyah ve 101 00:06:56,310 --> 00:07:02,340 beyaz nav barına sahip olduğumuz şu anda tersini kullandığımız küçük bir değişiklik yaptık. 102 00:07:02,340 --> 00:07:04,110 Ancak sonra renk değiştirdik, bu yüzden gerçekten önemli değildi. 103 00:07:04,230 --> 00:07:07,650 Ve sonra da nav bar sabit top kullanılır, bu nasıl üstte kalır. 104 00:07:07,650 --> 00:07:12,380 Burada ızgara sistemi kullanıyoruz ve sonra bir jumbotron kullanıyoruz. 105 00:07:12,480 --> 00:07:16,100 Grip'i, nispeten sınırlı Bootstrap simgelerinde yerleşik bir kavramı getirdim. 106 00:07:16,100 --> 00:07:20,960 Kullanacağınız şeylerin çoğu vardır ancak ara sıra bir şeyler olmazlar 107 00:07:21,000 --> 00:07:26,160 veya bazen eğlenceli müthiş ikonların eğlenceli görünme biçimini tercih edersiniz. 108 00:07:26,160 --> 00:07:29,000 Baş döndürücü yemek şovundan çok daha başarılıydı ve 109 00:07:29,010 --> 00:07:33,630 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ı 110 00:07:33,630 --> 00:07:38,550 ve bu görüntüyü bir ızgaraya zorlayacak ve bu güzel küçük kenarlığı buraya ekleyecektir. 111 00:07:38,550 --> 00:07:41,700 Ve son olarak, özgünlüğü ve arka plan 112 00:07:41,700 --> 00:07:46,080 rengini değiştirmek istediğimizde önyükleme stilleri ile nasıl savaşacağımız hakkında konuştuk. 113 00:07:46,080 --> 00:07:48,520 Nav'ın arka plan rengini değiştirmek istiyorum. veya bağlantılar için yazı tipi rengini ve Nev'in rengini belirtir. 114 00:07:48,620 --> 00:07:54,180 marka burada. 115 00:07:54,210 --> 00:07:55,450 Tamam, bir sonraki videoda bu kadar. 116 00:07:55,620 --> 00:07:57,410 Önyüklemeyle bir açılış sayfası yapmayı nasıl yapacağımızı göstereceğim. 117 00:07:57,420 --> 00:08:00,230 Ve söz verdiğim gibi, şimdi dokuz 118 00:08:00,300 --> 00:08:05,160 farklı görüntü oluşturmak için bu görüntü bağlantılarını kopyalayıp yapıştırmaya gideceğim. 119 00:08:05,160 --> 00:08:05,590 Bu yüzden görmek istediğiniz bir şey varsa, önümüzdeki bir iki dakika bekleyin. 120 00:08:05,760 --> 00:08:09,160 TAMAM. 121 00:08:09,660 --> 00:08:13,380 Bu yüzden ekranı böleceğim ve bunlardan 122 00:08:15,510 --> 00:08:23,790 bazılarını bu ilkin üzerine kopyalayacağım ve bunu burada değiştireceğim ve bir sonraki adımımı yapacağım. 123 00:08:23,790 --> 00:08:28,760 Eski yer. 124 00:08:29,140 --> 00:08:29,580 Bu burada. 125 00:08:29,580 --> 00:08:31,360 Ve eminim bunun bir diğer 126 00:08:32,610 --> 00:08:37,110 yanı da perçinleniyor ve ben de böyle devam etmeye devam edeceğim. 127 00:08:39,710 --> 00:08:47,350 Pekâla, yarım geçtik. 128 00:08:47,350 --> 00:08:48,660 emin olalım. 129 00:08:48,660 --> 00:08:49,650 Yaklaşıyoruz 130 00:08:59,220 --> 00:09:10,470 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 131 00:09:10,470 --> 00:09:11,440 Muhteşem. 132 00:09:11,700 --> 00:09:12,360 Tamam. 133 00:09:12,660 --> 00:09:12,960 Şimdi bittim bitti. 134 00:09:12,960 --> 00:09:14,120 Umarım bu resim galerisi yapmaktan keyif aldım. 135 00:09:14,190 --> 00:09:16,020 Bir sonraki video görüşürüz. 136 00:09:16,050 --> 00:09:17,060