1
00:00:00,150 --> 00:00:07,080
Şimdi H-1'in metin rengini değiştirelim ve şu anda 3 yaşındaki

2
00:00:08,000 --> 00:00:20,160
karanlık varsayılan önyükleme rengi buraya girecek ve biz H-1 renk beyaz ve H-3 renk beyaz yapabilir ve yenileyebiliriz.

3
00:00:20,550 --> 00:00:22,790
Ve biz buna benzer beyaz metinler alıyoruz.

4
00:00:22,950 --> 00:00:29,820
Ancak aynı şeyi yapabiliriz çünkü bu ikisini birbirine benzemektedir ve çünkü H-1 virgül H-3 ile aynıdır ve

5
00:00:29,820 --> 00:00:31,660
bu ikisini de beyaza çevirecektir.

6
00:00:32,010 --> 00:00:34,750
Virgül kullandığımızda sadece farklı gruplar seçer.

7
00:00:34,770 --> 00:00:40,820
Yani tüm ikizler tüm yaş üçlüleri ve aynı görünüyor.

8
00:00:41,400 --> 00:00:50,340
Ancak bunu daha da basitleştirebiliriz ve vücudumuzdaki her şeyi renkli beyaz olarak atayabiliriz.

9
00:00:50,340 --> 00:00:55,350
Ayrıca, bir sorunun değişebileceğini veya düğmenin değişebileceğini veya gezinme çubuğunun olabileceğini düşünebilirsiniz, ancak bunların

10
00:00:55,350 --> 00:00:56,790
daha belirgin olduğunu unutmayın.

11
00:00:56,790 --> 00:01:02,760
Bootstrap'den yaptıklarımızın sınıflara veya kimliğine sahip olmayan sadece düz H-1 ve H-3 oldukları ve

12
00:01:02,760 --> 00:01:08,130
gövde rengini beyaza beyaza ayarlayarak kendi stilleriyle geçersiz kılmak daha kolay olduklarını söyleyen

13
00:01:08,190 --> 00:01:14,780
Bootstrap'ten dersler aldık. ve üç yaş da bu rengi miras aldı ve her şey de yaptı.

14
00:01:14,850 --> 00:01:16,030
Sadece geçersiz kılındı.

15
00:01:16,050 --> 00:01:21,730
Dolayısıyla, denetlediysek bu düğmeyi söyleyelim ve bir göz atalım.

16
00:01:22,650 --> 00:01:30,860
Onu seçtiğimizde ve o rengin bu renge ayarlandığını görürsün, 3 3 3 sınıfı Button varsayılanıdır.

17
00:01:30,990 --> 00:01:38,460
Ancak, kaydırmaya devam edersek, burada vücudun rengi beyaza çevirdiğini göreceksiniz ve

18
00:01:38,460 --> 00:01:40,520
sadece çarpıtılmış oluyor.

19
00:01:40,650 --> 00:01:41,390
Tamam.

20
00:01:41,970 --> 00:01:44,900
Demek ki her ikisi de beyaz olmalı.

21
00:01:44,910 --> 00:01:46,980
Şimdi yazı tipi boyutu üzerinde çalışalım.

22
00:01:47,160 --> 00:01:48,870
H-1 de öyle.

23
00:01:48,930 --> 00:01:51,490
Şu anda katlanmamasını istiyoruz.

24
00:01:51,690 --> 00:01:58,260
için 700 kalınlığında bir yazı tipi ağırlığı vereceğiz, bu da kalın yenilemeyi nasıl kullandığımız .

25
00:01:58,290 --> 00:02:03,600
Bu yüzden cesur olmamız gerekiyor ve ana öğeden beş kat daha büyük

26
00:02:06,540 --> 00:02:11,570
olan 5 cms olmasını istiyorum, bu nedenle her birini seçeceğiz ve bunun

27
00:02:11,970 --> 00:02:12,860
Bunu cesur görebilirsiniz.

28
00:02:12,890 --> 00:02:21,100
Şimdi de daha büyük yapalım, böylece yazı tipi boyutu 5 E-M olsun.

29
00:02:21,270 --> 00:02:24,480
Şimdi geri dön ve oraya gidiyoruz.

30
00:02:24,680 --> 00:02:25,880
Bu daha yakından bakıyor.

31
00:02:25,880 --> 00:02:32,230
Şimdi H1 ile H-3 arasındaki bu oran tamamen aynı görünüyor.

32
00:02:32,250 --> 00:02:37,200
H-3'e hiçbir şey yapmamıza gerek yok artık görüntüyü istediğimiz gibi davranmalıyız.

33
00:02:37,980 --> 00:02:41,460
Ve bunu yapmak için sana daha önce görmediğimiz bir şey göstereceğim.

