1
00:00:00,600 --> 00:00:06,790
Donc, la prochaine chose que nous voulons faire est d'ajouter dans le texte au sommet, donc doit ressembler à ceci.

2
00:00:06,960 --> 00:00:11,020
Et heureusement, cela est relativement simple par rapport à la fabrication de cette grille d'image.

3
00:00:11,370 --> 00:00:13,550
Donc la première chose que nous devons faire est d'obtenir la police.

4
00:00:13,770 --> 00:00:15,360
Cette police est appelée chemin de fer.

5
00:00:15,360 --> 00:00:18,130
C'est l'une des polices Google que nous avons vu jusqu'à présent.

6
00:00:18,390 --> 00:00:22,950
Donc, je vais aller à Google Fonts et chercher réel.

7
00:00:22,980 --> 00:00:23,590
Et c'est parti.

8
00:00:23,620 --> 00:00:32,430
C'est le top un ici utiliser et puis je vais aller de l'avant et saisir normal.

9
00:00:32,520 --> 00:00:37,090
Et aussi faisons 800.

10
00:00:38,220 --> 00:00:46,170
Et puis nous allons inclure cela dans notre HMO.

11
00:00:46,560 --> 00:00:52,710
Donc nous avons maintenant accès à cette police et ensuite tout ce que nous devons faire est d'ajouter dans le texte.

12
00:00:52,710 --> 00:01:01,820
Tout d'abord, je vais faire un paragraphe et je vais juste mettre mon nom qui est ce que j'ai ici séparé par une barre oblique.

13
00:01:02,160 --> 00:01:04,390
Nous pouvons vous faire savoir mettre ce que vous voulez ici.

14
00:01:04,410 --> 00:01:17,100
Cela pourrait être le Texas pourrait être le blog de la photographie ou de marcher dans mon blog, mais juste un texte, je le garde simple et puis enregistrer cela et puis nous irons ici.

15
00:01:17,410 --> 00:01:26,760
Sélectionnez le paragraphe et nous allons simplement dire famille de la vraie façon et nous allons juste voir ce que nous finissons avec.

16
00:01:27,470 --> 00:01:27,950
D'ACCORD.

17
00:01:28,260 --> 00:01:30,490
Donc pas le plus excitant.

18
00:01:30,630 --> 00:01:31,960
Pas tout à fait encore.

19
00:01:31,980 --> 00:01:36,160
Il est trop petit et il n'est pas espacé correctement.

20
00:01:36,210 --> 00:01:38,900
Nous avons besoin de plus de 1,6 pour cent.

21
00:01:39,000 --> 00:01:43,030
Tout comme cette image afin de le déplacer en ligne, nous pouvons commencer par là.

22
00:01:43,260 --> 00:01:55,190
Tout ce que nous devons faire, c'est passer à un paragraphe et ajouter dans notre marge à gauche et c'est juste un point six six pour cent.

23
00:01:55,520 --> 00:01:59,750
Nous sommes frais OK maintenant il espacé correctement.

24
00:01:59,880 --> 00:02:03,340
Donc, une autre chose que nous voulons faire est certainement d'augmenter la taille de la police.

25
00:02:03,780 --> 00:02:12,980
Donc, je sais que la taille de la police que j'ai utilisé ici est de 23 pixels et non seulement cela, mais j'ai utilisé le poids de la police de 800, c'est pourquoi j'ai dû sélectionner cela.

26
00:02:12,990 --> 00:02:17,240
Donc, ici, diraz la taille de la police 23 pixels.

27
00:02:17,460 --> 00:02:20,030
Je vais vous montrer ce que cela ressemble.

28
00:02:20,190 --> 00:02:23,500
Donc c'est plus gros, mais ce n'est toujours pas aussi audacieux.

29
00:02:23,520 --> 00:02:27,660
Alors, nous revenons en arrière et ajoutez le poids de la police.

30
00:02:28,080 --> 00:02:30,750
Huit cent et sauver.

31
00:02:31,260 --> 00:02:33,610
Maintenant nous étions frais à l'automne.

32
00:02:33,610 --> 00:02:47,800
Il est à la recherche près, mais nous sommes toujours absents une chose qui est le fait que je n'ai pas utilisé le texte en majuscules, donc je peux le faire en utilisant la transformation du texte ou je pourrais modifier le HDMI.

33
00:02:48,230 --> 00:02:52,470
Donc, je vais juste faire cela ici texte transformer en majuscules.

34
00:02:52,590 --> 00:02:54,880
Maintenant, nous obtenons tous les majuscules.

35
00:02:54,970 --> 00:02:55,960
Voilà.

