1
00:00:00,600 --> 00:00:06,790
Entonces, lo siguiente que queremos hacer es agregar el texto en la parte superior, así que debe verse así.

2
00:00:06,960 --> 00:00:11,020
Y, afortunadamente, esto es relativamente simple en comparación con hacer esta cuadrícula de imágenes.

3
00:00:11,370 --> 00:00:13,550
Entonces, lo primero que debemos hacer es obtener la fuente.

4
00:00:13,770 --> 00:00:15,360
Esta fuente se llama Ferrocarril.

5
00:00:15,360 --> 00:00:18,130
Es una de las fuentes de Google que hemos visto hasta ahora.

6
00:00:18,390 --> 00:00:22,950
Así que iré a las fuentes de Google y buscaré las reales.

7
00:00:22,980 --> 00:00:23,590
Aquí vamos.

8
00:00:23,620 --> 00:00:32,430
Es el mejor aquí uso y luego voy a seguir adelante y agarrar normal.

9
00:00:32,520 --> 00:00:37,090
Y también hagamos 800.

10
00:00:38,220 --> 00:00:40,410
Y luego incluiremos esto

11
00:00:44,370 --> 00:00:46,170
en nuestra HMO.

12
00:00:46,560 --> 00:00:52,710
Entonces ahora tenemos acceso a esa fuente y luego todo lo que tenemos que hacer es agregar el texto.

13
00:00:52,710 --> 00:00:59,760
En primer lugar, así que arriba voy a hacer un párrafo y voy a poner mi nombre, que es lo que

14
00:00:59,760 --> 00:01:01,820
tenía aquí separado por una barra.

15
00:01:02,160 --> 00:01:04,390
Podemos hacer que sepas poner lo que quieras aquí.

16
00:01:04,410 --> 00:01:10,650
pero con solo un texto lo mantendré simple y luego lo guardaré y luego veremos aquí.

17
00:01:10,650 --> 00:01:17,100
Esto podría ser que Texas podría ser un blog de fotografía o entrar a mi blog,

18
00:01:17,410 --> 00:01:26,760
Seleccione el párrafo y simplemente diremos la familia de fuentes de manera real y veamos con qué terminamos.

19
00:01:27,470 --> 00:01:27,950
DE ACUERDO.

20
00:01:28,260 --> 00:01:30,490
Entonces no es el más emocionante.

21
00:01:30,630 --> 00:01:31,960
Todavía no está allí.

22
00:01:31,980 --> 00:01:36,160
Es muy pequeño y no está espaciado correctamente.

23
00:01:36,210 --> 00:01:38,900
Necesitamos que se mueva más de 1. 6 por ciento también.

24
00:01:39,000 --> 00:01:43,030
Al igual que esta imagen, para moverla en línea podemos comenzar allí.

25
00:01:43,260 --> 00:01:52,620
Todo lo que tenemos que hacer es ir a un párrafo y agregar nuestro margen izquierdo y eso es solo

26
00:01:52,650 --> 00:01:55,190
un punto seis seis por ciento.

27
00:01:55,520 --> 00:01:59,750
Estamos bien, ahora está espaciado correctamente.

28
00:01:59,880 --> 00:02:03,340
Entonces, una cosa más que queremos hacer es definitivamente aumentar el tamaño de la fuente.

29
00:02:03,780 --> 00:02:10,020
Así que sé que el tamaño de fuente que utilicé aquí es de 23 píxeles y no solo eso, pero utilicé un

30
00:02:10,020 --> 00:02:12,980
peso de fuente de 800, por lo que tuve que seleccionarlo.

31
00:02:12,990 --> 00:02:17,240
Así que aquí dirá el tamaño de la fuente 23 píxeles.

32
00:02:17,460 --> 00:02:20,030
Te mostraré cómo se ve eso.

33
00:02:20,190 --> 00:02:23,500
Entonces es más grande pero aún no es tan atrevido.

34
00:02:23,520 --> 00:02:27,660
Entonces volvemos y agregamos el peso de la fuente.

35
00:02:28,080 --> 00:02:30,750
Ochocientos y guardar.

36
00:02:31,260 --> 00:02:33,610
Ahora estábamos frescos en el otoño.

37
00:02:33,610 --> 00:02:39,810
Se ve de cerca, pero todavía nos falta algo que es el hecho de que

38
00:02:39,810 --> 00:02:47,800
no usé el texto en mayúsculas, así que puedo hacerlo usando la transformación de texto o podría alterar el HDMI.

39
00:02:48,230 --> 00:02:52,470
Así que solo voy a hacer eso aquí, el texto se transforma en mayúsculas.

40
00:02:52,590 --> 00:02:54,880
Ahora tenemos todo en mayúsculas.

41
00:02:54,970 --> 00:02:55,960
Aquí vamos.

42
00:02:56,370 --> 00:03:02,790
De modo que puede ver con un ejemplo rápido por qué podría utilizar la transformación de texto porque es mucho