34
00:02:41,730 --> 00:02:48,470
Ben karanlığı sağa doğru yönlendireceğim ve eğer onu yaştaki elemandan veya cesetten teftiş edersem

35
00:02:48,480 --> 00:02:52,190
her ikisinin de sayfanın sonundan önce durduğunu görecekler.

36
00:02:52,200 --> 00:02:53,280
İşte burada.

37
00:02:53,430 --> 00:02:55,500
Belgeme kadar yaşın sonu geldi.

38
00:02:55,500 --> 00:03:02,520
Resmime vücudun örtüsünü söyleyince, arkaplan boyutunu ve arka plan pozisyonunu merkez olarak

39
00:03:02,520 --> 00:03:09,180
almamın hesabı vücudun boyutunu ve vücut bittiği zaman burada farklı davrandığını

40
00:03:09,180 --> 00:03:09,860
söyledi.

41
00:03:10,080 --> 00:03:16,920
Bunu düzeltmek için yapacağımız HTL öğesine yüzde 100 yükseklik vermektir; bu, yalnızca belge

42
00:03:17,280 --> 00:03:22,420
penceresinin tamamı olan kapın yüzde 100'ünü kaplar anlamına gelir.

43
00:03:23,150 --> 00:03:30,450
Erkek boyu yüzde 100 ve biz geri gideceğiz.

44
00:03:30,840 --> 00:03:33,580
Şimdi tam ekran yapalım ve yenileyelim.

45
00:03:33,950 --> 00:03:37,630
Ve imajımız beklediğimiz şekilde çalışıyor ve küçülüyoruz.

46
00:03:37,860 --> 00:03:40,260
Ve bu bana çok iyi benziyor.

47
00:03:40,260 --> 00:03:43,300
Şimdi odaklanacak iki temel şey kaldı.

48
00:03:43,430 --> 00:03:45,470
İlki H. R. Bizim için çok daha küçük olması gereken çok geniş.

49
00:03:45,540 --> 00:03:50,540
Ve sonra burada yazı tipine odaklanmak istiyorum.

50
00:03:51,180 --> 00:03:54,010
Eser toplamaya başlayın ve tek yapmamız gereken 400 piksellik bir değer vermektir.

51
00:03:54,570 --> 00:04:01,170
Dolayısıyla Cs'lerimizde, 400 piksel olan alt kısmında bunu seçeceğiz.

52
00:04:01,170 --> 00:04:12,410
Oraya gidiyoruz.

53
00:04:12,450 --> 00:04:13,550
Yapacağım başka bir şey

54
00:04:13,560 --> 00:04:18,330
de biraz sinsi ki burada gireceğim gibi fark edememiş olman ve üstünde bir Forder vereceğim.

55
00:04:18,330 --> 00:04:23,460
Bir piksel katı.

56
00:04:23,460 --> 00:04:26,150
Sonra burada bir renk var ki f 8 8 8.

57
00:04:26,250 --> 00:04:31,620
Ve sonra da bir kenarlık tabanı da bir piksel katı ve bu şeffaf bir renk olacak.

58
00:04:32,220 --> 00:04:41,920
Sıfır sıfır sıfır noktası iki.

59
00:04:41,960 --> 00:04:46,610
Dolayısıyla bu, gölgenin efekti olmaz.

60
00:04:46,830 --> 00:04:49,530
Dikkat et.

61
00:04:49,990 --> 00:04:50,800
Gerçekten görmek çok zor.

62
00:04:50,820 --> 00:04:52,720
Ekran üstü filmde oynayacak mıyım

63
00:04:52,830 --> 00:04:58,560
bilmiyorum, ancak elimde olan bir sınır var ve daha sonra sınırın hemen altındaki hafif

64
00:04:58,560 --> 00:05:05,970
bir gri çizgi, hafif bir gölge varmış gibi görünüyor, bu gölge üzerinde biraz daha iyi görünüyor. Daha açık renkler.

65
00:05:05,970 --> 00:05:08,490
TAMAM.

66
00:05:08,900 --> 00:05:09,140
Bu

67
00:05:09,150 --> 00:05:13,770
yüzden bana güveniyorsanız, ya da arka plan görüntüsünden kurtulursanız onu göremiyorsunuz ve orada da görmek daha kolay olacak.

68
00:05:13,770 --> 00:05:15,050
Şimdi sıra eğlenceler için kullandığım simgelere odaklanalım.

69
00:05:16,050 --> 00:05:20,690
Bu yüzden açık tuttum.

70
00:05:20,690 --> 00:05:21,510
Eğlence.

71
00:05:21,500 --> 00:05:21,780
Muhteşem.

