1
00:00:00,780 --> 00:00:06,390
Bu yüzden bir sonraki adıma devam edelim ve sadece burada yaptığım bu biçimlendirmeyi çoğaltalım.

2
00:00:06,720 --> 00:00:12,690
Bu paragraflar arasında biraz farklı pastırma ipsum'dan biraz farklı kelimeler kullandım.

3
00:00:12,810 --> 00:00:19,310
Bu yüzden ikisini de h t m ln içine kopyalayacağım Ama yine burada odak değilim.

4
00:00:19,350 --> 00:00:26,340
İstediğimiz şey, div sınıfı yayınlarla aynı olduğundan, bunu yalnızca sıfırdan yapalım.

5
00:00:26,850 --> 00:00:32,880
Ve bazılarınız, div'yı neden herşeyle eşit sınıf eşitliğinde rahatsız ettiğimi merak

6
00:00:32,880 --> 00:00:33,870
ediyor olabilir.

7
00:00:33,900 --> 00:00:35,710
Bu olmadan iyi olurdu.

8
00:00:35,820 --> 00:00:37,880
Gerçekten sadece şeyleri bir araya getirmekle ilgilidir.

9
00:00:38,100 --> 00:00:42,810
Bir blog yazısının bir başkasına bulaştığı yerde dev bir karmaşa yaşamak yerine.

10
00:00:42,810 --> 00:00:48,570
İşlerin biraz içerilmesini isterim ki bu bir yazıdır ve burada sona erer, bu

11
00:00:49,020 --> 00:00:52,910
yüzden bence kodun biraz temiz tutulması daha doğru olur.

12
00:00:53,340 --> 00:01:05,530
Bu yüzden, tarih veya klasik tarih olarak adlandırılan bir div sunmak istedik ve o tarih 11 Aralık 2015'tir.

13
00:01:05,820 --> 00:01:07,750
Onu sakla.

14
00:01:07,830 --> 00:01:12,640
Sonra bir H2 ve o H-2 vardı.

15
00:01:12,720 --> 00:01:18,510
Bu başka korkunç bir yazı olan başka bir makaledir.

16
00:01:18,840 --> 00:01:19,950
Okumanızı tavsiye etmeyin.

17
00:01:19,950 --> 00:01:21,490
Sadece pastırma ile ilgili.

18
00:01:21,780 --> 00:01:25,500
Bu yüzden sadece devam edip bu teklifi tekrar kopyalayacağım.

19
00:01:25,830 --> 00:01:26,990
Hangisi bir paragraf.

20
00:01:27,060 --> 00:01:30,490
Sınıf eşittir teklif yapıştırın içinde.

21
00:01:30,630 --> 00:01:32,870
Ve burada iki paragrafta daha var.

22
00:01:33,130 --> 00:01:40,800
İhtiyacımız olan işaretlemenin bir ve son olarak.

23
00:01:40,800 --> 00:01:42,000
İkinci paragraf.

24
00:01:42,000 --> 00:01:43,950
Oraya gidiyoruz.

25
00:01:44,640 --> 00:01:49,000
Bakalım nasıl göründüğünü.

26
00:01:49,080 --> 00:01:54,910
Dikkat çektiğim bir şey, mesajlar arasında biraz daha boşluk bırakmamız.

27
00:01:54,960 --> 00:01:56,760
Yani bu sadece bu işe yarıyor.

28
00:01:56,760 --> 00:02:02,670
11 Aral> kta, biz sol taraf> nda görebilece¤iniz gibi orada kucuk bir aral> k istiyor olmam>

29
00:02:02,670 --> 00:02:05,220
z, eksik oldu¤umuz HRR'den kaynaklan> yor olabilir.

30
00:02:05,220 --> 00:02:09,020
Bence yapmamız gereken şey blog gönderileri arasında biraz boşluk eklemek.

31
00:02:09,150 --> 00:02:11,780
Bu işi başlatarak başlayalım.

32
00:02:12,570 --> 00:02:15,690
Dolayısıyla, aslında H R unsurunu uygulamada görmedik.

33
00:02:15,690 --> 00:02:19,410
Kullanmak için çok basit olan bu gibi görünüyor.

34
00:02:19,410 --> 00:02:24,810
Aslında kendiliğinden kapanıyor, hiçbir şey kapılmıyor, kapanış etiketi yok ya da herhangi bir iç

35
00:02:24,960 --> 00:02:27,540
içerik barındırmıyor sadece bir char yatay kuralı.

36
00:02:27,540 --> 00:02:30,200
Gördüğünüz şeyi yenersek.

37
00:02:30,210 --> 00:02:35,940
Böylece bize bu çizginin karşısına çıkıyor ve bu normalde iyi oluyor.

