1 00:00:00,180 --> 00:00:06,780 Vamos a continuar el proyecto y antes de continuar con más de HP vamos a poner un poco de CSS nada más. 2 00:00:06,780 --> 00:00:14,820 Para para ir avanzando en esa parte y también para identificando un poco de cómo está la información 3 00:00:14,880 --> 00:00:24,120 cómo vamos cómo viene separada después del error un comentario que diga calendario y cerramos este comentario 4 00:00:24,220 --> 00:00:34,090 entonces aquí dividía y dividía vamos a ponerle primero un Huid del 50 por ciento y float left y recargo 5 00:00:36,880 --> 00:00:39,170 y vemos que aparece ya en dos partes. 6 00:00:39,180 --> 00:00:43,480 Mejor me gustaría que cuando vieran a un Jover 7 00:00:47,560 --> 00:00:56,630 mientras responde estaría bien creo que se vería mejor si le pusiéramos un poco de de PADI o algo así. 8 00:00:56,780 --> 00:01:00,060 Vamos a poner a quienes Jabber un background color 9 00:01:09,360 --> 00:01:10,430 que queda de esta forma 10 00:01:13,910 --> 00:01:14,200 igual. 11 00:01:14,210 --> 00:01:17,720 Por ejemplo si lo pusieran Border los píxeles solle 12 00:01:25,180 --> 00:01:31,230 lo que se ve bien creo que sería un poco mejor al menos se ve separado cuál es cada uno de los días 13 00:01:32,450 --> 00:01:37,740 en esta parte se ve bien sin embargo por ejemplo ahí se ve bien en esa parte se ve bien igual lo vamos 14 00:01:37,740 --> 00:01:40,970 a ajustar un poco pero aquí creo que quedan muy grandes. 15 00:01:41,090 --> 00:01:51,210 Estaría bien ponerlos dentro de un media query media only screen Minuit de 768 píxeles que es más o 16 00:01:51,210 --> 00:02:02,750 menos un Miyako estándar y puedo copiar pegarlo aquí y eliminar esta parte y que este sea 33.3 por ciento 17 00:02:04,440 --> 00:02:07,590 para que sean tres columnas y si la hago más pequeña aquí sean dos 18 00:02:11,120 --> 00:02:12,670 que un pequeño detalle. 19 00:02:14,370 --> 00:02:16,210 Hay unos que son más grandes que otros. 20 00:02:16,300 --> 00:02:18,230 Lo vamos a ir corrigiendo poco a poco. 21 00:02:18,750 --> 00:02:24,510 Y aquí toda la parte del bar donde vemos que desaparece y eso pasa porque hemos flotado los elementos 22 00:02:25,680 --> 00:02:35,010 y por ejemplo el padre no para empezar no tenemos ningún padre aquí no vamos a ponerle un DIV con la 23 00:02:35,010 --> 00:02:43,480 clase de calendario y vamos a cortar este lo vas a poner fuera del Weyl que le ponemos punto calendario 24 00:02:45,590 --> 00:02:53,510 y vamos a ponerle un calendario y este nos va a servir para reflotarlo. 25 00:02:53,700 --> 00:03:07,690 After after LIR both display blog y content comilla sencillas recargamos 26 00:03:09,970 --> 00:03:11,860 que sigue perdiendo nuestro 27 00:03:14,940 --> 00:03:20,220 nuestra parte inferior que vendría siendo el precio. 28 00:03:20,370 --> 00:03:21,870 Y es que el PRE queda del lado derecho 29 00:03:26,880 --> 00:03:29,930 y más bien el necesitaría estar por fuera del calendario 30 00:03:35,640 --> 00:03:36,200 algo así 31 00:03:39,630 --> 00:03:44,680 como dije que hay detalles que no vale la pena preocuparse por ellos. 32 00:03:44,850 --> 00:03:50,540 Vamos vamos a cambiar el texto hacerlo un poco más pequeño está muy grande y ahí se van a corregir todos 33 00:03:50,540 --> 00:03:55,600 los problemas vamos a volver aquí al mail nada más. 34 00:03:55,600 --> 00:04:08,600 Para finalizar este ejemplo y por ejemplo vamos a ponerle DIV día P.N título de Alfonsa es de 1.En en 35 00:04:12,520 --> 00:04:12,940 y 36 00:04:15,800 --> 00:04:19,230 vemos que se ve un poco mejor vamos a ponerle Tarbes punto 9 mm 37 00:04:23,740 --> 00:04:25,330 no tanto un M. 38 00:04:25,510 --> 00:04:35,020 También creo que se va a ver bien y el siguiente es el de fecha pero Koma Biblia de fecha 39 00:04:39,000 --> 00:04:46,340 ni siquiera se llama fecha es hora hora y recargo. 40 00:04:46,360 --> 00:04:48,010 Se ve un poco mejor. 41 00:04:48,010 --> 00:04:52,570 También me gustaría que los iconos tuvieran un color color naranja que hemos estado usando a lo largo 42 00:04:52,570 --> 00:05:03,000 de todo el diseño y aquí lo vamos a poner de pronto día y para los iconos color y el color va a ser 43 00:05:03,060 --> 00:05:13,790 F E 91 18 en recargo y vemos que se ve de esta forma este es tan poco distinto. 44 00:05:15,060 --> 00:05:16,700 Mejorándose inspeccionarlo de aquí 45 00:05:24,880 --> 00:05:29,440 vemos que se ve bien igual me gustaría que los iconos fueran más grandes aquí te podría poner un Foncea 46 00:05:29,620 --> 00:05:30,800 tal vez de dos en 47 00:05:34,150 --> 00:05:39,520 instarles no tanto creo que creo que si exageré un poco 1.6 creo que va a ser un buen número. 48 00:05:39,520 --> 00:05:44,470 Creo que se ve bien podremos ver que la parte de los títulos se pierde y para mi creo que es la más 49 00:05:44,470 --> 00:05:51,480 importante también el nombre de los de los ponentes está muy grande. 50 00:05:52,120 --> 00:06:00,700 Y bueno aquí podría poner dividí nada más poner los pies todos son párrafos y poner DIV día 51 00:06:03,860 --> 00:06:13,670 P.N título con un color y utiliza el mismo color naranja que tenemos aquí además de un text Transform 52 00:06:13,790 --> 00:06:24,090 o percas que se debía a un followed volcã para resaltar estos títulos Clodio que se ve bien. 53 00:06:24,340 --> 00:06:32,660 Sigue siendo muy grande porque este es de dos líneas y es de de una igual por ejemplo aquí le podremos 54 00:06:32,660 --> 00:06:37,270 poner un mijita de 200 píxeles 55 00:06:39,980 --> 00:06:41,690 y creo que ni siquiera miden eso. 56 00:06:46,130 --> 00:06:48,560 2 €60 también emparentó 57 00:06:56,070 --> 00:07:03,190 y sólo hacer que se vean mejor sin embargo como dije puedes ver que esta es la misma fecha. 58 00:07:03,200 --> 00:07:07,280 También me gustaría ponerla como una barra arriba que dijera cuáles son los de esta fecha. 59 00:07:08,320 --> 00:07:12,610 Las horas están bien y los días siguen estando bien sin embargo me gustaría tener esa separación de 60 00:07:12,610 --> 00:07:20,710 días y para eso va a ser necesario crear un código así medio extraño van a ser varios for varios If 61 00:07:21,670 --> 00:07:28,240 para comprobar para hacer algunos ajustes pero ya tenemos algo que se ve mejor y ahora al menos puedes 62 00:07:28,240 --> 00:07:34,690 darte cuenta de todos los que hemos hemos trabajado y cómo se va viendo un último detalle por ejemplo 63 00:07:34,780 --> 00:07:42,130 en el juego Jover a mi me gustaría que tuviera un WebKit 64 00:07:45,990 --> 00:07:58,770 Transform y ponerle un es que el de 1.1 y recargo vemos como crece y crece así como muy muy y sin un 65 00:07:58,780 --> 00:08:11,050 efecto puedes definirlo aquí transición o el punto 3 segundos y recargar y vemos como se hace el efecto 66 00:08:11,060 --> 00:08:17,320 Cdheqroo que se ven mejor al menos creo que se ve como que le dedicamos un poco más de tiempo en hacer 67 00:08:17,320 --> 00:08:24,770 esto así que bueno en el siguiente vídeo vamos a hacer esa parte de escribir y dividir en grupos pequeños 68 00:08:25,880 --> 00:08:32,750 todos los eventos de un solo día e imprimir el día con letras más grandes para diferenciar cada evento 69 00:08:32,870 --> 00:08:33,400 por día.