36
00:02:56,370 --> 00:03:12,380
Donc, vous pouvez voir juste avec un exemple rapide pourquoi vous serait potentiellement utiliser la transformation de texte, car il est beaucoup plus rapide et plus facile d'ajouter un pour évaluer la propriété plutôt que d'avoir à retaper chaque lettre vous-même surtout si vous avez une plus longue chaîne de caractères.

37
00:03:12,990 --> 00:03:16,690
OK maintenant la dernière pièce manquante est cette petite ligne ici.

38
00:03:16,820 --> 00:03:24,940
Je sais que c'est assez faible, mais il ya une ligne droite ici et il va en ligne avec cette première image afin qu'il ne va pas tout le chemin à travers.

39
00:03:25,230 --> 00:03:28,160
Il va 30 pour cent du chemin à travers.

40
00:03:28,170 --> 00:03:36,560
Donc, la façon dont nous allons le faire, c'est que ce n'est qu'une simple limite au bas de ce paragraphe qui est examinée au bas de ce paragraphe.

41
00:03:36,960 --> 00:03:46,000
Donc, vous pouvez voir que le paragraphe lui-même va 30 pour cent de la façon dont elle se termine ici et puis il juste bord inférieur que nous allumés.

42
00:03:46,500 --> 00:03:51,360
Revenons donc à notre C SS et à notre paragraphe.

43
00:03:51,480 --> 00:03:59,830
Commençons par lui donner le fond de la frontière et rendons-le évident pour commencer alors faisons comme trois pixels rouge solide.

44
00:03:59,880 --> 00:04:06,370
Nous allons donc sauver et rafraîchir et de voir que la frontière va tout le chemin à travers.

45
00:04:06,490 --> 00:04:08,420
Et je suppose que ça n'a pas l'air trop mauvais.

46
00:04:08,430 --> 00:04:10,460
Nous voulons absolument régler ce problème ici.

47
00:04:10,800 --> 00:04:16,790
Mais plutôt que de faire que je vais changer la largeur de sorte qu'il ne va que de 30 pour cent du chemin à travers.

48
00:04:16,830 --> 00:04:18,170
Donc, nous allons commencer par cela.

49
00:04:18,390 --> 00:04:24,220
Donc, ce n'est qu'une question de fixer la largeur à l'alinéa 30 pour cent.

50
00:04:25,250 --> 00:04:33,810
OK alors maintenant il se termine là alors la prochaine chose est de faire le match de couleur de sorte que la couleur que j'utilise est très très faible.

51
00:04:34,080 --> 00:04:36,090
Je vais changer ça ici.

52
00:04:36,150 --> 00:04:38,950
C'est une couleur hexadécimale.

53
00:04:39,000 --> 00:04:44,780
EF 1 EF 1 EF 1 ressemble à ça.

54
00:04:45,630 --> 00:04:51,140
Vous pouvez le voir est très faible et je pense que je l'avais à deux pixels plutôt que trois.

55
00:04:51,450 --> 00:04:53,030
Changement très mineur.

56
00:04:53,070 --> 00:04:59,520
Changez cela pour être deux pixels et la dernière chose est l'espacement.

57
00:04:59,520 --> 00:05:04,540
Donc, ici, vous pouvez voir que nous avons un espace entre le texte et la frontière.

58
00:05:04,590 --> 00:05:12,200
Et ici nous ne nous souvenons pas que l'espace entre un élément et sa bordure est le rembourrage.

59
00:05:12,450 --> 00:05:18,720
Donc, si nous inspectons, vous pouvez vérifier que je peux voir que le rembourrage vert là-bas.

60
00:05:19,320 --> 00:05:22,190
Donc nous avons juste besoin d'obtenir le rembourrage aller ici aussi.

61
00:05:22,200 --> 00:05:33,500
Donc, dans RC SS Nous allons juste faire padding bottom 20 pixels et nous allons revenir rafraîchir.

62
00:05:33,570 --> 00:05:35,740
Et maintenant, nous avons un peu d'espace là-bas.

63
00:05:35,760 --> 00:05:42,360
Maintenant, bien sûr, n'hésitez pas à jouer avec ce que vous préférez si vous avez préféré cette ligne allant tout le chemin à travers ou pas de ligne du tout.

64
00:05:42,400 --> 00:05:51,350
Vous voulez rendre le texte plus grand si vous voulez qu'il le faire se débarrasser du rembourrage ou ajouter plus de rembourrage si vous voulez plus d'images passant à travers l'écran au lieu de seulement trois.

65
00:05:51,360 --> 00:05:53,430
Il y a toutes sortes de choses que vous pouvez faire.

66
00:05:53,430 --> 00:05:56,770
Très bien, j'espère que vous avez apprécié faire quelque chose qui semble un peu OK.