38
00:02:35,940 --> 00:02:40,830
Çoğu insan bunu biraz stil yapmayı sever, bu yüzden bu gerçekten bayılır.

39
00:02:40,950 --> 00:02:46,710
Söyleyip bırakmayacağınızı bilmiyorum ama temelde biraz daha kalınlaşıyor ve sonra kenarlarından çekiliyor ve

40
00:02:46,710 --> 00:02:52,310
bazı harika kaynaklar ve herhangi bir karakteri stil etmek için kullanabileceğiniz şeyler var.

41
00:02:52,410 --> 00:02:57,960
Ve buraya ekledikleri nedeni, sizi bir şeyler aramak ve kendin yazmadığınız bazı

42
00:02:58,530 --> 00:03:00,840
stiller bulmak için zorlamak istedim.

43
00:03:00,840 --> 00:03:04,830
Bu yüzden size bazı H R stillerini bulmak için ne yapacağımı tam olarak göstereceğim.

44
00:03:04,830 --> 00:03:09,170
Google HDR stilini kullanırdık ve neler gördüğümü göreceğim.

45
00:03:09,390 --> 00:03:13,320
Ve daha önce ikisini tıklamış olduğumu görebilirsiniz.

46
00:03:13,890 --> 00:03:20,280
Dolayısıyla, her kavanoz için basit stiller var ve burada birkaç seçenek var görebilirsiniz.

47
00:03:20,460 --> 00:03:23,290
Yani burada olduğum yere düştüğünü düşünüyorlar.

48
00:03:23,550 --> 00:03:25,980
Fakat bir tane denesin.

49
00:03:25,980 --> 00:03:31,440
Kodu tıklayın ve yapmamız gereken tek şey bunları kopyalamaktır.

50
00:03:31,440 --> 00:03:36,780
Bunlar iki stilde ve bunları kopyala ve bilmiyoruz.

51
00:03:36,900 --> 00:03:41,970
Her satırı anlamak zorunda olduğunuzu düşünmek istemiyorum çünkü bu, bu kişinin söylediğini görebildiğiniz

52
00:03:42,180 --> 00:03:45,460
kadar oldukça gelişmiş ve biraz hackty olan bazı şeyler.

53
00:03:45,480 --> 00:03:50,280
Gerçekten çalışmamamız gerekiyordu, ancak yapmak istediğimiz tek şey bizim H R'mizi

54
00:03:50,280 --> 00:03:56,910
seçeceğinden emin olmak ve bu yüzden yaptığımız şey HRO'ya elimizde olmayan stil 7 sınıfıyla izin

55
00:03:56,910 --> 00:03:57,600
vermektir.

56
00:03:57,870 --> 00:03:59,760
sadece bunun nasıl göründüğünü görelim.

57
00:04:04,020 --> 00:04:06,670
Bu yüzden sadece bir char seçelim ve

58
00:04:06,690 --> 00:04:08,120
Sayfayı yenile.

59
00:04:08,150 --> 00:04:09,270
Tamam, işte gidiyoruz.

60
00:04:09,360 --> 00:04:11,400
Bu yüzden şahsen ben umursamıyorum.

61
00:04:11,430 --> 00:04:14,700
Bunu bu tür patikalar için kullanacağım.

62
00:04:14,700 --> 00:04:17,240
İsterseniz ne yaparsanız yapın, onunla oynamaktan çekinmeyin.

63
00:04:17,610 --> 00:04:23,280
Ama yine de belirttiğim şu ki yazmadığınız bir şey bulmaya çalışmanızı istedim ve sana bunu

64
00:04:23,280 --> 00:04:25,420
yapmak tamamen güzel olduğunu göstermek istiyorum.

65
00:04:25,560 --> 00:04:27,100
Bu yüzden sadece içeri kopyaladım.

66
00:04:27,270 --> 00:04:29,220
Bunu ben yazmadım.

67
00:04:29,500 --> 00:04:34,520
Bu stillerden kurtulup buraya koymanız gerekiyor.

68
00:04:35,400 --> 00:04:42,870
Dolayısıyla yaptıkları tek şey, HRO'da bir sınır belirledikleri, bu yüzden sadece bir piksel olan sınır yüksekliği ve daha sonra bir

69
00:04:43,200 --> 00:04:46,370
degrade olan bu arka plan resmi ayarlanmış gibi görünüyor.

70
00:04:46,550 --> 00:04:48,870
Ve böylece degrade efekti elde ediyorlar.

71
00:04:48,870 --> 00:04:51,970
Yani şimdi yenilersek gidersiniz.

72
00:04:52,110 --> 00:04:55,710
İstersek de burada güzel meyil etkisi var.

73
00:04:55,710 --> 00:04:59,530
Aslında bunu tercih ederim, bu yüzden sadece devam etmem gerekiyor.

74
00:04:59,760 --> 00:05:00,350
Bunun üzerine.

