Donc, la prochaine chose que nous voulons faire est d'ajouter dans le texte au sommet, donc doit ressembler à ceci.
Et heureusement, cela est relativement simple par rapport à la fabrication de cette grille d'image.
Donc la première chose que nous devons faire est d'obtenir la police.
Cette police est appelée chemin de fer.
C'est l'une des polices Google que nous avons vu jusqu'à présent.
Donc, je vais aller à Google Fonts et chercher réel.
Et c'est parti.
C'est le top un ici utiliser et puis je vais aller de l'avant et saisir normal.
Et aussi faisons 800.
Et puis nous allons inclure cela dans notre HMO.
Donc nous avons maintenant accès à cette police et ensuite tout ce que nous devons faire est d'ajouter dans le texte.
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.
Nous pouvons vous faire savoir mettre ce que vous voulez ici.
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.
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.
D'ACCORD.
Donc pas le plus excitant.
Pas tout à fait encore.
Il est trop petit et il n'est pas espacé correctement.
Nous avons besoin de plus de 1,6 pour cent.
Tout comme cette image afin de le déplacer en ligne, nous pouvons commencer par là.
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.
Nous sommes frais OK maintenant il espacé correctement.
Donc, une autre chose que nous voulons faire est certainement d'augmenter la taille de la police.
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.
Donc, ici, diraz la taille de la police 23 pixels.
Je vais vous montrer ce que cela ressemble.
Donc c'est plus gros, mais ce n'est toujours pas aussi audacieux.
Alors, nous revenons en arrière et ajoutez le poids de la police.
Huit cent et sauver.
Maintenant nous étions frais à l'automne.
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.
Donc, je vais juste faire cela ici texte transformer en majuscules.
Maintenant, nous obtenons tous les majuscules.
Voilà.
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.
OK maintenant la dernière pièce manquante est cette petite ligne ici.
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.
Il va 30 pour cent du chemin à travers.
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.
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.
Revenons donc à notre C SS et à notre paragraphe.
Commençons par lui donner le fond de la frontière et rendons-le évident pour commencer alors faisons comme trois pixels rouge solide.
Nous allons donc sauver et rafraîchir et de voir que la frontière va tout le chemin à travers.
Et je suppose que ça n'a pas l'air trop mauvais.
Nous voulons absolument régler ce problème ici.
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.
Donc, nous allons commencer par cela.
Donc, ce n'est qu'une question de fixer la largeur à l'alinéa 30 pour cent.
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.
Je vais changer ça ici.
C'est une couleur hexadécimale.
EF 1 EF 1 EF 1 ressemble à ça.
Vous pouvez le voir est très faible et je pense que je l'avais à deux pixels plutôt que trois.
Changement très mineur.
Changez cela pour être deux pixels et la dernière chose est l'espacement.
Donc, ici, vous pouvez voir que nous avons un espace entre le texte et la frontière.
Et ici nous ne nous souvenons pas que l'espace entre un élément et sa bordure est le rembourrage.
Donc, si nous inspectons, vous pouvez vérifier que je peux voir que le rembourrage vert là-bas.
Donc nous avons juste besoin d'obtenir le rembourrage aller ici aussi.
Donc, dans RC SS Nous allons juste faire padding bottom 20 pixels et nous allons revenir rafraîchir.
Et maintenant, nous avons un peu d'espace là-bas.
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.
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.
Il y a toutes sortes de choses que vous pouvez faire.
Très bien, j'espère que vous avez apprécié faire quelque chose qui semble un peu OK.