1
00:00:00,420 --> 00:00:07,470
Continuamos este proyecto y en este vamos a trabajar con el menú que tenemos aquí.

2
00:00:07,470 --> 00:00:14,450
Vamos a abrir nuestro editor de nuevo que tenemos esta clase que es el menú programa.

3
00:00:14,460 --> 00:00:21,900
Volvemos al menú programa y le vamos a poner aquí un ancho del 100 por ciento.

4
00:00:22,160 --> 00:00:30,140
Para empezar quiero poner un border Boron on Border abajo de un píxel Solid y quiero el mismo color

5
00:00:30,140 --> 00:00:32,470
naranja que hemos utilizado durante todo el diseño.

6
00:00:34,150 --> 00:00:42,410
Pegamos y vamos a guardar cambios y ver cómo se ve tenemos que poner esta línea bajo sin embargo no

7
00:00:42,420 --> 00:00:45,880
se nota como poner un poco de página abajo para que hay un poco de separación.

8
00:00:45,900 --> 00:00:52,560
Padín Boron hay 10 píxeles en poco de separación aquí y se va viendo mejor.

9
00:00:52,560 --> 00:00:55,140
Vamos a darle estilos a los enlaces.

10
00:00:55,290 --> 00:01:07,930
Lo programa a todos los enlaces y vamos a poner un display Block esto va a ser para la parte móvil que

11
00:01:07,930 --> 00:01:10,400
estén todos horizontalmente.

12
00:01:10,510 --> 00:01:17,500
Ponemos un texto a encender este se iba a aplicar para todo el color será negro.

13
00:01:21,980 --> 00:01:27,690
Y creo que puse una además si entre le ponemos Tais Declaration.

14
00:01:27,740 --> 00:01:35,390
Ya para eliminar esta línea recargamos que se ve de esta forma esto va a ser para la parte móvil cuando

15
00:01:35,390 --> 00:01:36,550
esté más o menos así

16
00:01:40,600 --> 00:01:49,520
y le vamos a poner el FOM Family va a ser la fuente de Oswalt copiarla y vamos a volver a menú programa

17
00:01:51,520 --> 00:02:02,940
picamos aquí recargamos de esta forma y por último vamos a ponerle un margen Boron de 10 píxeles para

18
00:02:02,940 --> 00:02:10,260
que un poco de separación aquí entre cada uno de ellos ok creo que se ve bien se ve bastante bien.

19
00:02:11,420 --> 00:02:15,710
Igual como dije cuando haces en conferencia se van a ver las conferencias cuando estemos en la parte

20
00:02:15,710 --> 00:02:20,440
de QWERTY veremos cómo lograr ese efecto.

21
00:02:20,660 --> 00:02:23,300
Aquí está tomando el 100 por ciento cada uno de los enlaces.

22
00:02:23,300 --> 00:02:28,340
Queremos que la parte de escritorio tomen o se divida en tres.

23
00:02:29,030 --> 00:02:38,820
Hay una forma muy fácil de hacerlo y eso es con CSS vamos a crear un acuerdo aquí y lo pegamos hace

24
00:02:38,860 --> 00:02:40,420
ponerlo aquí.

25
00:02:40,680 --> 00:02:51,210
Nab menú programa y vas a ponerle un display Peibbol display tebana nos va aplicar cuando estamos en

26
00:02:51,220 --> 00:03:02,410
768 píxeles y los enlaces van a tener también su propio media query de momento están display Blok.

27
00:03:02,550 --> 00:03:14,180
Cuando estemos en esta tamaño quiero aplicarle un display de bushel con cambios y recargo y vemos que

28
00:03:14,590 --> 00:03:17,780
con el display volitivo se ve de esta forma.

29
00:03:17,780 --> 00:03:28,360
Si lo hago pequeño se ve en vertical estamos cerca y si vemos el diseño vamos a ver que tenemos estos

30
00:03:28,360 --> 00:03:31,500
iconos en color naranja y el texto en color negro.

31
00:03:31,570 --> 00:03:36,700
Aquí tenemos el texto negro pero no tenemos los iconos en naranja además de que le falta un poco de

32
00:03:36,700 --> 00:03:40,050
tamaño y vamos a ponerlo aquí.

33
00:03:40,060 --> 00:03:48,110
Un iPhone 6 No.2 y recargamos se ve bien.

34
00:03:48,110 --> 00:03:53,160
Y por último vas a poner denak menú programa.

35
00:03:54,360 --> 00:03:54,880
Ah.

36
00:03:55,880 --> 00:04:01,510
Y luego y aquí vamos a ponerle el color.

37
00:04:03,580 --> 00:04:06,760
El color sería el mismo naranja que hemos estado poniendo en todo el diseño.

38
00:04:07,810 --> 00:04:17,550
Recargamos se ve de esta forma y vamos a hacerlo un poco más grande Fonz 6 2 mm cargamos y creo que

39
00:04:17,560 --> 00:04:21,780
sea un poco grande tal vez 1.8 creo que se ve bien

40
00:04:26,980 --> 00:04:37,650
un poco menos tal vez 1.6 recargamos y creo que se ve bien y vamos a ponerle un margen Ray de 10 píxeles

41
00:04:38,760 --> 00:04:45,830
recargamos y un poco más de separación en esta parte así que en el siguiente vídeo vamos a trabajar

42
00:04:45,830 --> 00:04:51,410
con la descripción del evento para finalizar esta sección.