43
00:03:02,790 --> 00:03:08,400
más rápido y más fácil simplemente agregar una para evaluar la propiedad en lugar de tener que volver

44
00:03:08,400 --> 00:03:12,380
a escribir cada letra, especialmente si tiene una cadena de caracteres más larga.

45
00:03:12,990 --> 00:03:16,690
De acuerdo, ahora la última pieza faltante es esta pequeña línea aquí.

46
00:03:16,820 --> 00:03:22,980
Sé que es bastante débil, pero hay una línea aquí y va en línea con esta primera imagen, por lo

47
00:03:22,980 --> 00:03:24,940
que no llega hasta el final.

48
00:03:25,230 --> 00:03:28,160
Va un 30 por ciento del camino.

49
00:03:28,170 --> 00:03:34,390
Entonces, la forma en que vamos a hacer eso es que en realidad es solo un borde en la parte inferior de la que se inspeccionó

50
00:03:34,770 --> 00:03:36,560
en la parte inferior de este párrafo.

51
00:03:36,960 --> 00:03:43,500
De modo que puede ver que el párrafo en sí va un 30 por ciento hasta el final, y

52
00:03:43,500 --> 00:03:46,000
luego se limita al borde que encendimos.

53
00:03:46,500 --> 00:03:51,360
Regresemos a nuestro C SS y a nuestro párrafo.

54
00:03:51,480 --> 00:03:58,380
Comencemos por dejarlo en el límite inferior y hagámoslo obvio para comenzar así que hagamos como tres píxeles de

55
00:03:58,830 --> 00:03:59,830
color rojo sólido.

56
00:03:59,880 --> 00:04:06,370
Así que guardaremos y actualizaremos y solo veremos que la frontera atraviesa todo el camino.

57
00:04:06,490 --> 00:04:08,420
Y supongo que no se ve tan mal.

58
00:04:08,430 --> 00:04:10,460
Definitivamente queremos arreglar esto aquí.

59
00:04:10,800 --> 00:04:16,260
Pero en lugar de hacer eso, voy a cambiar el ancho para que solo llegue al 30 por ciento del camino.

60
00:04:16,830 --> 00:04:18,170
Entonces comenzaremos con eso.

61
00:04:18,390 --> 00:04:24,220
Así que eso es solo cuestión de establecer el ancho del párrafo 30 por ciento.

62
00:04:25,250 --> 00:04:32,730
De acuerdo, entonces ahora termina allí, y luego lo que hace es hacer coincidir el color para que el color que uso

63
00:04:32,730 --> 00:04:33,810
sea muy tenue.

64
00:04:34,080 --> 00:04:36,090
Solo voy a cambiar esto aquí.

65
00:04:36,150 --> 00:04:38,950
Es un color hexadecimal

66
00:04:39,000 --> 00:04:44,780
EF 1 EF 1 EF 1 se ve así.

67
00:04:45,630 --> 00:04:51,140
Puedes ver que es muy débil y creo que lo tenía en dos píxeles en lugar de tres.

68
00:04:51,450 --> 00:04:53,030
Entonces un cambio muy pequeño.

69
00:04:53,070 --> 00:04:59,520
Cambie eso para ser dos píxeles y lo último es el espaciado.

70
00:04:59,520 --> 00:05:04,540
Entonces aquí puede ver que tenemos espacio entre el texto y el borde.

71
00:05:04,590 --> 00:05:12,200
Y aquí no recordamos el espacio entre un elemento y su borde es relleno.

72
00:05:12,450 --> 00:05:18,720
Entonces, si inspeccionamos, puedes verificar que puedo ver el relleno verde allí.

73
00:05:19,320 --> 00:05:22,190
Así que solo necesitamos hacer que el relleno también esté aquí.

74
00:05:22,200 --> 00:05:25,470
Entonces en RC SS solo vamos a

75
00:05:28,370 --> 00:05:33,500
hacer un relleno de 20 pixeles inferiores y volveremos a actualizar.

76
00:05:33,570 --> 00:05:35,740
Y ahora tenemos un poco de espacio allí.

77
00:05:35,760 --> 00:05:40,350
Ahora, por supuesto, siéntete libre de jugar con esto de la forma que prefieras, si prefieres esa línea

78
00:05:40,350 --> 00:05:42,360
en línea recta o ninguna línea en absoluto.

79
00:05:42,400 --> 00:05:47,610
Desea hacer que el texto sea más grande si desea que elimine el relleno o agregue más relleno si

80
00:05:47,910 --> 00:05:51,350
desea que haya más imágenes en la pantalla en lugar de solo tres.

81
00:05:51,360 --> 00:05:53,430
Hay todo tipo de cosas que puedes hacer.

82
00:05:53,430 --> 00:05:56,770
Está bien, así que espero que hayas disfrutado haciendo algo que se ve bien.