75
00:05:00,350 --> 00:05:05,380
Rengi biraz daha değiştirebilirim, bu da daha açık bir gri olacak, ancak şu an bunu saklayalım.

76
00:05:05,580 --> 00:05:11,250
Ancak yine de bir sonraki blog yazımızın çok erken başladığı bu soruna sahibiz ve oraya

77
00:05:11,250 --> 00:05:13,090
bir miktar yer eklememiz gerekiyor.

78
00:05:13,410 --> 00:05:17,940
Dolayısıyla yapmamız gereken tek şey biraz marj eklemek.

79
00:05:18,360 --> 00:05:25,680
Dolayısıyla, aslında bu yazı defterinin her yazı etrafında sarılmış olması güzel bir tesadüf, çünkü burada

80
00:05:25,950 --> 00:05:31,090
her bir yazının altına bir kenar boşluğu ekleyebiliyoruz, böylece alan ekleyecektir.

81
00:05:32,220 --> 00:05:34,210
Dolayısıyla tek yapmamız gereken şey, seçmektir.

82
00:05:34,230 --> 00:05:36,560
Sana sınıf postunu göstereceğim.

83
00:05:36,630 --> 00:05:37,810
Bu bir yazı.

84
00:05:38,160 --> 00:05:39,580
O zaman sadece buraya gideceğiz.

85
00:05:39,670 --> 00:05:50,370
Post marjı gibi ve 20 piksel yapalım, sadece kenar boşluğu değil.

86
00:05:50,490 --> 00:05:59,600
Sadece alt kısmında yapalım, böylece sadece Mart ve alt yenileyelim ve bu oldukça yakın görünüyor.

87
00:06:00,210 --> 00:06:06,000
sayı, burada yaptığımızdan biraz daha fazla alana sahip olduğumuz; çünkü

88
00:06:06,000 --> 00:06:13,050
eklediğimiz veya eklediğimiz bu aslında post sınıfının dışında olduğundan, eklediğimiz marjinden etkilenmiyor.

89
00:06:13,050 --> 00:06:15,140
Buradaki son küçük

90
00:06:15,150 --> 00:06:19,490
Bunu yaptıysak, sadece A char'i taşırız.

91
00:06:19,500 --> 00:06:20,160
Nerede bu.

92
00:06:20,160 --> 00:06:25,510
Burada postun altına gidiyoruz ve biz taze.

93
00:06:25,590 --> 00:06:27,960
İstediğimiz mesafeyi elde edip edemeyeceğimizi görebilirsiniz.

94
00:06:28,600 --> 00:06:36,210
Tamam, eğer denemek ve bu kesin birini almak istiyorsak sadece o H'ye geri döneceğiz. R. stiller ve diğerlerinden

95
00:06:36,300 --> 00:06:37,730
bazılarını deneyin.

96
00:06:37,890 --> 00:06:41,970
Ancak, tekrar göstermek istediğim şey, diğer stilleri dahil edebilmem.

97
00:06:42,010 --> 00:06:46,770
Meraklanıp anlamaya çalışmak iyi bir fikir olsa da, tam olarak nasıl çalıştıklarını tam

98
00:06:46,770 --> 00:06:48,080
olarak bilmemiz gerekmiyor.

99
00:06:48,930 --> 00:06:53,790
Umarım bu projeyi hoş basit minimal bloga ve şu an için yapmaktan keyif aldınız.

100
00:06:53,790 --> 00:06:56,430
Açıkçası aslında bir blog görevi görmemektedir.

101
00:06:56,430 --> 00:07:01,390
Herhangi bir arabirimle yeni bir yazı ekleyemediğimiz hiçbir yorum yok.

102
00:07:01,470 --> 00:07:06,600
özellikle de arka uça varıyoruz ve bir veritabanımız var ve Express adlı bir çerçeveye

103
00:07:06,600 --> 00:07:11,670
giden bir sunucuya sahibiz, aslında bu blogu alacağız ve yorum yapabileceğimiz bir form kullanarak

104
00:07:12,050 --> 00:07:17,610
bir mesaj ekleyebildiğimiz gerçek bir blog haline getirin ve oy gibi başka şeyler de yapabiliriz.

105
00:07:17,970 --> 00:07:20,840
Aslında yaşlıyı kendimiz düzenlemeliyiz, ancak javascript'e ulaştığımızda ve

106
00:07:21,060 --> 00:07:22,410
Bu gerçekten heyecan verici olacak.

107
00:07:22,410 --> 00:07:24,350
Bunu değerlendirmek için kullanacağız.

108
00:07:24,360 --> 00:07:28,540
Nispeten az sayıda çizgi aramak nispeten güzel.

109
00:07:29,040 --> 00:07:31,200
Tamam, javascript'i kapadığımızda göreceğim