72
00:05:21,780 --> 00:05:22,320
Biliyorum.

73
00:05:22,350 --> 00:05:23,180
Ve CD'yi de burada alacağız.

74
00:05:23,570 --> 00:05:25,980
Başlamak için tıklarsanız, orada bir CDN var sadece kopyalayabilirsiniz.

75
00:05:26,370 --> 00:05:30,970
Bunu uygulamanıza koyun ve bunu sadece

76
00:05:30,990 --> 00:05:39,390
üst kaydetmek için yapın ve sonra gerçek ikonlara bir göz atalım.

77
00:05:39,380 --> 00:05:40,370
Ve kullandığımızı bildiğimiz ilk kişi PA'dır.

78
00:05:40,980 --> 00:05:45,030
Ve tek ihtiyacımız olan şey, yüksek sınıf ECO'lar olan F A F A dash PA'dır.

79
00:05:45,930 --> 00:05:51,310
Ben de onu düğmenin içine koydum.

80
00:05:51,660 --> 00:05:53,630
Başlamadan hemen önce düğmeye gidersek, bunu da ekledim.

81
00:05:54,030 --> 00:05:59,350
Şimdi gidip yenileyebilirsek, orada küçük bir düğmeyle karşılaşıp gidebildiğimizi görebilir ve bir avuç içi

82
00:05:59,430 --> 00:06:04,590
baskımız var, bir sonraki adımda da kayıt ve giriş için iki simge buluyoruz.

83
00:06:05,120 --> 00:06:08,820
Ve ikisi de ne olduklarını hatırlıyorum.

84
00:06:09,500 --> 00:06:11,760
Bunu, yazdıktan sonra başka bir simgeye eklemek istediğinizde kaydolmak için yanında yapacağım.

85
00:06:11,790 --> 00:06:19,550
Bu zaman sınıfı F-8 PA değil F haricinde. A. Artı işareti ve oturum ile bu simgeyi bize veren çizgi kullanıcı çizgi

86
00:06:19,860 --> 00:06:29,180
Artı aynı şeyi artı içermez.

87
00:06:29,190 --> 00:06:34,880
Yani bir çizgi kullanıcı ve biz bu iki simge var.

88
00:06:34,920 --> 00:06:40,160
Yaptığım başka bir şey var ki, metin gölgesi de fark etmemiş olabilir.

89
00:06:40,250 --> 00:06:44,840
Dolayısıyla, burada tüm metinlerin etrafında bir gölge var ve burada görebileceğini görüyoruz.

90
00:06:45,030 --> 00:06:52,650
H-1 ve H-3 civarında ve teknoloji gölgesi, SS metin çizgi gölgesiyle ayarlayabileceğimiz bir şey.

91
00:06:52,640 --> 00:07:01,350
Ve bir sürü parça var.

92
00:07:02,060 --> 00:07:04,010
Dolayısıyla, ofset X'i ofset y olarak oturduğumuzu görebilirsiniz.

93
00:07:04,130 --> 00:07:08,040
Yani kelimelerin ne kadar uzağında gölge olmalı.

94
00:07:08,120 --> 00:07:11,680
Sonra da bulanıklık yarıçapını ayarlıyoruz Yani temelde ne kadar kalın olmalı.

95
00:07:11,810 --> 00:07:16,240
Ve sonra kullandığım renk ve gölge biraz karışık.

96
00:07:16,500 --> 00:07:21,430
Bir sürü parça var bu yüzden gidip bir kerede CSSA dosyasına tek bir parça yazacağım.

97
00:07:21,480 --> 00:07:26,930
Böylece div içeriğinin iç kısmında metin çizgi gölgesi eklenecek ve sonra ilk metin gölgesi eklenecektir.

98
00:07:26,970 --> 00:07:34,620
Sıfır piksel 4 piksel 3 piksel ve bunu

99
00:07:34,620 --> 00:07:44,250
gerçekten açıkça kırmızı yaparak açıklayacağım ve yenilersem öncelikle eklediğimiz gölge var.

100
00:07:45,500 --> 00:07:48,210
Şimdi gidip ikinci bir virgül ve

101
00:07:48,260 --> 00:07:57,860
biraz girinti ekleyin ve ardından 0 piksel 8 piksel 13 piksel istiyor ve sonra turuncu üzerine buraya ve bir göz atın.

102
00:07:59,910 --> 00:08:06,460
görüyoruz ve o zaman bu ilk numarayı hatırlayan 0'uncu bir gölge var

103
00:08:07,350 --> 00:08:13,890
ve bu durumda X ofseti ve sonra y değeri 18 piksel ve

104
00:08:15,480 --> 00:08:23,810
ardından 23 piksel yarıçaptır ve biz Bunu sarı yap ve parlak kırmızı titre gölgemiz olduğunu görebiliriz.

105
00:08:23,820 --> 00:08:27,540
Parlak turuncu altında bulanık olanı daha bulanık

106
00:08:32,120 --> 00:08:35,490
Sonra turuncu olanı biraz uzaklaştı.

107
00:08:35,490 --> 00:08:37,730
Ve sonra sarı olan daha bulanık ve çok daha geniş.

108
00:08:37,830 --> 00:08:41,670
Bu yüzden bu renkleri değiştirmek istiyoruz.

109
00:08:41,700 --> 00:08:43,650
Bununla çalışmak istemiyoruz.

110
00:08:43,640 --> 00:08:45,370
Bu yüzden renkler biraz daha az heyecan vericidir.

111
00:08:45,450 --> 00:08:48,160
İlki.

112
00:08:48,210 --> 00:08:49,900
Sıfır sıfır sıfır 0. 4.

113
00:08:50,160 --> 00:08:54,740
Sıradaki bir tanesi 0 yerine çok benzer. 4 0. 1.

114
00:08:54,770 --> 00:09:01,550
Ve bir tane daha da 0. 1.

115
00:09:01,910 --> 00:09:06,210
Yani R'yi kullanarak. G. B-A sadece farklı tonlarda gri ayarlıyoruz.

116
00:09:06,210 --> 00:09:10,870
Ve işte gidiyoruz.

117
00:09:11,970 --> 00:09:12,560
Çok daha az heyecan verici ama umarım hala burada görebilirsiniz.

118
00:09:12,600 --> 00:09:16,510
Çok daha ince ama sayfaya biraz derinlik katıyor.

119
00:09:16,560 --> 00:09:21,010
Harika.

120
00:09:21,060 --> 00:09:21,330
Tek yapmamız gereken bu.

121
00:09:21,330 --> 00:09:22,830
Geri dönüp birkaç şeyi sarmalım.

122
00:09:23,250 --> 00:09:26,040
Burada yapmak istediğim en büyük nokta,

123
00:09:26,040 --> 00:09:31,200
önyükleme desteğini kullanabilir ve ona güvenebiliriz ancak tüm stillerine güvenmiyoruz.

124
00:09:31,200 --> 00:09:32,300
Yani evet nav çubuğunu aynı

125
00:09:32,340 --> 00:09:36,540
tuttum, ancak son videoda size nav çubuğu rengini nasıl değiştirebildiğinizi gösterdim ancak arka plan görüntüleri eklediğimiz yazı tiplerini değiştirdik.

126
00:09:36,540 --> 00:09:40,760
Dolayısıyla temelde temel olarak bootstrap'ı kullanıyoruz ve

127
00:09:40,770 --> 00:09:45,960
sonra tüm stilleri üste ekledik ve fazlaca sürmedi.

128
00:09:46,430 --> 00:09:47,730
Ancak sanırım sadece birkaç satırlık kodla görece saygın bir şey yaptık.

129
00:09:47,850 --> 00:09:52,540
Ve dürüst olmak gerekirse, bu tek metin Shadowline'ın yarısı kadar yağ var.

130
00:09:52,640 --> 00:09:56,580
Muhteşem.

131
00:09:56,750 --> 00:09:57,310
Dolayısıyla site oldukça iyi görünüyor.

132
00:09:57,440 --> 00:10:00,230
Şimdilik bootstrap ile işimiz bitti.

133
00:10:00,270 --> 00:10:01,900
Ardından, gerçekten heyecan verici bir sonraki birimin Javascript'e geçiyoruz.

134
00:10:01,980 --> 00:10:05,460
Yalnızca Javascript'e odaklanabilmemiz için biraz

135
00:10:05,690 --> 00:10:10,680
güzel görünen siteler ve şeyler yaratmaktan uzaklaşacağız.

136
00:10:10,670 --> 00:10:12,670
güzel görünmeyen bazı şeyler yapacağız.

137
00:10:12,810 --> 00:10:16,910
Ancak sonra her şeyi bir araya getireceğiz ve aslında

138
00:10:17,040 --> 00:10:18,560
Bu yüzden yakında umuyoruz ki bu ünitenin keyfini bootstrap geliyor.

139
00:10:18,570 --> 00:10:22,160
Ve her zaman olduğu gibi, herhangi bir sorunuz varsa kodu indirmenizi öneririm.

140
00:10:22,350 --> 00:10:25,900
Bu video açıklamasında.

141
00:10:25,890 --> 00:10:27,950
Pekala, bir sonraki birimi göreceğim

142
00:10:27,960 --> 00:10:29,060